Is it possible to have two CTA buttons on a Webflow product page, one for viewing a demo and one for purchasing a membership? The demo would be an external link, and the membership would grant access to gated content with monthly payment.
TL;DR
- Add two buttons to the product page labeled "View Demo" and "Buy Membership."
- Link "View Demo" to an external URL and "Buy Membership" to a Webflow membership signup or info page.
- Set up Webflow Memberships with paid plans and gated content access, and configure optional member pages as needed.
Yes, it’s absolutely possible to add two CTA buttons on a Webflow product page: one linking to an external demo and the other enabling users to purchase a membership that unlocks gated content.
1. Add the Two CTA Buttons
- Drag two Button elements onto your product page where you want the CTAs to appear.
- Label them appropriately (e.g., "View Demo" and "Buy Membership").
2. Link the "View Demo" Button
- Select the "View Demo" button.
- In the right-hand panel, go to the Element Settings tab.
- Under Link Settings, choose “URL” and enter the external demo link.
- Optionally enable Open in new tab to avoid navigating away from your site.
3. Set Up Webflow Memberships for Gated Content
- Go to Site Settings > Memberships and enable Webflow Memberships.
- Create a Membership Plan with a monthly recurring price.
- Set this up under Memberships > Plans.
- Under Access Groups, define which content/pages will be gated to members.
- Ensure Gated Content Pages are restricted to the correct customer group.
4. Connect the "Buy Membership" Button
- Select the "Buy Membership" button.
- Link it either directly to the plan signup page generated by Webflow Memberships or to a custom pricing/membership info page you create.
- That page should contain the Membership Signup Form component from Webflow.
5. Optional: Customize Member Flow
- Customize the customer experience with dedicated pages:
- Signup/login page
- Thank you/confirmation page
- Account dashboard
- You can build these in Webflow and restrict them accordingly.
Summary
You can easily add both a demo (external link) CTA and a separate membership (monthly paid/gated access) CTA on a Webflow product page by using buttons linked to the respective destinations. Use Webflow Memberships to charge for and control access to gated content.