Add a gallery into a Klaviyo campaign

You can reference this Klaviyo guide for more information: https://help.klaviyo.com/hc/en-us/articles/115005258768-Add-a-Custom-Web-Feed-to-a-Campaign

Note: This customisation is unsupported.

1. Navigate to the Settings -> Data Feeds tab.

2. Click Add Web Feed.

3. Fill in the details:

a. For Feed Name, use something simple like: Covet

b. Your Feed URL will be https://app.covet.pics/api/v1/embed/***** - the "*****" is to be replaced with your gallery embed number (found in your gallery's embed code)

For example, https://app.covet.pics/api/v1/embed/111111

c. Leave Request Method as GET and leave Content Type as JSON

d. Click Add Web Feed

4. Go to Campaigns

Select the campaign you want to add your gallery to and go to edit the content.

5. Click the Data Feeds button at the bottom of the page

Enable your Covet data feed and click Save.

6. Create a new text block

Click the <> Source button in the text editing toolbar and insert the following code for a 3x3 grid layout of your gallery:

<table>
  <tbody>
    <tr>{% for item in feeds.Covet.items|slice:"9" %}
      {% if item.cover_images.medium_resolution == blank %}
        <td style="width: 200px; height: 200px; background-image: url({{ item.images.medium_resolution }}); background-position: 50%; background-size: cover;" > </td>
      {% else %}
        <td style="width: 200px; height: 200px; background-image: url({{ item.cover_images.medium_resolution }}); background-position: 50%; background-size: cover;"> </td>
      {% endif %}

      {% if forloop.last %}
    </tr>
    {% else %}{% if forloop.counter|divisibleby:"3" %}
    <tr>{% endif %}{% endif %}{% endfor %}
    </tr>
  </tbody>
</table>

7. Click Save on the text block and then preview.

The preview should look like a 3x3 grid: