How can I update the color of the subscription widget?
You can update the colors of your subscription widget from its Styles tab. Here's how:
Go to Loop > Acquire > Widgets
Click on the widget card you want to update
Open the Styles tab
Update the background color, border color, and other style options to match your brand
For more advanced customization, add your own custom CSS in the same section
Can't I have a different text color on the selling plan name that is not selected?
Yes, you can achieve this using the custom CSS option in the Styles tab of your widget. The general style settings don't allow separate colors for selected and unselected selling plan names.
How can I hide the plan selector title - what's the CSS class name?
The CSS class name for the plan selector title is loop-widget-sp-selector-label
You can hide it by adding the following CSS in the custom CSS section of the Styles tab:
.loop-widget-sp-selector-label {
display: none !important;
}
Why is the subscription widget not showing?
If the subscription widget is not visible on your product page after installation, it is usually due to one of the following reasons:
The storefront widgets master switch in Loop admin is turned off.
The specific widget mapped to the product page is not set to Active.
The widget is not mapped to the correct theme or product page template.
The Loop subscription widget app block is missing, hidden, or deleted from the product template in the Shopify theme editor.
The product is in draft state or not available on the online store sales channel.
The product is not mapped to any selling plan in Loop or Shopify.
The product is not assigned to the correct product template where the widget is hosted.
The selling plan mapped to the product is not set to be available on storefront touchpoints.
The "Hide the subscription widget if only one selling plan is available" preference is enabled, and the product has only one selling plan.
The "Hide bundle selling plans on individual product pages" bundle preference is enabled, and the product is part of a bundle with a single selling plan.
Two selling plans with the same name are mapped to the product, and one of them is hidden from the storefront.
Custom code has been added to hide the widget in specific markets or countries.
For a detailed explanation of each issue and how to resolve it, refer to the widget troubleshooting guide.
The price shown in the Subscription widget does not get updated when switching / selecting variants, why is this happening?
You can fix this by calling Loop's widget update function whenever the selected variant changes. The implementation depends on how your Shopify theme handles variant updates - locate that logic in your theme code first, then do the following steps:
1. Get the product ID
Retrieve the product ID from the product form or a hidden input field.
const inputElement = document.querySelector('input[name="product-id"]');2. Get the selected variant ID
Obtain the newly selected variant ID from your variant selector logic.
const newVariantId = variant.id;
3. Call the Loop widget update function
Invoke the Loop function whenever the variant changes.
window.LoopSubscriptions.handleLoopWidgetVariantIdChange(
inputElement.value,
newVariantId
);
Why is the subscription widget not visible on my bundle page while it shows on normal product pages?
This is likely because the Hide bundle selling plans preference is enabled. To check:
Go to Loop > Acquire > Bundles
Open the Preferences tab
Under General, make sure Hide bundle selling plans is unchecked
How can I display multilingual translations on widget texts?
Multilingual translation for widget texts is available on the Pro plan. You can access it by navigating to Loop > Settings > Multilingual texts
My product page (PDP) shows 2 widgets and I want to remove one? How can I remove it?
If you're seeing more than one widget on your product page, it's likely that an app from another provider has added its own widget alongside Loop's. You'll need to remove the extra widget from Shopify > Theme.
To identify which widget is the duplicate, inspect your product page:
Open your website in Chrome.
Right-click anywhere on the page and select Inspect, or use CMD+SHIFT+C (Mac) / CTRL+SHIFT+C (Windows) to enable element inspection.
Click the "Select the element in the page to inspect it" icon (the arrow icon in the top-left of the inspector panel).
Hover your mouse over each widget and the widget brand name should appear in most cases.
Once you've identified the duplicate, remove it from your theme settings.
We recently published an updated version of our website theme and noticed
that the Loop subscription widget is not active. Can you assist us with adding the
plugin to the live theme?
If the Loop widget is not available on your new and recently switched theme, there is a high chance that your subscription widget isn’t mapped to any theme at the moment, and the Loop Subscription Widget App Block hasn’t been added in your new theme’s customisation. That’s why the subscription options aren’t appearing on your storefront.
Whenever you switch themes, you’ll need to follow a few quick steps to enable the subscription widget on the new theme.
Why can't I see the Loop option in my Shopify > Theme > Customise section?
Your theme may not be eligible for the Loop V2 widget. In this case, you can either switch to a theme that supports the V2 widget (for example, the Default theme) or use the V1 widget on your current theme. Please get in touch with the support team for help with the V1 widget.
Please provide the widget render code?
This is the widget render code -
{% render 'loop-subscriptions', type: 'product-widget', product: product %}
I have accidentally deleted Custom CSS in the Loop widget from the app. Can I retrieve it somehow?
You cannot retrieve Custom CSS once it has been deleted from the Loop widget. The CSS is stored in your theme and Loop has no way to recover it.
Why am I not able to add bulk templates to widget? If I add the templates and don't use the Map widget, would I still be able to add 10 more templates?
You can add up to 10 templates at a time. Once added, please map those templates before proceeding to add more.
Note: The maximum number of templates you can add in a single batch is 10.
How can we add the Loop subscription widget to the quick view modal? It seems app blocks are not allowed on modal templates.
To add the Loop subscription widget to your quick view modal, render the same product page (PDP) of the particular product in your modal template — the widget should then fetch automatically.
If your theme is not eligible for the widget, it will need to be added manually instead. This is called the V1 widget.
What is the logic for passing a selling plan to the Loop widget?
Here's how the selling plan logic works in the widget:
When One-Time is selected, the selling plan value inside the form becomes null.
When Subscribe & Save is selected, the form contains a selling plan value.
If the top form has a selling plan value, all products listed below display the price from the product JSON data under the selling allocation group.
If the selling plan value in the top form is null, the base price is shown in the variant selector below.
Whenever a selling plan price is displayed, the selling plan must be passed in the
add.jscall for Add to Cart.Only a single selling plan value can be passed in a single
add.jscall — multiple selling plan values are not supported.
How do I show an indicator or text if people hover over the widget?
To show an indicator text on the widget, here are a few things you can do:
Amend the details on the selling plan. (Applies to selling plan)
Change the text 'Purchase Options' from the widget itself. (Applies to all products)
If you need to do it for a few products is to:
Create a new widget template in Loop and link the relevant products
Create a new widget and attach those products by implementing option 2.
How to change the Save to %?
To change the Save , go to Loop> Acquire> Widget> Text> Discount badge text and make changes.
How do I edit the subscription details tool tip? I want to edit the part that appears when u hover over subscription details.
You can update the subscription details tool tip by navigating to:
Loop > Acquire > Widget > Select your widget > Texts > Subscription details description (HTML enabled).
From there, you can modify the content as needed.
Can I show a widget with custom quantity options using the quantity selector?
Loop does not directly control the quantity selector as it is independent of the widget, but you can try writing a custom js script to create a custom solution, OR use preset bundles.
How to change the colour of the Loop widget?
To change the colour of the widget, please head to the Aquire > Widget > Styles. In the Styles tab, you can change the background colour, border colour, and other style elements to match your preferences, and also add custom CSS for advanced options
Why did my widget disappear automatically, even when the selling plan was mapped?
Please check if recently made changes (like selecting an option) after A/B testing based on external app. There is a chance that a new selling plan may have been selected by default which might not have the products mapped, thus making the widget disappear.
I added the app block but the widget still isn't showing on my storefront. Why is this happening?
Make sure the theme is mapped to the widget after adding the app block. To check this:
Navigate to Loop > Acquire > Widgets.
Click on the specific widget card you want to add.
Under the Shopify themes mapped card, click Change.
Select the required theme you want to add the widget to. Then, for the required product template, check whether the App block status shows Added. If you can't find the required template, click Add more templates and add it.
If the App block status isn't Added, add it via the Action column.
Then click Map under Action.
Also check that you're adding the widget to the right theme and template.
If the theme is already mapped but the widget still isn't showing on your storefront, unmap it once, then map it again and check.
How can I add the widget to another template?
Navigate to Loop > Acquire > Widgets and click on the specific widget card. Under the Shopify themes mapped card, click Change, then select the required theme. If the template you want isn't listed, click Add more templates and add it. Once the template appears, check that the App block status shows Added (add it via the Action column if it doesn't), then click Map under Action.