Create an email Gallery

Create an email Gallery to display brand-owned and user-generated content on emails.

Create an email Gallery

You can create both Evergreen and Campaign email Galleries. Evergreen email Galleries display top-performing content based on filters that you set. Campaign email Galleries display static content that you choose. You can choose from images, videos, or both as your source to create an email Gallery.

Follow these steps to create an email Gallery in Vibe.

  1. In Vibe, select Commerce > Email.
  2. Select Get Started.

Follow the instructions in the "Evergreen" or "Campaign" sections below depending on which type of email Gallery you want to create.

Evergreen

Step 1: Customize

Gallery Type

To create an Evergreen Gallery, select the drop-down menu under Gallery Type and select Evergreen.

Media Source

Select the drop-down menu under Media Source and select the Gallery you want to source content from for this email Gallery. The content from the Gallery you select will appear on this email Gallery.

Note: You can only select one source Gallery.
Gallery URL

You can only choose one URL destination for your email Gallery. When a user selects any media item in your email Gallery, they'll be taken to this URL. Enter your URL in the Gallery URL text field.

Layout

Under Layout, enter how many rows and columns you want in your desktop and mobile email Gallery experiences. Use the Padding slider to adjust how much white space appears between each image in your email Gallery.

Step 2: Optional Filters

Select the Optional Filters tab or the Next > button to open the Add filters page. On this page, you can filter content from your selected source Gallery using the following parameters:

  • Label: Enter a label to only display content that includes that label.
  • Product ID: Enter a product ID (for example, a SKU or GTIN) to only display content that is tagged with that product.
  • Product URL: Enter a URL for a product detail page (PDP) to only display content that is tagged with that product.
  • Category: Enter a category to only display content that is a part of that category.
  • Username: Enter a username to only display content posted by that creator.
  • Tag: Enter a hashtag to only display content from posts with that hashtag.
  • Additional Filters: Enter additional filters like specific brands.

Step 3: Embed

Select the Embed tab or the Next > button to open the Embed page.

Note: If you included a mobile layout in this email Gallery, you will see two snippets. If you only included a desktop layout, you will only see one.
Add email Gallery snippet to your email template

Select the Copy Snippet button below the first snippet and paste it in the body of your email template.

Add advanced CSS snippet to your email template

Select Copy Snippet under the second snippet titled Add advanced integration (optional). Paste it in the <head> section of your email template or other CSS-specific field from your email service provider.

This additional snippet allows us to display mobile-specific email Galleries on more mobile devices. If you can't add this to your email template, we will default to a resized version of the desktop email Gallery. 

Note: This snippet will only appear if you included a mobile layout in this email Gallery.

Campaign

Step 1: Customize

Gallery Type

To create a Campaign Gallery, select the drop-down menu under Gallery Type and select Campaign.

Media Source

Select the drop-down menu under Media Source and select the Gallery you want to source content from for this email Gallery. The content from the Gallery you select will appear on this email Gallery.

Note: You can only select one source Gallery.
Image Links

Choose whether you want each content item to link to a single URL or if you want each content item to link to a specific product detail page (PDP) by selecting Static URL or Product URL using the Image Links drop-down menu.

If you selected Static URL, enter the URL you want to link to in the Gallery URL text field.

If you selected Product URL, use the Product Option drop-down menu to select whether you want to link to the first tagged product or the most expensive tagged product.

Layout

Under Layout, enter how many rows and columns you want in your desktop and mobile email Gallery experiences. Use the Padding slider to adjust how much white space appears between each image in your email Gallery.

Social Information

Under Social Information, choose whether you want creator usernames to display under each content item with the Display username toggle. Customize how usernames are displayed with the options under this toggle.

Step 2: Optional Filters

Select the Optional Filters tab or the Next > button to open the Add filters page. On this page, you can filter content from your selected source Gallery using the following parameters:

  • Label: Enter a label to only display content that includes that label.
  • Product ID: Enter a product ID (for example, a SKU or GTIN) to only display content that is tagged with that product.
  • Product URL: Enter a URL for a product detail page (PDP) to only display content that is tagged with that product.
  • Category: Enter a category to only display content that is a part of that category.
  • Username: Enter a username to only display content posted by that creator.
  • Tag: Enter a hashtag to only display content from posts with that hashtag.
  • Additional Filters: Enter additional filters like specific brands.

Step 3: Embed

Select the Embed tab or the Next > button to open the Embed page.

Note: If you included a mobile layout in this email Gallery, you will see two snippets. If you only included a desktop layout, you will only see one.
Add email Gallery snippet to your email template

Select the Copy Snippet button below the first snippet and paste it in the body of your email template.

Add advanced CSS snippet to your email template

Select Copy Snippet under the second snippet titled Add advanced integration (optional). Paste it in the <head> section of your email template or other CSS-specific field from your email service provider.

This additional snippet allows us to display mobile-specific email Galleries on more mobile devices. If you can't add this to your email template, we will default to a resized version of the desktop email Gallery. 

Note: This snippet will only appear if you included a mobile layout in this email Gallery.
Provide feedback button