Skip to main content

​
Overview

Email widgets allow you to showcase UGC and other posts directly in your email campaigns, creating engaging, shoppable experiences that drive conversions. These widgets automatically update with your latest approved content and can be customized to match your brand’s email design. Email widgets are available under UGC -> Email widgets and support both static content for specific campaigns and dynamic content that updates automatically with each send. Email Widget Demo Email Jpe
Related articles:

​
Available Email Widgets

Widget TypeDescriptionSupported IntegrationHow the email widget is updated with new posts
Static email widgetDisplays specific posts you manually selectGeneral implementation (all platforms)Posts are not updated until you replace them manually.
Dynamic email widgetDisplays posts from selected content sources that update automaticallyKlaviyo, VoyadoAuto-updates with new approved posts that match selected filters
Instagram Feed email widgetShows the latest approved posts from your brand’s Instagram feedKlaviyo, VoyadoAuto-updates with new approved feed content
Abandoned Cart email widgetDisplays posts with product tags matching abandoned cart itemsKlaviyoAuto-updates with approved posts that match the mentioned products
Post-Purchase email widgetShows posts with product tags matching purchased productsKlaviyoAuto-updates with approved posts that match the mentioned products

​
Static email widget

The static email widget allows you to hand-pick the posts you want to use and works with all HTML-based email solutions.
  • General implementation
  • Klaviyo
  • Voyado

1. Create the email widget

  1. Navigate to UGC -> Email widgets
  2. Click New email widget
  3. Select Static widget
  4. Optional: Click the icon in the upper left corner to name your email widget
You can duplicate existing email widgets to reuse the design and customization settings
  1. Click the Content tab
  2. Click Static content
  3. Click Add posts from library
  4. Apply filters, and select the posts you want to include
  5. Click Add (x) posts
  6. Click Save changes
  1. Click the Content tab
  2. Click All posts
  3. Reorder posts by dragging them to the desired position
  4. Click Save changes
Email widgets support dynamic width and will automatically fill the full width of your email template.However, some email clients don’t properly apply width limitations. To ensure consistent display across all email clients, we recommend setting a fixed width that matches your email template’s width setting.
  1. Click the Design tab
  2. Set your fixed width value
  3. Click Save changes
New email widgets will default to the width setting from the latest created email widget
  1. Click the Design tab
  2. Apply your preferred design and customization settings
  3. Click Save changes
Available design settings:
SettingDescriptionAvailable options
RowsNumber of rows with posts1-5
ColumnsNumber of columns with posts1-4
Corner radiusThe corner roundness of each post0-20 px
Grid gapThe gap between each post0-30 px
Aspect ratioThe aspect ratio of each post1:1, 16:9, 9:16, 2:3, 4:5
Display optionsAdditional information displayed below each post.
Options can be combined and excluded.

Product options will use information from the
first tagged product of each post		- Username
- Product name
- Product price
Link optionsWhere readers should be linked when
clicking one of the posts		- First tagged product
- Profile’s Instagram page
- Company’s Instagram
- Custom URL for all posts
- No link
  1. Click Embed widget in the upper right corner
  2. Select what Market should be used for product name, price and links
  3. Copy the HTML code
  4. Navigate to your email solution
  5. Open the email you want to add the widget to
  6. Paste the code in an HTML block
  7. Save

​
Dynamic email widget

The dynamic email widget will be updated with the latest content each send, making it perfect for email flows or reuse across multiple topic-specific campaigns over time. Content is selected based on what filters you apply to the email widget, and new posts that match the filters will be included in the next send.
  • Klaviyo
  • Voyado

1. Create the email widget

  1. Navigate to UGC -> Email widgets
  2. Click New email widget
  3. Select Dynamic widget
  4. Optional: Click the icon in the upper left corner to name your email widget
You can duplicate existing email widgets to reuse the design and customization settings
  1. Click the Content tab
  2. Click Dynamic content
  3. Click Filters
  4. Apply your filters
  5. Click Save changes
Pinning a post will keep it in that position and the post won’t be replaced with new content
  1. Click the Content tab
  2. Click All posts
  3. Drag-and-drop a post to a specific position to pin it
  4. Click Save changes
Email widgets support dynamic width and will automatically fill the full width of your email template.However, some email clients don’t properly apply width limitations. To ensure consistent display across all email clients, we recommend setting a fixed width that matches your email template’s width setting.
  1. Click the Design tab
  2. Set your fixed width value
  3. Click Save changes
New email widgets will default to the width setting from the latest created email widget
  1. Click the Design tab
  2. Apply your preferred design and customization settings
  3. Click Save changes
