Has anyone successfully integrated Nowpayments into a Webflow E-commerce website and can provide guidance on how to do it?

Integrating NowPayments into a Webflow E-commerce site requires a workaround since Webflow doesn’t natively support custom third-party payment gateways outside of Stripe. However, several users have successfully embedded NowPayments using third-party tools or checkout redirection methods.

​

1. Understand Webflow's Payment Limitations

​

• Webflow e-commerce only supports Stripe and PayPal (via checkout link).
• Custom gateways like NowPayments are not directly supported inside Webflow's native cart/checkout flow.
• To use NowPayments, you need to bypass or replace Webflow's checkout functionality.

​

2. Set Up a Custom Checkout Flow

​

• Instead of using Webflow’s standard e-commerce backend, manually manage products using CMS collections or static pages.
• Design custom "Add to Cart" buttons that link to a separate custom checkout (either on an external service or a custom-built page within Webflow using NowPayments' API).

​

3. Use NowPayments API or Widget

​

• Go to the NowPayments Dashboard and create an account.
• Generate your API Key inside the NowPayments account.
• Integrate their payment methods by either:
• Using embedded payment widgets (hosted checkout pages with redirect)
• Or creating a custom integration with their API documentation

​

4. Embed Payment Buttons Using Webflow's Embed Element

​

• Add a Webflow Embed Element to your product or checkout page.
• Use the NowPayments button or redirect code to send users to their platform to complete crypto payments.
• Example: Create a JavaScript-based payment redirect upon a button click that takes users to the NowPayments invoice page.

​

5. Handle Order Tracking and Confirmation

​

• Since you're bypassing Webflow's checkout, you need an alternative for:
• Order confirmation: Use a separate "Thank You" page and link it via NowPayments redirect options.
• Client email notification: Set up a webhook or use automation tools (e.g., Zapier or Make) to send notifications when a payment is completed.
• Inventory/order tracking: Rely on external tools; Webflow won't be aware of these transactions automatically.

​

6. Optional: Use Zapier or Make for Workflow

​

• Use Make (Integromat) or Zapier to:
• Trigger actions when a payment is confirmed via NowPayments webhook.
• Send emails, update databases (like Airtable), or notify you in Slack/Email.

​

Summary

​

Webflow doesn’t support NowPayments natively, but you can still use it by replacing Webflow’s checkout with a manual product page and custom “Buy Now” buttons that link to NowPayments. Use their hosted checkout or API, and handle order confirmation through custom scripts or automation tools like Zapier/Make.