Skip to main content

Shopify - Enable Marketing Widget

Enable Widget Settings#

NOTE: We recommend using our defined standard settings below or advanced config settings to make sure that any changes we push are automatically reflected on your widgets. Shops with custom themes are advised to follow steps under the Advanced Widget Settings.

Standard widget settings#

Latitude Promotions app gives you access to easily enable marketing widgets on your product pages with the following steps:

  1. Navigate to Shopify Admin portal, open Apps, and select Latitude Promotion app (if not yet on this screen)

  2. Set the right configuration for the widgets

Note: The preview section on top will show how the widget will display on your product pages based on your selection (Default value is Disabled)

a. Layout – "Standard", "Logo Only", "Inversed" or "Disabled"
b. Interest Free plan type – merchants who have promotions that are only the Equal Monthly types should choose "Equal Monthly", to provide the price per month breakdown. For all others, "Minimum Monthly or Flexible" promotions should be selected.
c. Default Promotion – select from applicable list of promotions

Latitude portal image

  1. Click Save

  2. You should be able to view widget on your product pages

Advanced widget settings#

NOTE: Only use this option when you want to control placement of widgets on your Product pages instead of default placements.

  1. Navigate to Shopify Admin portal

  2. Go to Online Store > Themes > Actions > Edit code > Sections > product-template.liquid (or product.liquid)

NOTE: Some merchants may have paid themes (Shopify subscriptions) and therefore will need to identify the correct template to insert the product widget snippet

Latitude portal image

  1. Add the following code on your product-template.liquid (or product.liquid or other template as required for paid themes) where you want to place the widget and click on Save
<!-- Latitude Snippet - Start -->
<div id="latitude-product-widget"></div>
<!-- Latitude Snippet - End -->
  1. Go to Shopify Admin > Apps > Latitude Promotions > Advanced Config and provide the containerID
{
"containerId": "latitude-product-widget"
}

Latitude portal image

  1. Check that the required configurations have been set
    a. Layout – "Standard", "Logo Only", "Inversed" or "Disabled"
    b. Interest Free plan type – merchants who have promotions that are only the Equal Monthly types should choose "Equal Monthly", to provide the price per month breakdown. For all others, "Minimum Monthly or Flexible" promotions should be selected
    c. Default Promotion – select from applicable list of promotions

Latitude portal image

  1. Click Save

  2. You should be able to view widget on your product pages