Customize Siggy Recommendation Widget placement

Chang Xiao
Siggy Recommender
Published in
2 min readJun 20, 2022

Siggy tries to place its product recommendations below the main product area by default.

Default Recommendation placement

However, sometimes you may wish to place the widget in other areas on the product page due to various reasons (e.g. Siggy incorrectly placed the recommendation widget, placing the widget above the product reviews section, etc).

For example, if I wanted to place the recommendations below the “BUY IT NOW” button.

1. Go to your current theme in your Shopify Store

You can get there from “Sales channels” -> “Online Store” -> “Themes”. You will see the active theme.

Online Store -> Themes

Click on “Actions” -> Edit code

2. Find the product-template.liquid theme file

product-template.liquid

3. Locate where you would like to place the widget

In our case, I would like to place the recommendations below the “BUY IT NOW” button

product-template.liquid

4. Add the Siggy HTML tag

Add <div id="siggy-app"></div> in the desired area of the template and save the template.

The recommendation widget will now be placed at the new location on the page.

Custom placement

If you are interested, install Siggy for free for Shopify!

--

--

Chang Xiao
Siggy Recommender

Starter, dev, digital consultant, cyclist, tennis player. Currently focused on data science and specifically recommendation systems.