๐ฆ Product Page Widget
This guide walks you through creating a widget for related products and adding it to your Shopify product page using Shopify Online Store 2.0 themes.
Last updated
This guide walks you through creating a widget for related products and adding it to your Shopify product page using Shopify Online Store 2.0 themes.
Last updated
From your app admin, go to Widgets.
Click Add Widget.
In the Placement dropdown, choose Product Page.
Under Layout, select one of the following options depending on your use case:
Frequently Bought Together Uses Shopifyโs built-in logic to recommend products frequently bought with the current one. It pulls suggestions from the Search & Discovery app under the Recommendations tab. Search & Discovery App ยป
Related Shows products that are connected by tags, collections, vendor, or type. You can also manually select recommended items.
Add-on Displays complementary products that donโt necessarily share data with the main product. Choose items by tag, collection, vendor, or manually.
Recently Viewed Products Displays items the customer has recently looked at.
Once you've selected a layout, youโll be redirected to the widget configuration page.
On the configuration page:
Enter a title for the widget.
Choose the target product(s) where this widget should appear.
Set the conditions to define which products will be shown.
Click Customize button to go to Design page
You have two ways to set the widgetโs position:
Option A: Use Default Positions
Choose a predefined location from the widget settings.
Option B: Use Shopify Theme Editor (Recommended for precise placement)
On the widget configuration page, click the Customize button.
In the Design section, under Position, select Use App Block in Theme Editor (2.0 themes).
Return to the Widgets list.
Locate your widget and click Copy under the Shortcode column.
On Themes Customize page: Go to product page -> add block
Click Add Block > select Apps > select GLO Related Products, Upsell of G:Recommended Widget.
Paste the widgetโs shortcode (copied in Step 4) into the block settings.
To ensure the widget displays properly:
Still in the theme editor, click App Embeds (bottom left corner).
Find GLO Related Products, Upsell and toggle it on.
Click Save.
Why Your Widget Might Not Be Showing
The product you check must match the target product condition configuration in the Settings, so the widget does appear.
Make sure that there are related products that meet the conditions youโve set. For example, if you set the condition to "Same Tag" but no products share with that tag, nothing will display.
The related products have already been added to the cart. Once a product is in the cart, it will no longer be displayed in the widget.
If you encounter any technical difficulties or have any issue, please contact us, our support will help you solve the problem ~ with sincerity and care ๐ค