Mutual clients of Listrak and Bazaarvoice can add social content to their HTML and Composer emails using a dynamic image URL provided by Bazaarvoice. Get started by following the these steps.
1. Contact the Bazaarvoice Partner Integrations team to request API key. Let them know what image feed you wish to include.
π‘ Email the team at [email protected]
2. Copy and paste the below link into a notepad:
https://edge.curalate.com/v1/media/[APIKey]/images/top?offset=0&width=400&height=400
3. Replace [APIKey] with your APIKey.
You have now created a dynamic image that will update automatically as new images are tagged in Bazaarvoice. You are now ready to add images to either Composer or HTML emails.
Adding Bazaarvoice Social Galleries to Listrak Composer
1. Drag and drop a three-column structure onto the canvas.
2. Select a mobile stacking option.
3. Drag and drop three image elements into the above structure.
4. Click Image Source for the first image in the properties panel.
5. Replace [APIKey] with your API Key.
6. Paste the below link into the Image Source.
https://edge.curalate.com/v1/media/[APIKey]/images/top?offset=0&width=400&height=400
7. Click Image Source for the second image in the properties panel.
8. Replace [APIKey] with your API Key.
9. Paste this into the Image Source.
https://edge.curalate.com/v1/media/[APIKey]/images/top?offset=1&width=400&height=400
10. Click Image Source for the third image in the properties panel.
11. Replace [APIKey] with your API Key.
12. Paste this into the Image Source.
https://edge.curalate.com/v1/media/[APIKey]/images/top?
Adding Additional Images
In the above example, we added a simple three image gallery strip.
You can add up to 10 social images by incrementally changing the offset for each image.
Updating Image Dimensions
You can also control the height and width of the images by updating the URL. By default, the images are set to 400 pixels by 400 pixels. Bazaarvoice will intelligently crop your images when you change these dimensions.
Adding a Link to the Images
You can add a link to any of the Bazaarvoice Social images included in an email by adding a Link URL in the properties panel. Common link locations include: your site homepage, your Instagram or other social feed, or a shopable feed.
ADDING Bazaarvoice Galleries to HTML emails
In HTML, use the dynamic image in the src="" tag of an image like this:
<img alt "Our Social Gallery" src="https://edge.curalate.com/v1/media/[APIKey]/images/top?offset=0&width=400&height=400" />
You can control the width and height of the image within the dynamic URL. By default, the width is set to 400 pixels and the height is set to 400 pixels. Bazaarvoice will intelligently crop your images when you change these dimensions.
π‘ You can add up to 10 social images by incrementally changing the offset for each image.
First Image: offset=0
<img alt "Our Social Gallery" src="https://edge-2.curalate.com/v1/media/[APIKey]/images/top?offset=0&width=400&height=400" />
Second Image: offset=1
<img alt "Our Social Gallery" src="https://edge-2.curalate.com/v1/media/[APIKey]/images/top?offset=1&width=400&height=400" />
Third Image: offset=2
<img alt "Our Social Gallery" src="https://edge-2.curalate.com/v1/media/[APIKey]/images/top?offset=2&width=400&height=400" />