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 on the product page labeled “View Demo” and “Join Membership”.
- Set the “View Demo” button to link to an external URL and open in a new tab if desired.
- Create a paid membership plan in Webflow and link the “Join Membership” button to the signup, pricing, or checkout page.
- Restrict gated content to paid members via Page Settings.
- Style and position both buttons using Flexbox or Grid to match your site design.
Yes, it's absolutely possible to have two CTA buttons on a Webflow product page—one linking to an external demo and another triggering a paid membership for gated content access.
1. Add Two CTA Buttons to the Product Page
- Drag two Button elements onto your Webflow product page.
- Customize the labels as needed, such as “View Demo” and “Join Membership”.
2. Set the Demo Button to an External URL
- Select the “View Demo” button.
- In the Element Settings panel, set the button’s link type to External URL.
- Enter the full link to the demo (e.g., https://myapp.com/demo).
- Optional: Open link in new tab by checking “Open in new tab”.
3. Connect the Membership Button to a Webflow Membership Plan
- Ensure Webflow Memberships is enabled in your project (under Site Settings > Memberships).
- Create a Membership Plan with monthly pricing and gated content access under Site Settings > Members > Plans.
- Select the “Join Membership” button and set its link to the Sign Up or Pricing Page where users can purchase this membership.
- Alternatively, set a direct link to Webflow’s Memberships Checkout page if you’re using gated pages.
4. Protect Content for Members Only
- Go to the gated content pages.
- In the Page Settings panel, enable Access restrictions.
- Choose “Only members with selected plans” and assign it to your paid membership plan.
5. Style and Position the Buttons
- Use Flexbox or Grid to layout both CTAs side by side or stacked as needed.
- Customize their colors and animations to align with your brand.
Summary
You can absolutely place both a “View Demo” button (external link) and a “Join Membership” button (connected to Webflow Memberships with monthly payment and gated content) on a product page. Just set up one as an external link and the other tied to a membership checkout or pricing page.