Available design settings:
SettingDescriptionAvailable options
RowsNumber of rows with posts1-5
ColumnsNumber of columns with posts1-4
Corner radiusThe corner roundness of each post0-20 px
Grid gapThe gap between each post0-30 px
Aspect ratioThe aspect ratio of each post1:1, 16:9, 9:16, 2:3, 4:5
Display optionsAdditional information displayed below each post.
Options can be combined and excluded.

Product options will use information from the
first tagged product of each post		- Username
- Product name
- Product price
Link optionsWhere readers should be linked when
clicking one of the posts		- First tagged product
- Profile’s Instagram page
- Company’s Instagram
- Custom URL for all posts
- No link
  1. Click the Design tab
  2. Select what Market should be used for product name, price and links
  3. Click Save changes
The web feed ensures that the content can be updated without you needing to create a new email widget for each email
  1. Click Embed widget in the upper right corner
  2. Navigate to Klaviyo
    1. Navigate to Settings -> Other -> Web feeds
    2. Click Add web feed
      1. Copy (from Cevoid) and paste the web feed name
      2. Copy (from Cevoid) and paste the Feed URL
      3. Ensure that request method is set to GET
      4. Ensure that the content type is set to JSON
      5. Click Add web feed
  1. Click Embed widget in the upper right corner
  2. Copy the HTML code
  3. Navigate to Klaviyo and open your email campaign or flow
  4. Add a new Text block or HTML block to your email template
  5. Paste the HTML code into the block
  6. Click Save in Klaviyo

​
Instagram Feed email widget

The Instagram feed widget will include the latest approved posts from your Instagram feed in each send. This makes it a good widget to use at the end of your standard email where no dedicated content has been created.
  • Klaviyo
  • Voyado

1. Create the email widget

  1. Navigate to UGC -> Email widgets
  2. Click New email widget
  3. Select Instagram Feed widget
  4. Optional: Click the icon in the upper left corner to name your email widget
Email widgets support dynamic width and will automatically fill the full width of your email template.However, some email clients don’t properly apply width limitations. To ensure consistent display across all email clients, we recommend setting a fixed width that matches your email template’s width setting.
  1. Click the Design tab
  2. Set your fixed width value
  3. Click Save changes
New email widgets will default to the width setting from the latest created email widget
  1. Click the Design tab
  2. Apply your preferred design and customization settings
  3. Click Save changes
Available design settings:
SettingDescriptionAvailable options
RowsNumber of rows with posts1-5
ColumnsNumber of columns with posts1-4
Corner radiusThe corner roundness of each post0-20 px
Grid gapThe gap between each post0-30 px
Aspect ratioThe aspect ratio of each post1:1, 16:9, 9:16, 2:3, 4:5
Display optionsAdditional information displayed below each post.
Options can be combined and excluded.

Product options will use information from the
first tagged product of each post		- Username
- Product name
- Product price
Link optionsWhere readers should be linked when
clicking one of the posts		- First tagged product
- Profile’s Instagram page
- Company’s Instagram
- Custom URL for all posts
- No link
  1. Click the Design tab
  2. Select what Market should be used for product name, price and links
  3. Click Save changes
The web feed ensures that the content can be updated without you needing to create a new email widget for each email
  1. Click Embed widget in the upper right corner
  2. Navigate to Klaviyo
    1. Navigate to Settings -> Other -> Web feeds
    2. Click Add web feed
      1. Copy (from Cevoid) and paste the web feed name
      2. Copy (from Cevoid) and paste the Feed URL
      3. Ensure that request method is set to GET
      4. Ensure that the content type is set to JSON
      5. Click Add web feed
  1. Click Embed widget in the upper right corner
  2. Copy the HTML code
  3. Navigate to Klaviyo and open your email campaign or flow
  4. Add a new Text block or HTML block to your email template
  5. Paste the HTML code into the block
  6. Click Save in Klaviyo

​
Abandoned Cart email widget

The Abandoned Cart email widget will include posts tagged with products that are mentioned in your abandoned cart email. This allows you to include inspiring UGC images as social proof related to the products the customer did not buy (yet).
  • Klaviyo

1. Create the email widget

  1. Navigate to UGC -> Email widgets
  2. Click New email widget
  3. Select Abandoned Cart widget
  4. Optional: Click the icon in the upper left corner to name your email widget
The fallback setting will fill the email widget with the most relevant posts if there are not enough posts for the mentioned product
  1. Click the Design tab
  2. Toggle on the Fallback setting
  3. Click Save changes
