Once your widget and rules are configured, use the Visual Builder to drag & drop it onto any page—no coding required.
1

Open the Content Library

  • From the left navigation panel, navigate to Content → Content Library → Webpages
  • Find and click the page where you want to add your recommendation widget.
2

Launch the Visual Builder

  • On your chosen page, click Visual Builder.
  • The page preview loads alongside the Visual Builder sidebar.
3

Locate Recommendation Widgets

  • In the Visual Builder panel, navigate to the Recommendation Widgets.
  • You’ll see one tile per algorithm type (RFY, Frequently Bought Together, etc.).
4

Drag & Drop Your Widget Type

  • Click and drag the tile for your desired algorithm onto the preview canvas where you’d like it to appear.
  • A configuration prompt appears on the Visual Builder sidebar.
5

Select Your Widget Instance

  • In the prompt, click Select Widget.
  • Choose the specific widget you created (by name) from the dropdown list.
6

Save & Publish

  • Click Save in the Visual Builder toolbar to commit changes.
  • Then click Publish to push the updated page live on your storefront.
You can reposition or remove recommendation widgets at any time by reopening the Visual Builder for that page.