Embed

Webflow + topropay

Custom-code embed for Webflow sites and Logic-driven flows.

Get sandbox keys Read API docs →

Overview

topropay drops into Webflow as a Custom Code embed. For Webflow Ecommerce stores you replace the native Pay action with a topropay-routed redirect; for marketing sites you can add a Buy CTA without touching Ecommerce at all.

What you get

  • Designer-native — no "export & host elsewhere" workaround
  • Plays well with Webflow Logic and Make/Zapier
  • Works whether or not Webflow Ecommerce is enabled
  • Tokenisation in the iframe keeps PCI scope tiny

Install in 3 steps

  1. Add the embed in Designer

    Add an Embed element where the payment form should appear. Paste the topropay iframe or the topropay.js mount snippet.

  2. Use Webflow Logic (optional)

    Trigger a Logic flow on webhook events from topropay to email the buyer, write to Airtable, or update a CMS item.

  3. Ship

    Publish to your custom domain. The publishable key is safe to embed; only the secret key stays on your worker.

Related integrations

Other embed-based integrations

← Back to every CMS integration

Ready to wire it up

Ship a Webflow integration in an afternoon.

Get sandbox keys, paste them into Webflow, run a test charge through the cascade. We're on Slack while you ship.

Book a discovery call Email engineering