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.


๐Ÿ‘‰ Next step

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

Last updated