You can add a Click and Collect button to your Webflow e-commerce store, but Webflow does not have a built-in fidelity points system. Both features require third-party integrations or custom solutions.
- Create a New Product Option: In your product settings, add a custom dropdown field (e.g., "Delivery Method") with options like "Shipping" and "Click & Collect."
- Use Conditional Visibility: If "Click & Collect" is selected, show store pickup instructions instead of the shipping fields.
- Modify the Checkout Process: You may need to hide or customize the shipping address fields using custom JavaScript.
- Email Confirmation: Ensure your order confirmation email contains pickup details.
2. Implementing a Fidelity Points System
Webflow doesn’t provide built-in loyalty programs, so you need third-party integrations:
- Loyalty Program Apps: Use services like LoyaltyLion, Smile.io, or Beans. They integrate with Shopify but may require a custom Webflow setup via Zapier or Make.
- Custom Member Portal: Use Webflow’s User Accounts feature to track customer purchases and display points manually with CMS collections.
- Zapier/Make Automation: Connect Webflow E-commerce with Google Sheets, Memberstack, or Airtable to track purchases and calculate points.
- Custom Code Solution: Hire a developer to implement a system that assigns points based on cart value and displays them through Webflow CMS or a user dashboard.
Summary
You can add a Click and Collect button using custom fields and conditional visibility. A fidelity points system requires third-party services like Smile.io or a custom integration via Zapier, Memberstack, or Airtable.