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.

Yes, it's absolutely possible to have two CTA buttons on a Webflow product page, one linking externally to a demo and another for purchasing a membership with gated content.

1. Add Two CTA Buttons to the Product Page

• Open your Product Template Page in the Webflow Designer under the CMS Collection.
• Drag in two Button elements where you want them (e.g., below the product title or description).
• Style and label the buttons, e.g., “View Demo” and “Join Membership.”

2. Link the Demo Button to an External URL

• Select the “View Demo” button, go to the Element Settings Panel, and set the Link Type to URL.
• Enter the external demo URL, and optionally check Open in new tab.

3. Set Up the Membership Button for Gated Content

• Use Webflow Memberships or integrate a service like Memberstack to enable gating and payments.
• In Webflow:
• Go to Settings > Memberships & Subscriptions to enable gated access.
• Define a Membership Plan (set pricing, access level, etc.).
• Create members-only content and set Access Rules accordingly.
• Link your “Join Membership” button to the Sign-up or Checkout page tied to the Membership Plan.

4. Optional: Conditionally Show Buttons

• If your product CMS items vary (some with demos, some without), you can set conditional visibility on buttons:
• Use a Demo URL field in the CMS.
• Set the Demo Button to only show if that field is populated.

Summary

You can easily place two CTA buttons on a Webflow product page—one linking externally to a demo, the other triggering a membership signup with gated access. Use Webflow Memberships or tools like Memberstack to handle gating and recurring payments.