Webflow sync, pageviews & more.
NEW

How can I enable Cash on Delivery for Webflow E-Commerce checkout without requiring payment?

TL;DR
  • Disable all online payment gateways in Webflow Ecommerce settings.
  • Add custom payment instructions for COD in checkout settings, customize order confirmation messaging, and use JavaScript to relabel payment method if needed.
  • Manually manage and fulfill orders marked as "Paid" after receiving cash.

Webflow E-Commerce does not include native support for Cash on Delivery (COD), but you can implement it using a workaround by customizing payment settings and messaging.

1. Disable Online Payment Gateway

  • Go to Project Settings > Ecommerce > Payments Tab.
  • If Stripe or PayPal is enabled, you’ll need to disable all live payment gateways.
  • Without a gateway enabled, customers won’t see a payment option—only the ability to complete checkout.

2. Use Manual Payment Instructions

  • Go to Project Settings > Ecommerce > Checkout Section.
  • Scroll to the Payment Instructions field.
  • Enter a message like: "Pay with cash upon delivery. No payment is required online."
  • This message appears to users during checkout and reinforces that they're not paying online.

3. Rename the Payment Method at Checkout

You cannot rename the payment method label directly in native Webflow, but you can use custom JavaScript or embed code to change the label displayed at checkout:

  • Use Client-first class targeting (e.g., replace "No payment required" or the default label with "Cash on Delivery").
  • Use Webflow’s Page Settings > Checkout Page > Before tag area to paste a script that updates visible text elements.

4. Customize Order Confirmation Messaging

  • In the Checkout and Order Confirmation pages, customize the messaging to clearly state “Your order has been placed with Cash on Delivery. Please prepare exact change.”
  • Style these pages to reflect a COD flow rather than an online purchase.

5. Fulfill Orders Manually

  • In Webflow > Ecommerce > Orders, you'll see these orders come through as “Paid” even though no payment gateway was used.
  • Manually fulfill them after actual cash payment has been received.

Summary

To enable Cash on Delivery in Webflow Ecommerce, disable online payments, add custom messaging for COD in checkout and order confirmation pages, and optionally use script customizations to relabel payment methods. Orders will process normally, but you’ll need to manage fulfillment manually.

Rate this answer

Other Webflow Questions