Widget configuration guide
The Loop widget is highly configurable to meet diverse subscription needs. Using the settings panel, merchants can customize the widget’s appearance, behavior and text to match their brand and customer experience goals. This article will guide you through the available settings across configuration, preferences, styles, and texts, helping you deliver a seamless and branded subscription experience to your shoppers.
Configuring the Loop widget
Setting widget preferences
Styling the widget appearance
Customizing widget texts
Related articles
Need help?
You can configure the layout of each widget individually based on the desired appearance for your store.
Follow these steps to complete the process.
Navigate to Loop > Acquire > Widgets > Open the desired widget that needs to be configured.
In the Configuration tab, you can choose from multiple combinations to customize the widget’s appearance as per your preference, and we’ll discuss the various use cases below.
Case 1
Case 2
Case 3
The frequency option will come once we click on the desired button group.
Case 4
The frequency option will come once we click on the desired button group.
Case 5
The frequency option will come once we click on the checkbox.
Case 6
The frequency option will come once we click on the checkbox.
Now we'll move to the next tab called Preferences, where you can enable or disable various widget customization settings.
The table below explains each option to help you set up as needed.
Now we'll move to the next tab called Styles, where you can customize the appearance of different parts of the widget, including background color, border color, border width, border radius, margins, padding, and more, depending on the section you want to edit.
For example, we’ll implement changes to different sections and observe how the widget’s appearance updates accordingly.
Old look of the widget
New look of the widget
Now we'll move to the next tab called Texts, where you can customize the default text labels that appear on the widget based on your preference or brand tone.
For example, we’ll implement changes to one setting and observe how the widget’s appearance updates accordingly.
Old text on the widget
New text on the widget
Here are some related articles that may offer additional insight and context.
How to set up Loop widget
Troubleshooting widget issues
No worries — we're here for you!
If you have any questions or need assistance, feel free to email us at support@loopwork.co or chat with us using the support beacon at the bottom right of your screen.
Regards,
Loop Subscriptions Team 🙂
Return to top
In this article
Configuring the Loop widget
Setting widget preferences
Styling the widget appearance
Customizing widget texts
Related articles
Need help?
Configuring the Loop widget
You can configure the layout of each widget individually based on the desired appearance for your store.
Follow these steps to complete the process.
Navigate to Loop > Acquire > Widgets > Open the desired widget that needs to be configured.
In the Configuration tab, you can choose from multiple combinations to customize the widget’s appearance as per your preference, and we’ll discuss the various use cases below.
Case 1
| Widget layout | Frequency options |
|---|---|
| Radio group | Dropdown |
Case 2
| Widget layout | Frequency options |
|---|---|
| Radio group | Buttons |
Case 3
| Widget layout | Frequency options |
|---|---|
| Button group | Dropdown |
The frequency option will come once we click on the desired button group.
Case 4
| Widget layout | Frequency options |
|---|---|
| Button group | Buttons |
The frequency option will come once we click on the desired button group.
Case 5
| Widget layout | Frequency options |
|---|---|
| Checkbox | Dropdown |
The frequency option will come once we click on the checkbox.
Case 6
| Widget layout | Frequency options |
|---|---|
| Checkbox | Buttons |
The frequency option will come once we click on the checkbox.
Setting widget preferences
Now we'll move to the next tab called Preferences, where you can enable or disable various widget customization settings.
The table below explains each option to help you set up as needed.
| Setting | Description |
|---|---|
| Option selected by default | This setting allows you to define the default selection on the widget — either a one-time purchase or a subscription. |
| Purchase options order | This setting allows you to define the default order on the widget — display subscription first or display one-time purchase first. |
| Show the discount badge for subscription option | If enabled, this setting allows you to display the discount badge on the plan. |
| Show the strikethrough one-time price for subscription option | This setting will show the discounted price against the original price on the subscription option, i.e. $10 -> $9 |
| Hide the 'each' label shown below the price amount | If this setting is disabled, it will append each keyword against the price of the item |
| Show the plan selector as text if only one selling plan is available | This will show the subscription plan selector as text when enabled. |
| Always show the selling plan description even if the plan is not selected | Used to display the description of the selling plan on the widget. |
| Show subscription details popup highlighting subscription benefits | If this setting is disabled, the details popup will be hidden on the widget that tells us about the benefits of the subscription. |
| Show total billing price for prepaid plans in addition to per delivery price | If this setting is enabled, both the total price and the per-delivery price will be displayed for better clarity. |
| Hide the subscription widget if only one selling plan is available | If this setting is enabled and the product is mapped to only one selling plan (set to be sold as a subscription only), then the widget will not appear. Instead, a direct option to add the subscription to the cart will be shown. |
Styling the widget appearance
Now we'll move to the next tab called Styles, where you can customize the appearance of different parts of the widget, including background color, border color, border width, border radius, margins, padding, and more, depending on the section you want to edit.
For example, we’ll implement changes to different sections and observe how the widget’s appearance updates accordingly.
Old look of the widget
New look of the widget
Customizing widget texts
Now we'll move to the next tab called Texts, where you can customize the default text labels that appear on the widget based on your preference or brand tone.
For example, we’ll implement changes to one setting and observe how the widget’s appearance updates accordingly.
Old text on the widget
New text on the widget
Related articles
Here are some related articles that may offer additional insight and context.
How to set up Loop widget
Troubleshooting widget issues
Need help?
No worries — we're here for you!
If you have any questions or need assistance, feel free to email us at support@loopwork.co or chat with us using the support beacon at the bottom right of your screen.
Regards,
Loop Subscriptions Team 🙂
Return to top
Updated on: 16/06/2025
Thank you!