{"id":4424,"date":"2024-04-14T10:04:55","date_gmt":"2024-04-14T02:04:55","guid":{"rendered":"https:\/\/webflow.tenten.co\/?p=4424"},"modified":"2024-04-14T10:04:55","modified_gmt":"2024-04-14T02:04:55","slug":"memberships","status":"publish","type":"post","link":"https:\/\/webflow.tenten.co\/en\/memberships\/","title":{"rendered":"Memberships"},"content":{"rendered":"\n
\n

Memberships offer you the versatility to market recurring memberships to free or restricted content on your website, or to physical subscription services, like meal deliveries, or other tangible products that are delivered regularly. Customers who buy memberships from you can view and terminate their memberships, too.\u00a0<\/p>\n

Reminder:<\/strong> Discounts are not compatible with membership products, only one-time payment products. Memberships also necessitate Stripe. You must activate and link a Stripe account before you can utilize memberships and launch your site. Discover how to connect a Stripe account.<\/h6>\n

This guide will cover:<\/p>\n

    \n
  1. How to establish a membership-based product<\/li>\n
  2. How to include the Memberships element to your User account page<\/li>\n
  3. How to comprehend the membership purchase flow for users<\/li>\n
  4. How to personalize memberships emails<\/li>\n
  5. How to oversee memberships<\/li>\n<\/ol>\n

    Creating a membership-based product<\/h2>\n

    If you\u2019re just starting with Webflow Ecommerce, you can initiate from scratch or pick a template. Discover more about Webflow Ecommerce.<\/p>\n

    Crucial:<\/strong> If you aim to sell membership-based products, you must first activate Ecommerce and User Accounts on your site, acquire an Ecommerce Site plan, connect your Stripe account, and allow checkout. Once you’ve enabled User Accounts, remember that deactivation or removal is not possible<\/strong>. You cannot delete User pages or Collections after activating User Accounts. Additionally, you cannot reuse the reserved URL slugs (e.g., \/log-in, \/sign-up, etc.) employed for User pages. Only enable User Accounts if you are certain you want to include user support on your site. For testing purposes, it’s recommended to create a trial site. Find out more about User Accounts.\u00a0<\/p><\/blockquote>\n

    Valuable Information:<\/strong> Membership products contribute to Ecommerce restrictions.<\/h6>\n

    Once Ecommerce and User Accounts are enabled, you can set up a product with a membership billing method in the Designer of your site. The membership billing method allows you to establish a recurring fee for products or services, and users purchasing a membership-based product can view or cancel their memberships in their distinctive user account on the User account page if the Membership element is available.\u00a0<\/p>\n

    To create a membership-based product:<\/p>\n

      \n
    1. Tap on the Ecommerce<\/strong> \u201ccart\u201d icon in the left panel<\/li>\n
    2. Select the Products<\/strong> option in the Ecommerce <\/strong>section<\/li>\n
    3. Pick an existing product or generate a new one by selecting New Product<\/strong>\u200d<\/li>\n
    4. Designate any Product type<\/strong> (e.g., physical, digital, etc.)<\/li>\n
    5. Navigate to the Billing <\/strong>section and opt for membership<\/strong> as the billing method<\/li>\n
    6. Specify the Billing period<\/strong> (e.g., day, week, month, or year)<\/li>\n
    7. Complete any other relevant fields for the product<\/li>\n
    8. Click on Create<\/strong> to establish your new product, or select Save<\/strong> to update an existing product<\/li>\n
    9. Publish<\/strong> your site to make your changes live<\/li>\n<\/ol>\n
      \n
      \"The<\/div>\n<\/figure>\n
      Reminder<\/strong>: If the Billing method option is not visible for your product, there might be product variations in place. To modify the billing method for product variants, scroll down to the Variants<\/strong> section and click on the settings \u201ccog\u201d icon for the variant you wish to edit. Select your Billing method<\/strong> as \u201cmembership,\u201d and define your Billing period<\/strong>.\u00a0<\/h6>\n

      Incorporating a \u201cstart subscription\u201d button to your site<\/h3>\n

      Reminder: <\/strong>If you’ve designated the Billing method as \u201cmembership\u201d for any of your products, upon site publishing Webflow automatically conceals the \u201cAdd to cart\u201d and \u201cPurchase now\u201d buttons in the Add to cart <\/strong>element for those membership products.<\/h6>\n

      You can integrate an Add to cart<\/strong> element to Collection lists linked to your \u201cproducts\u201d Collection. This allows shoppers to swiftly buy memberships from any of your product collection lists on your homepage and other pages.<\/p>\n

      You can also position an Add to cart element<\/strong> on your products template page. Find out more about the Add to cart element.<\/p>\n

      Upon publishing your site, if you’ve set the Billing method as \u201cmembership\u201d for any of your products, Webflow automatically swaps the default button text (e.g., \u201cPurchase now\u201d) with subscription text (e.g., \u201cStart subscription now\u201d) for those membership products. Non-membership products retain the default \u201cPurchase now\u201d text.\u00a0<\/p>\n

      To tailor the default subscription text:<\/p>\n

        \n
      1. Choose the \u201cPurchase now\u201d button on the Webflow canvas<\/li>\n
      2. Unlock Element settings panel<\/strong> > Purchase now button settings<\/strong><\/li>\n
      3. Opt for \u201cSubscription text<\/strong>\u201d and tap the \u201cpencil<\/strong>\u201d icon<\/li>\n
      4. Amend the text and Save<\/strong> your adjustments<\/li>\n<\/ol>\n
        \n
        \"The<\/div>\n<\/figure>\n

        If you preference is to revert to the default button text, tap on \u201cRestore default\u201d at the base of the \u201cEdit text\u201d modal window.<\/p>\n

        Crucial: <\/strong>Since the \u201cAdd to cart\u201d button automatically hides upon site publishing, refrain from hiding the \u201cStart subscription now\u201d button as well, or your customers won\u2019t be able to purchase membership products.\u00a0<\/p><\/blockquote>\n

        Incorporating the Memberships element to your User account page<\/h2>\n
        Reminder: <\/strong>If Ecommerce was enabled on your site prior to User Accounts, the Membership element is automatically appended to the User account page.\u00a0<\/em><\/h6>\n

        The Memberships element can solely be appended to the User account page. It can be utilized to display to your users the active memberships linked to their account, the purchase date, and the forthcoming billing date. Users can also terminate active memberships and receive a record of that alteration in their account.\u00a0<\/p>\n

        In case a user cancels a membership, the cancellation takes immediate effect, and any content controlled via an access group remains inaccessible till the end of their last billing date. For example, a user might subscribe to content on June 1 with a monthly billing period, effectively granting<\/p>\n

        Grant the member access from June 1 through June 30. If the individual opts to terminate their membership on June 3, their access will be promptly revoked, and they will not<\/em> be able to view their content for the remainder of June.<\/p>\n

        To insert the Element of Subscriptions into the User account page (if it\u2019s not already present on the page):<\/p>\n

          \n
        1. Navigate to the Page panel<\/strong> > User pages<\/strong> and launch the User account page<\/li>\n
        2. Access the Add panel<\/strong> > Ecommerce\u00a0<\/strong><\/li>\n
        3. Drag the Subscriptions<\/strong> Element onto the User account page<\/li>\n<\/ol>\n

          Customize the Subscriptions Element and its related elements as desired, then publish your website.<\/p>\n

          Although it is possible to remove the Subscriptions Element from the User account page, we suggest retaining it to facilitate user access to view or terminate their memberships, and we advise offering visitors a clear path to reach the user account page (e.g., via a button or a hyperlink).<\/p>\n

          Important: <\/strong>You must be in Designer mode with the User account page open to interact with the Subscriptions Element. Only 1 Subscriptions Element can be placed on the User account page.<\/h6>\n

          Grasping the flow of user subscription purchases<\/h2>\n

          Important: <\/strong>Clients can only purchase a single subscription of each type available. (The \u201cJoin now\u201d button will be inactive if they have already subscribed to that service and it is actively billed in their account.)<\/h6>\n

          When a visitor intends to buy a subscription from you, they will need to undergo several steps after clicking the \u201cSubscribe now\u201d button:<\/p>\n

          The checkout process varies based on whether:<\/p>\n

            \n
          • The user is logged into your website<\/li>\n
          • The user has an account but is not logged in to your site<\/li>\n
          • The user has not yet registered for an account on your website<\/li>\n<\/ul>\n

            The user is logged into your site<\/h3>\n

            Upon selecting the \u201cSubscribe now\u201d button, if the user is logged into your site, they will proceed to the checkout process to finalize their purchase.<\/p>\n

            The user has an account but is not logged in to your site<\/h3>\n

            Upon selecting the \u201cSubscribe now\u201d button, if the user possesses an account but is not logged in, they will be directed to the registration page. Here, they can opt to sign in to their account.<\/p>\n

            Post logging in, they will be redirected to the page exhibiting the subscription they intended to buy.<\/p>\n

            They will need to click \u201cSubscribe now\u201d again to acquire the subscription, subsequently entering the checkout process to complete the transaction.<\/p>\n

            The user has not yet registered for an account on your site<\/h3>\n

            Upon selecting the \u201cSubscribe now\u201d button, if the user does not have an existing account on your site, they will be forwarded to the registration page.<\/p>\n

            Before proceeding with their subscription purchase, they must create an account. To register, they need to:<\/p>\n

              \n
            1. Input their details into all mandatory fields on the registration page<\/li>\n
            2. Select \u201cSign up\u201d<\/li>\n<\/ol>\n

              Post registering an account on your website, they will be prompted to validate their account via the verification email sent automatically. Get more insights on customizing User Accounts emails.<\/p>\n

              Upon successfully confirming their email by activating their account, they will receive notification that their account has been successfully created, and they will be automatically logged in.<\/p>\n

              Subsequent to their auto-login, they will be directed back to the page advertising the subscription they wanted to purchase. They will need to click \u201cSubscribe now\u201d again to finalize the purchase, proceeding to the checkout process to finish the transaction.<\/p>\n

              Worth noting: <\/strong>Customers cannot buy a subscription along with other items. A subscription purchase must be a standalone transaction.<\/h6>\n

              Customizing subscription-related emails<\/h2>\n

              To modify the email dispatched to your clients regarding subscriptions:<\/p>\n

                \n
              1. Tap on the Settings<\/strong> \u201ccog\u201d icon in the left panel<\/li>\n
              2. Opt for Email<\/strong> within the Settings<\/strong> section<\/li>\n
              3. Scroll down to Ecommerce emails <\/strong>> Subscription<\/strong> in the Email<\/strong> section<\/li>\n
              4. Click on Payment failed<\/strong>, Payment successful<\/strong>, or Subscription canceled<\/strong> and make the necessary modifications<\/li>\n<\/ol>\n

                Additionally, you can adjust the titles and other textual components in Subscription<\/strong> email templates enabling customization of the content users will receive. Depending on the email template being edited, dynamic fields such as the following can be utilized to populate the email subject and other variables:<\/p>\n

                  \n
                • Client name<\/li>\n
                • Shop name<\/li>\n
                • Subscription title<\/li>\n
                • Subscription cost<\/li>\n
                • Purchased on<\/li>\n
                • Subscription canceled on<\/li>\n
                • Current billing date<\/li>\n
                • Next billing date<\/li>\n
                • Credit card failed date<\/li>\n<\/ul>\n
                  \u200dNote:<\/strong> The Payment successful<\/strong> email will be transmitted to the user independently from the Order Confirmation<\/strong> email (located under Ecommerce emails<\/strong> > Order<\/strong>), and will be dispatched only after the subscription has been renewed and the payment is successfully processed.<\/h6>\n

                  Supervising subscriptions<\/h2>\n

                  Monitoring and overseeing subscriptions and their corresponding orders can be done within the Designer.<\/p>\n

                  Note:<\/strong> Subscriptions cannot be managed or viewed within the Editor. Nonetheless, they can be observed in edit mode.<\/h6>\n

                  With each successful subscription purchase, an \u201corder received\u201d email is sent to the shop supervisor(s). Orders can be viewed in the Orders<\/strong> tab of the Designer and Editor. Here, shop supervisors can gain insights into the total number of received orders, overall revenue from sales, average order value, and average order size. Explore further about Webflow\u2019s Orders tab.<\/p>\n

                  While operating in the Designer, navigate to the Ecommerce panel<\/strong> > Subscriptions<\/strong> to peruse a list of acquired subscriptions. This display provides an overview of each subscription’s details, covering:<\/p>\n

                    \n
                  • Order number<\/li>\n
                  • Status<\/li>\n
                  • Customer<\/li>\n
                  • Purchased on<\/li>\n
                  • Last billing<\/li>\n
                  • Next billing<\/li>\n
                  • Total<\/li>\n<\/ul>\n

                    Users can sort their view by subscription status, including:<\/p>\n

                      \n
                    • Active<\/li>\n
                    • Past due<\/li>\n
                    • Unpaid<\/li>\n
                    • Canceled<\/li>\n<\/ul>\n

                      For further refinement of the subscription roster, filtering by order number is available.<\/p>\n

                      Terminating a subscription<\/h3>\n

                      There might be instances where you need to cancel subscriptions due to user requests, deletion of an access group, or transitioning an access group from paid to free. Subscriptions can be canceled individually or in bulk.<\/p>\n

                      To annul an individual subscription: <\/p>\n

                        \n
                      1. Access the Ecommerce<\/strong> panel > Subscriptions<\/strong><\/li>\n
                      2. Select the subscription you wish to cancel<\/li>\n
                      3. Click on \u201cCancel subscription\u201d and confirm your decision\u00a0\u00a0<\/li>\n<\/ol>\n

                        For bulk subscription cancellations:<\/p>\n

                          \n
                        1. Navigate to the Ecommerce<\/strong> panel > Subscriptions<\/strong><\/li>\n
                        2. Select Select<\/strong> and tick the checkbox adjacent to each subscription you wish to cancel, or mark the checkbox next to Order Number<\/strong> to choose all subscriptions<\/li>\n
                        3. Click on \u201cCancel subscriptions\u201d and confirm your choice<\/li>\n<\/ol>\n
                          Note:<\/strong> Cancelling a subscription does not automatically trigger a refund for the user. A refund must be manually processed. Find out more about refunding clients.<\/h6>\n

                          Users also possess the capability to end their memberships if a Subscriptions Element has been integrated into the User account page.<\/p>\n

                          Worth knowing: <\/strong>If a subscription-based item is deleted from your products Collection, it will not automatically nullify a user\u2019s active billed subscription linked to that product. Ongoing subscriptions persist even after the item has been removed and the website is republished. This feature enables honoring existing subscriptions while discontinuing new sign-ups. Explicitly canceling subscriptions is necessary to remove active subscriptions. However, you cannot disengage Stripe if there are active billed subscriptions.<\/h6>\n

                          Learn more<\/strong><\/p>\n

                            \n
                          • Overview of User Accounts<\/li>\n
                          • User pages insights<\/li>\n
                          • Customizing User Accounts emails<\/li>\n
                          • Adding and supervising products and categories<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"Sell recurring memberships to free or gated content or physical products and services with subscriptions.","protected":false},"author":2,"featured_media":5164,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"om_disable_all_campaigns":false,"inline_featured_image":false,"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"csco_display_header_overlay":false,"csco_singular_sidebar":"","csco_page_header_type":"","footnotes":""},"categories":[297],"tags":[],"class_list":{"0":"post-4424","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-ecommerce-user-accounts","8":"cs-entry"},"acf":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/webflow.tenten.co\/en\/wp-json\/wp\/v2\/posts\/4424","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/webflow.tenten.co\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/webflow.tenten.co\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/webflow.tenten.co\/en\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/webflow.tenten.co\/en\/wp-json\/wp\/v2\/comments?post=4424"}],"version-history":[{"count":0,"href":"https:\/\/webflow.tenten.co\/en\/wp-json\/wp\/v2\/posts\/4424\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/webflow.tenten.co\/en\/wp-json\/wp\/v2\/media\/5243"}],"wp:attachment":[{"href":"https:\/\/webflow.tenten.co\/en\/wp-json\/wp\/v2\/media?parent=4424"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/webflow.tenten.co\/en\/wp-json\/wp\/v2\/categories?post=4424"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/webflow.tenten.co\/en\/wp-json\/wp\/v2\/tags?post=4424"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}