Skip to content
Open platform (opens in a new tab)

Email widgets

Add shoppable UGC to your email campaigns with customizable email widgets.

View as Markdown (opens in a new tab)

Email widgets let you show UGC in your email campaigns. Add shoppable content that links to your products. Dynamic widgets update automatically with your latest approved posts, while static widgets show the posts you picked and never change.

Navigate to UGC → Email widgets⁠ to manage your email widgets.

Email widgets need UGC Extended. To add it, navigate to Settings → Subscription⁠ and enable Add extended features? on the UGC card.

Email widget example

Available email widgets

WidgetDescriptionSupported platforms
Static widgetDisplay specific posts you manually select: the content never changesAll platforms
Dynamic widgetDisplay posts from selected content sources that update automaticallyKlaviyo, Voyado
Dynamic Instagram feed widgetShow the latest approved posts from your brand's Instagram feedKlaviyo, Voyado
Abandon cart widgetDisplay posts featuring the products in the emailKlaviyo
Post-purchase widgetDisplay posts featuring the products in the emailKlaviyo

The Klaviyo widgets show in New email widget only when Klaviyo is connected, and the Voyado widgets only when your workspace has the Voyado integration. With neither, Dynamic widget in that menu opens Settings → Integrations⁠. Abandon cart widget and Post-purchase widget work the same way: only their default name differs. A Klaviyo or Voyado widget whose integration isn't active shows a Disabled badge, on UGC → Email widgets and in its editor.

Create an email widget

  1. Navigate to UGC → Email widgets⁠
  2. Click New email widget
  3. Select the widget type. Cevoid creates the widget and opens its editor.

To rename or delete a widget, click More in its editor and select Rename or Delete. On UGC → Email widgets, each widget's menu also has Duplicate.

Tip:

Duplicate existing email widgets to reuse design and customization settings.

Select content

How you select content for an email widget depends on the widget type. Abandon cart and Post-purchase widgets have no Content tab: they show posts of the products in each email.

Static content

Hand-pick specific posts to display in an email widget.

  1. Navigate to UGC → Email widgets⁠ and open your widget
  2. Click the Content tab
  3. Click Static content
  4. Click Add posts from library, or the Add post tile when the widget already has hand-picked posts. Add from library opens.
  5. Select the posts you want to include
  6. Click Add N posts
  7. Click Save changes

Dynamic content

Set filters to automatically include matching posts in a dynamic email widget.

  1. Navigate to UGC → Email widgets⁠ and open your widget
  2. Click the Content tab
  3. Click Dynamic content
  4. Click Filter and select your filters. They work like the Library filters.
  5. Click Save changes

New posts that match your filters are automatically included in future sends. In a static widget, the code you copy holds the posts that match when you copy it, and it doesn't change after that.

Reorder posts

All content lists every post in the widget: first the posts Visible in widget, then Hidden content, posts from your content sources that the widget has no room for.

  1. Navigate to UGC → Email widgets⁠ and open your widget
  2. Click the Content tab
  3. Click All content
  4. Select Newest first or Oldest first, or drag a post to a new position. A dragged post is pinned there.
  5. Click Save changes

Pin posts

Pin posts to keep them in a specific position in the email widget. Pinned posts aren't replaced when new content is added.

  1. Navigate to UGC → Email widgets⁠ and open your widget
  2. Click the Content tab
  3. Click All content
  4. Right-click a post and select Pin at current position. To pick the position, select Pin at specific position, enter the Position, and click Pin.
  5. Click Save changes

The same menu has Unpin, Open post, Remove selected post for a hand-picked post, and Exclude dynamic post for a post from your filters. An excluded post moves to Excluded dynamic posts on the Content tab, where Include in widget brings it back. Clear all pinned posts above the list unpins every post.

Design settings

Customize how your email widget looks.

  1. Navigate to UGC → Email widgets⁠ and open your widget. The editor opens on the Design tab. Abandon cart and Post-purchase widgets have no tabs, only these settings.
  2. Set each setting you want to change. Each widget type has its own: see Settings by widget type.
  3. Click Save changes. For a Klaviyo widget, paste the new widget code into your emails in Klaviyo for the design changes to show.
Note:

New email widgets get the fixed width, in pixels, of your most recently created widget.

Settings by widget type

The design settings depend on the widget type. Klaviyo dynamic means Dynamic and Dynamic Instagram feed widgets for Klaviyo, and Klaviyo product means Abandon cart and Post-purchase widgets. Voyado widgets are styled in Voyado, so they only have Display options, Aspect ratio, Link options, and Custom link.

Email widget design

