Customize the Subscription Widget's Order Frequency Intervals

Bold Subscriptions V1 allows you to set a range for your subscription's order frequency intervals that your customers can choose from.

Within the Bold Subscriptions V1 app admin, you can specify which intervals you would like to offer, as well as which maximum interval lengths you would like to apply:

  • Days
  • Weeks
  • Months
  • Years

This customization only applies to standard subscriptions and is not compatible with convertible or build-a-box subscriptions.

As seen below, the subscriptions widget will display the shortest order frequency interval first, then list numbers from 1 to the max interval you have set in the subscription group's settings.

 Example

Subscription frequency

You can enable and manage this feature under Step 3 while editing or creating a subscription group.

 Alert

Please note that this article only relates to Version 1 of Bold Subscriptions. If you have Version 2 of Bold Subscriptions installed on your store, please visit Subscriptions V2 Overview.

If you are unsure of which version of Bold Subscriptions that you have currently installed, please visit Identify Your Version of Bold Subscriptions

 


 

When allowing your customers to select their own order intervals, a range from lowest to highest is automatically created and displayed to your customers based on the maximum frequency interval.

 


 

Setup

Note: This code adjustment will affect all of your subscription widgets.

  1. From the Shopify admin, select Online Store.
  2. Select Actions.
  3. Select Edit code.
  4. Under Snippets, select Add a new snippet.
  5. Enter bold-preselected-frequency.liquid as the snippet name.
  6. Select Create snippet.
  7. Copy and paste the bold-preselected-frequency.liquid liquid code into your snippet file.
  8. In the script, modify the number in the following line to set your preferred default interval length value. 
    frequencyType.value = 1;

    Note: The number '1' above can be changed to represent a different value:

    • Day: 1
    • Week: 2
    • Month: 3
    • Year: 5

  9. Select Save.
  10. In theme.liquid (under Layout) copy and paste the following under:{%- include 'bold-common' -%}
    {%- include 'bold-preselected-frequency' -%}
  11. Select Save.

Refresh your storefront page to ensure the customization has been successfully applied.

When creating subscription intervals, you will enter a maximum length that customers can subscribe to. Entering 6 months as a maximum will display 1 month, 2 months, 3 months, 4 months, 5 months, and 6 months to your customers.

This can be customized to only include and offer specific intervals, however.

 


 

Setup

Note: This code adjustment will affect all of your subscription widgets.

  1. From the Shopify admin, select Online Store.
  2. Select Actions.
  3. Select Edit code.
  4. Under Snippets, select Add a new snippet.
  5. Enter bold-remove-intervals.liquid as the snippet name.
  6. Select Create snippet.
  7. Copy and paste the bold-remove-intervals.liquid code into your snippet file.
  8. In the script, modify the numbers in the following line to set your preferred interval length values. You can include additional values within the square brackets as desired by separating them with a comma. The example below will remove options 1 and 3 in your storefront subscription widget.
    var removeIntervalOptions = ['1', '3', '5'];

    Note: Keep the numbers wrapped in single quotes.

  9. Select Save.
  10. In theme.liquid under {{ content_for_header }}, copy and paste the following under: {%- render 'bold-common' -%} and {%- render 'bold-ro-init' -%}
    {% include 'bold-remove-intervals' %}

    Copy and paste the code

  11. Select Save.

Refresh your storefront page to ensure the customization has been successfully applied.

Was this article helpful?
0 out of 0 found this helpful