Webflow sync, pageviews & more.
NEW

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?

TL;DR
  • Click and Collect Button: Add a custom dropdown for delivery method, use conditional visibility to show pickup details, modify checkout fields with JavaScript, and update confirmation emails.
  • Fidelity Points System: Use third-party apps like Smile.io, automate tracking with Zapier/Make, or build a custom system with Webflow CMS and Memberstack.

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.

1. Adding a Click and Collect Button

  • 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.

Rate this answer

Other Webflow Questions