Email widgets support dynamic width and will automatically fill the full width of your email template.However, some email clients don’t properly apply width limitations. To ensure consistent display across all email clients, we recommend setting a fixed width that matches your email template’s width setting.
  1. Click the Design tab
  2. Set your fixed width value
  3. Click Save changes
New email widgets will default to the width setting from the latest created email widget
  1. Click the Design tab
  2. Apply your preferred design and customization settings
  3. Click Save changes
Available design settings:
SettingDescriptionAvailable options
RowsNumber of rows with posts1-5
ColumnsNumber of columns with posts1-4
Corner radiusThe corner roundness of each post0-20 px
Grid gapThe gap between each post0-30 px
Aspect ratioThe aspect ratio of each post1:1, 16:9, 9:16, 2:3, 4:5
Display optionsAdditional information displayed below each post.
Options can be combined and excluded.

Product options will use information from the
first tagged product of each post		- Username
- Product name
- Product price
Link optionsWhere readers should be linked when
clicking one of the posts		- First tagged product
- Profile’s Instagram page
- Company’s Instagram
- Custom URL for all posts
- No link
  1. Click the Design tab
  2. Select what Market should be used for product name, price and links
  3. Click Save changes
The web feed ensures that the content can be updated without you needing to create a new email widget for each email
  1. Click Embed widget in the upper right corner
  2. Navigate to Klaviyo
    1. Navigate to Settings -> Other -> Web feeds
    2. Click Add web feed
      1. Copy (from Cevoid) and paste the web feed name
      2. Copy (from Cevoid) and paste the Feed URL
      3. Ensure that request method is set to GET
      4. Ensure that the content type is set to JSON
      5. Click Add web feed
  1. Click Embed widget in the upper right corner
  2. Copy the HTML code
  3. Navigate to Klaviyo and open your email campaign or flow
  4. Add a new Text block or HTML block to your email template
  5. Paste the HTML code into the block
  6. Click Save in Klaviyo

​
Post-Purchase email widget

The Post-Purchase email widget will include posts tagged with products that are mentioned in your post-purchase email. This allows you to include inspiring UGC images as social proof related to the products the customer just bought.
  • Klaviyo

1. Create the email widget

  1. Navigate to UGC -> Email widgets
  2. Click New email widget
  3. Select Post-purchase email widget
  4. Optional: Click the icon in the upper left corner to name your email widget
The fallback setting will fill the email widget with the most relevant posts if there are not enough posts for the mentioned product
  1. Click the Design tab
  2. Toggle on the Fallback setting
  3. Click Save changes
Email widgets support dynamic width and will automatically fill the full width of your email template.However, some email clients don’t properly apply width limitations. To ensure consistent display across all email clients, we recommend setting a fixed width that matches your email template’s width setting.
  1. Click the Design tab
  2. Set your fixed width value
  3. Click Save changes
New email widgets will default to the width setting from the latest created email widget
  1. Click the Design tab
  2. Apply your preferred design and customization settings
  3. Click Save changes
Available design settings:
SettingDescriptionAvailable options
RowsNumber of rows with posts1-5
ColumnsNumber of columns with posts1-4
Corner radiusThe corner roundness of each post0-20 px
Grid gapThe gap between each post0-30 px
Aspect ratioThe aspect ratio of each post1:1, 16:9, 9:16, 2:3, 4:5
Display optionsAdditional information displayed below each post.
Options can be combined and excluded.

Product options will use information from the
first tagged product of each post		- Username
- Product name
- Product price
Link optionsWhere readers should be linked when
clicking one of the posts		- First tagged product
- Profile’s Instagram page
- Company’s Instagram
- Custom URL for all posts
- No link
  1. Click the Design tab
  2. Select what Market should be used for product name, price and links
  3. Click Save changes
The web feed ensures that the content can be updated without you needing to create a new email widget for each email
  1. Click Embed widget in the upper right corner
  2. Navigate to Klaviyo
    1. Navigate to Settings -> Other -> Web feeds
    2. Click Add web feed
      1. Copy (from Cevoid) and paste the web feed name
      2. Copy (from Cevoid) and paste the Feed URL
      3. Ensure that request method is set to GET
      4. Ensure that the content type is set to JSON
      5. Click Add web feed
  1. Click Embed widget in the upper right corner
  2. Copy the HTML code
  3. Navigate to Klaviyo and open your email campaign or flow
  4. Add a new Text block or HTML block to your email template
  5. Paste the HTML code into the block
  6. Click Save in Klaviyo

​
How videos are presented in email widgets

Learn how to adjust a video post’s thumbnail in this article: Posts
The email widgets will only display images. When a video post is included, it will use the cover image/thumbnail of the video instead of the video itself.
⌘I