SettingDescriptionOptionsWidgets
Preview productProduct to preview the widget withYour productsKlaviyo product
Fallback postsFill rows with similar posts. See Fallback postsOn or off (default off)Klaviyo product
RowsNumber of rows1-5Static, Klaviyo dynamic. Klaviyo product widgets add one row per product in the email
ColumnsNumber of columns1-4Static, Klaviyo dynamic, Klaviyo product (posts per product)
Corner radius, RoundnessCorner roundness0-20 pxCorner radius on static widgets, Roundness on Klaviyo widgets
Grid gapSpace between posts0-30 pxStatic, Klaviyo dynamic, Klaviyo product
WidthHow the widget fits your email templateFixed width (200-1000 px) or Fill widthStatic, Klaviyo dynamic, Klaviyo product
Display optionsInformation below each postUsername, Product name, Product priceAll
Aspect ratioPost aspect ratioLandscape 16:9, Landscape 3:2, Square 1:1, Portrait 4:5, Portrait 2:3, Portrait 9:16All
Link optionsWhere posts link toLink to first tagged product, Profile's Instagram, Company Instagram, Custom link for all posts, No linkAll
Instagram accountAccount to link to with Company InstagramYour connected Instagram accountsStatic
Custom linkURL to link to with Custom link for all postsA URLAll
MarketMarket for product names, prices, and linksSelect from your marketsKlaviyo dynamic, Klaviyo product. Static widgets pick the market when you embed them, and Voyado widgets use the country code
Tip:

Set a fixed width that matches your email template's width. Some email clients don't properly apply width limitations.

Fallback posts

Fallback posts is available for Abandon cart and Post-purchase widgets: "If there are not enough posts for the mentioned product, fill it with similar posts". A product's own posts include posts tagged with any of its variants. When a product in the email has fewer posts than the widget's Columns, Cevoid fills the row with posts of similar products that AI finds, in the order set in AI fallback priority.

  1. Navigate to UGC → Email widgets⁠ and open your Abandon cart or Post-purchase widget
  2. Enable Fallback posts
  3. Click Save changes

Embed email widgets

How you embed an email widget depends on your email platform.

For static widgets:

  1. Navigate to UGC → Email widgets⁠ and open your widget
  2. Click Embed widget
  3. Select the market
  4. Copy the HTML code
  5. In Klaviyo, open your email campaign or flow
  6. Add an HTML block
  7. Paste the code
  8. Save

For dynamic widgets (Dynamic widget, Dynamic Instagram feed widget, Abandon cart widget, Post-purchase widget):

First, add the web feed to Klaviyo:

  1. Navigate to UGC → Email widgets⁠, open your widget, and click Embed widget
  2. In Klaviyo, click your company name in the lower left corner and navigate to Settings → Other → Web feeds
  3. Click Add web feed
  4. Enter the web feed name from Cevoid as the feed name. Use exactly that name, or the widget won't work.
  5. Paste the web feed URL from Cevoid as the feed URL
  6. Set the request method to GET and the content type to JSON
  7. Click Add web feed. Klaviyo checks the feed and shows any errors.

For more on web feeds, see Klaviyo's How to add a custom web feed in an email⁠.

Then embed the widget:

  1. Copy the email widget code from Cevoid
  2. In Klaviyo, open your email campaign or flow
  3. Add an HTML block
  4. Paste the code
  5. Save
Note:

Cevoid generates the web feed when you save the widget and updates it every hour, so you don't need to create a new widget for each email.

Abandon cart and Post-purchase widgets show posts of the products in the Klaviyo event that starts the flow, so use them in your abandoned cart and post-purchase flows.

Voyado has a native Cevoid email widget block for Dynamic widget and Dynamic Instagram feed widget. A Voyado block shows the first 4 posts of the widget's content, hand-picked posts included. Product name and price come from the first product tagged in each post.

Note:

Contact your customer success manager at Voyado to enable their email module for UGC email widgets from Cevoid.

  1. Navigate to UGC → Email widgets⁠ and open your widget
  2. Click Embed widget
  3. Copy the email widget ID
  4. In Voyado, open your email
  5. Add a Cevoid email widget block
  6. Paste the widget ID and fetch the content. The block fills with the widget's posts.
  7. Enter the country code, for example SE, NO, or DK. Cevoid uses the market for that country, or your default market when no market matches, to fetch localized product names, prices, and links.
  8. Save the email

The general implementation works with any HTML-based email solution.

  1. Navigate to UGC → Email widgets⁠ and open your widget
  2. Click Embed widget
  3. Select the market for product names, prices, and links
  4. Copy the HTML code
  5. In your email editor, add an HTML block
  6. Paste the code
  7. Save
Note:

The general implementation supports static widgets only. For dynamic content, use Klaviyo or Voyado.

Videos in email widgets

Email widgets display images only. When a video post is included, the widget shows the video's thumbnail instead.

Tip:

Change a video's thumbnail in Posts.