Getting started

The GLO Related Products, Upsell app brings powerful product recommendation widgets to your store, helping you boost sales and improve customer experience.

The app is highly flexible, letting you choose between automatic suggestions or manually setting your own rules based on your merchandising strategy.

You can offer different types of recommendations, such as New Arrivals, Similar Products, Best Sellers, and more, to match your customers' interests.

GLO makes it easier for shoppers to discover new items they might love, ultimately helping you grow your store's revenue.

Steps

1, Activation in the Theme Editor

You can activate the GLO Related Products, Upsell app by clicking on the button Enable at the upper right. The app will display a widget in your Online Store if it has a visible status.

After you hit the Enable button, the app redirects you to the Theme Editor’s App Embeds tab. To activate the app, switch the toggle on and save the changes.

To deactivate the app, follow the same steps and switch the embed app off.

2, Setting up a Recommendation Widget

Note

• If you use a Shopify Online Store 2.0 theme, read GLO Related Products, Upsell: Setting up in Online Store 2.0.

• If you use a vintage theme, read GLO Related Products, Upsell: Setting up on Vintage Themes.

• If the installed app can’t determine your theme version, or you’ve changed your theme, please contact [email protected] to ensure the app works properly.

3, Types of Recommendation Widgets

Additional Specifications

• Manual Recommendation: Select the ‘Related’ layout for placement > Click Manual Recommendation > Choose recommendation type (Product, Collection, Product Type, or Tag) > You’ll be redirected to the corresponding setup page.

• Most Relevant Products Using Automated Rules: Select a layout (Product Page - Frequently Bought Together, Cart - Inline Offer, Thank You Offers) > Click Most Relevant Products Using Automated Rules > Choose either:

  • Complementary Products: Recommended products are automatically pulled from the Shopify Search & Discovery app.

  • Related Products: You must configure Complementary Products in the Shopify Search & Discovery app.

4, Creating a Recommendation Widget

You add a recommendation widget to your Shopify store:

1. From your Shopify admin, go to GLO Related Products, Upsell.

2. Open GLO Related Products, Upsell.

3. Click Widgets tab

4. Click Add Widget and create a widget.

You can edit widget settings at any time from the Widgets page. Click on the widget title in the list to edit it. When you make changes, a notification will appear at the top of the page: “Unsaved changes”. Click Save or Discard.

5, Editing Widget Settings

On the Create a New Recommendation Widget page, you can configure:

Common Settings

• Title: Title displayed in your store.

• Subtitle: Optional description under the title.

• Target: Select target products (All Products, Specific Products, Specific Tags, Specific Collections).

• Choose Recommended Products: Select how to display related products (Same/Specific Product Type, Vendor, Collection, or Tag).

• Display Order: Higher order widgets appear first.

• Random: Randomly displays products matching selected conditions.

6, Activate/Disable a Widget

1. In the left sidebar, click the Widget tab.

2. Check the box next to the widget you want to activate/disable.

3. Click the Active or Disable icon in the pop-up row of the recommendations list.

7, Deleting a Widget

To delete a widget:

1. In the widget list, check the box next to the widget you want to delete.

2. Click the Delete icon in the pop-up row.

3. Confirm deletion in the dialog box.

Note: If using Shopify OS 2.0, be sure to remove the app block in the Theme Editor after deleting a widget. See the relevant article.

8, Configuring Appearance

Click the Customize button in the widget window to go to the Design page.

General

• Template: Choose the layout style.

• Maximum Width: Set widget width.

• Number of Products: Set max number of related products.

• Position:

  • Below the Product Form: Default position.

  • Use App Block in Theme Editor (2.0 themes): Add block in Theme Customize > Paste widget shortcode.

  • Before/After/At Start/At End of an HTML Element: Enter the HTML element where the widget should appear.

9, Elements

• Variant Select: Show variant selector in widgets.

• Sale Label: Show "Sale" label if the price is lower than the compare-at price.

• Price: Show product price.

• Add to Cart Button: Show Add to Cart button in widgets.

10, Colors Click on any item below to customize its color in the pop-up color board:

• Heading

• Subheading

• Product Title

• Product Price

• Product Old Price

• Sale Label

• Sale Label Background

• Button Text

• Button Background

A reference video

Watch this demo video for a clearer visualization of the setup and demonstrating the feature to facilitate your reference.