Create a widget

Follow these general steps to create a widget and show product recommendations on your store.

🛠️ Step 1: Open the Widgets page

  1. Open the app > click Widgets

  2. Click Add widget button


🛠️ Step 2: Choose widget placement

Placement decides where the widget will appear on your store.

  1. Select a placement:

    • Product page

    • Collection page

    • Home page

    • Cart page

    • Search page

    • Thank you page

  2. Click Next.

Example Choose Product page to show recommendations on product pages.


🛠️ Step 3: Choose widget layout

Layout decides how the widget looks and works.

  1. Select a layout:

    • Related products

    • Frequently Bought Together

    • Add-ons

    • Recently viewed

  2. Click Next.


🛠️ Step 4: Configure widget settings

Now you’ll see the widget editor.

  1. Enter a widget title (optional)

  2. Choose where this widget applies (targeting)

  3. Choose which products to recommend

  4. Adjust basic settings if needed.


🛠️ Step 5: Set targeting rules

Targeting controls which products or pages this widget applies to.

  1. Choose one option:

    • All products

    • Specific products

    • Collections

    • Product tags

  2. Save your selection

Example Show this widget only for products in the “Silver” collection.


Decide what products appear inside the widget.

  1. Choose how products are selected:

    • Manual (pick specific products)

    • Automatic (same collection, tag, vendor, product type)

  2. Save the widget

Example Automatically recommend products from the same collection.


🛠️Step 7: Customize the design (optional)

  1. Click Customize > it directs you to the app Settings

  2. Adjust layout, number of products, buttons, and colors

  3. Save changes


🛠️ Step 8: Activate and save

  1. Set the widget status to Active

  2. Click Save

🎉 Your widget is now created.


▶️ A Tutorial video


👉 Next step

To make the widget visible on your store, continue to Display a widget.

Last updated