Globo Docs
GLO Related Products
GLO Related Products
  • Getting started
    • Data Analysis & Reporting
    • Types of Widget
    • Payments
  • Widget Types Explained
    • ๐Ÿ“ฆ Product Page Widget
    • ๐Ÿ›’ Homepage Widget
    • ๐Ÿงบ Collection Page Widget
    • ๐Ÿ›๏ธ Cart Page Widget
    • ๐Ÿ”Ž Search Page Widget
    • ๐ŸŽฏ Thank you Page Offers
  • Configuration
    • ๐ŸŒ Translation
    • ๐Ÿ”ง General Settings
    • ๐Ÿงฉ Template Settings
    • ๐ŸŽ  Carousel Settings
    • ๐Ÿ“ฆ Products Settings
    • ๐ŸŽ Discount Settings
    • ๐Ÿ”’ Hide Price Settings
  • Setting up
    • Set up in Online Store 2.0.
    • Set up on Vintage themes.
Powered by GitBook
On this page
  1. Widget Types Explained

๐Ÿ›’ Homepage Widget

Previous๐Ÿ“ฆ Product Page WidgetNext๐Ÿงบ Collection Page Widget

Last updated 1 month ago

How to Add a Homepage Widget Using GLO Related Products, Upsell

Step 1: Create a Widget

  1. From the app admin, go to the Widgets tab.

  2. Click the Add widget button in the top right corner.

  3. For Placement, choose Homepage.

  4. Select the layout: Homepage add on.

  5. Click Next to go to the configuration page and begin setting up your widget


Step 2: Configure the Widget

On the configuration page:

  • Enter a title for your widget.

  • Select the target product(s) where the widget should appear.

  • Set display conditions to determine which products will be shown.

  • Click the Customize button to access the design settings.


Step 3: Set Display Position on Homepage Page

1, If your theme is the theme 2.0, it's recommended Use App Block in Theme Editor (2.0 themes) and add widget shortcode to show up the widget

2, If your theme is a vintage theme, you select Before / After / At Start / At End of an HTML Element:

You use the Custom placement by HTML element by specifying the HTML element where the widget should appear.


Step 4: Copy the Widget Shortcode

  1. Return to the Widgets list.

  2. Find your newly created widget.

  3. Click Copy under the Shortcode column.


Step 5: Add Widget in Theme Editor

Go to Homepage -> add section

Select Apps > select GLO Related Products, Upsell of G:Recommended Widget.

Click on App Embed block > Paste the widgetโ€™s shortcode (copied in Step 4) into the block settings.


Step 6: Enable App Embed

To make sure the widget works correctly:

  1. In the theme editor, go to the App Embeds section (bottom left corner).

  2. Find GLO Related Products, Upsell and toggle it on.

  3. Click Save.


Why Your Widget Might Not Be Showing

  • Make sure that you already add the widget shortcode on Homepage template on Theme Customize page but not other pages.

  • 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.

Need Help?

If you encounter any technical issues, please contact our support team โ€” weโ€™re here to help you with sincerity and care ๐Ÿค—