Can I add a click and collect button to my e-commerce store in Webflow, and is there a way to implement a fidelity points system?

You can add a Click and Collect button in Webflow using custom fields and conditional visibility, but implementing a fidelity (loyalty) points system requires third-party tools or custom code since Webflow doesn't offer it natively.

1. Add a Click and Collect Button in Webflow

• Create a custom shipping option by editing product or checkout logic to offer "Click and Collect." Webflow's Ecommerce settings currently don't support shipping method variations out of the box, so:
• Use a custom field (e.g., "Pickup Available") in your product CMS collection.
• Add a button or toggle like “Click and Collect” at checkout using custom code injected into the Checkout page.
• Use conditional visibility to show the "Click and Collect" option only when available.
• You may also use third-party services like Foxy.io (Webflow-compatible) for greater checkout customization.

2. Implement a Fidelity Points System

Webflow doesn't support loyalty points natively, but you can integrate a system using one of the following:

• Third-Party Loyalty Tools:
• Use Smile.io, LoyaltyLion, or Yotpo Loyalty—these require integration with platforms like Shopify, so you'll need to use Webflow + Shopify (via Buy Button or headless integration).
• Custom Code Approach (advanced):
• Create a Webflow member system (using Memberstack or Outseta).
• Track purchases using custom backend logic (e.g., Zapier + Airtable or Firebase).
• Award points per purchase and display current points in Member Dashboard using Webflow’s CMS or Embed blocks.

3. Consider Memberstack or Outseta for Both Features

• Memberstack or Outseta allows:
• User sign-in and dashboard functionality.
• Storage of custom fields (e.g., loyalty points).
• Custom front-end experiences inside Webflow.
• Tied-in checkpoints for orders or actions.

Summary

You can add a Click and Collect button in Webflow with conditional display and basic logic or through custom checkout integrations. Implementing a loyalty points system requires a third-party tool or custom backend logic with platforms like Memberstack, Outseta, or Zapier combined with Webflow CMS.