Add a Bold Memberships Widget to a Page

  1. Bold Commerce Help Center
  2. Memberships - Shopify
  3. Tutorials
Avatar
Caitlin
Published: 
Last Updated: 

Warning!

You will need to Enable Customer Accounts in Shopify to use this feature.

Overview

Bold Memberships allows you to add an embedded sign-up form for your Membership plans. You can place this form on any page you'd like.

Note: If you make any changes to your Membership plan after publishing the buy button, you will need to go through these steps again. Otherwise, customers will see the old plan information (including price).

To add the Bold Memberships widget to a page, please follow these steps:

  1. Add a new webpage to your online store (links to Shopify) for your widget (optional).
  2. From Shopify's admin, select Apps.

    Select the Apps option on the left-hand side of your Shopify admin

  3. Select Recurring Memberships.

    Select Recurring Memberships from your list of apps

  4. Select Plans.

    From the top navigation bar, select Plans

  5. Select Settings (the gear icon) next to membership plan you want to add to a page.

    To the far-right of the plan you want to add the widget for, select the gear icon, under Actions

  6. Select Get Widget.

    Note: The widget will show the signup form on a page, the customer will fill it out and hit the button to buy the membership. The buy button will display a button on the page.

    Within the Settings dropdown menu, select Get Widget (first option)

  7. Select the code, right-click and select copy.

    Copy the code within the textbox

  8. Select Close.

    In the bottom-right corner, select Close to exit the window

  9. Paste this code into the page you created in Step 1 (or your desired page).

    Note: Don't forget to switch the WYSIWYG mode to HTML before pasting in the code.

    Navigate to your Pages, and selec the page you want the code to be placed on. In the far-right of the page editor, select the WYSIWYG source code button to change to the code mode, and paste the code you copied into the textbox

  10. Select Save.

    In the top-right or bottom-right corner, select Save

Storefront Example:

Here is an example of what the Memberships widget will look like on your storefront.

Note: The styling of your widget may look different depending on your theme, and the in-app styling settings.

Picture shows a registration form field embedded onto a page titled Memberships Widget. The widget's title is Beginner Bootcamp - $9.99 CAD Weekly. There's an option in the at the bottom of the widget to pay with card

Helpful Links:

Was this article helpful?
9 out of 13 found this helpful