Ctrlk
For the complete documentation index, see llms.txt. This page is also available as Markdown.

Edit widget

The editor features a top bar with tabs for customizing different widget elements. Below the bar is a side panel with the settings that change based on the selected tab. The Preview area features a device switch (Desktop/Mobile view) to show how the widget will appear in your store across different screen sizes and devices.

When you first open the editor, you’ll see a notification asking you to activate the app. You need to do this to ensure the widget displays in your theme. Once you activate the app, the notification disappears.

The tabs in the top bar are as follows:

FEED

In this tab, you choose what content to display in the widget:

  • Media displays Instagram media only.

  • Media + Products (Pro feature) displays Instagram media together with products from your Shopify store that you tag in the media.

Notes:

  • Switching to Media + Products unhides a Shop tab in the app admin. There, you can customize the quick view popup and add an AI product recommendations block to help increase cross-selling.

  • Switching to Media + Products also adds extra settings to the Posts and Viewer components in the Widget tab. These settings are grouped under Tagged products.

To specify which Instagram media appears in the widget, select a Source:

  • Feed follows the order of posts and reels from your account. Using Filter, you can choose which content to display (posts, reels, or all), pin important cards to the top, and hide cards you don't need.

  • Tagged (UGC) shows photos, albums, and reels where your account is tagged. Using Filter, you can choose which content to display (tagged posts, reels, or all), pin important cards to the top, and hide whose you don't need.

  • Manual lets you select specific posts and reels from your own feed and tagged (UGC) content, as well as upload custom media from your gallery. This feed source lets you combine all content types in one widget and arrange the cards in any order.

Note:

  • The number of posts in the widget is set in the Widget tab. If you add fewer posts, the remaining empty cards will appear as placeholders. If you add more posts, the extra cards will be blurred in the admin and will be hidden from your widget on the storefront.

WIDGET

In this tab, you can choose from 15+ widget layouts and customize their desktop and mobile appearance. You can also adjust the widget's background, corner radius, and spacing.

You can also hide and rearrange the widget components (Heading, Subheading, Posts, Button, and Viewer) and customize their appearance: fonts, colors, padding, and additional elements.

Notes:

  • The Viewer is a window that opens when a visitor clicks a post or Reel. You can choose its layout and show or hide additional elements. For shoppable feeds, the Viewer also displays all products tagged in the post.

  • You can also set the widget's mobile breakpoint (advanced feture), which defines the screen width at which the widget switches to the mobile layout.

SHOP (Paid plan)

This tab appears when you select Media + Products.

Here, you can enable the Shop popup, a quick view window that opens when a visitor clicks a tagged product label in a post or Reel. Here, you can choose the product media layout and show or hide additional elements.

You can also add an AI product recommendations block to the popup to help increase cross-selling.

LOCALIZATION

In this tab, you translate the widget content into other published store languages. You can translate the text, button label, and popup link label.

Notes:

  • this tab is hidden until you add and publish at least one additional language in your store

  • if you do not add translations, the widget displays content in your store’s default language

Last updated