MakePay Webflow App

Webflow App source for adding MakePay hosted checkout buttons and payment-link embeds to Webflow sites.

Webflow Apps and Designer Extensions are published through Webflow's developer dashboard. This repository is the source package for the MakePay Webflow App: it contains the Designer Extension UI, a server-side MakePay proxy, webhook verification helpers, setup docs, tests, and repository governance docs.

What It Does

• Creates MakePay payment links from a server-side backend.
• Generates Webflow-friendly checkout button/embed markup.
• Copies the embed for use in a Webflow Embed element.
• Provides a backend endpoint for MakePay webhook signature verification.
• Keeps MakePay merchant secrets outside Webflow client-side code.

Architecture

Webflow Designer Extension
  -> MakePay backend proxy
    -> MakePay partner API

MakePay webhooks
  -> MakePay backend proxy
    -> your order/CRM/reconciliation workflow

The first version focuses on payment links/forms and embeddable checkout buttons. Webflow does not expose a general third-party native checkout provider slot, so this is intentionally link/embed based.

Development

npm test
npm run validate
npm run dev

The local server listens on PORT, default 8787, and serves the Designer Extension from /.

Environment

MAKEPAY_KEY_ID=
MAKEPAY_KEY_SECRET=
MAKEPAY_WEBHOOK_SECRET=
MAKEPAY_BASE_URL=https://www.makecrypto.io
ALLOWED_ORIGIN=http://localhost:8787

Never put MakePay key secrets in Webflow custom code, page settings, or Designer Extension client JavaScript. Use the backend proxy.

Setup

See docs/SETUP.md for the Webflow developer dashboard and Designer Extension workflow.