How can I enable Cash on Delivery for Webflow E-Commerce checkout without requiring payment?
TL;DR
- Create a custom Cash on Delivery payment method in Webflow E-Commerce settings.
- Modify the checkout page by adding a selectable Cash on Delivery option and use conditional visibility to manage display options.
- Adjust the order confirmation page to highlight the Cash on Delivery choice and test the checkout flow to ensure seamless operation.
To enable Cash on Delivery (COD) for your Webflow E-Commerce checkout, you need to create a custom payment method that doesn't require upfront payment. Here's how to do it:
1. Create a Custom Checkout Option
- Go to your Webflow project.
- Navigate to E-commerce and click on Settings.
- Under Payments, add a new payment method and name it Cash on Delivery or COD.
2. Modify Checkout Page
- Go to your Checkout page within Webflow Designer.
- Add a custom option block or button for Cash on Delivery in your payment methods section.
- Position it such that it can be easily selected by users.
3. Set Up Conditional Visibility
- Ensure that other payment methods, like Stripe or PayPal, are hidden when Cash on Delivery is selected.
- Use conditional visibility settings to control which sections are shown based on the selected payment method.
4. Customize Order Confirmation
- Navigate to the Order Confirmation page.
- Customize the confirmation message to remind customers that they have chosen Cash on Delivery. Include any additional instructions if needed.
5. Test the Checkout Flow
- Make sure to test the checkout process to confirm that the Cash on Delivery option is selectable and no payment processing occurs.
- Check that the order is successfully recorded in your Webflow orders section without a payment status.
Summary
Enable Cash on Delivery in Webflow E-Commerce by adding a custom payment option and modifying the checkout experience. Ensure that customers can select this option without initiating a payment and confirm everything works as expected through testing.
