Skip to content

SETUP.md

Latest commit

 

History

History
48 lines (34 loc) · 1.23 KB

SETUP.md

File metadata and controls

48 lines (34 loc) · 1.23 KB

Webflow Setup

Webflow Developer Dashboard

  1. Register a new Webflow App in the Workspace developer settings.
  2. Add a Designer Extension capability.
  3. Use Webflow's CLI workflow to serve the extension locally and upload a production bundle.
  4. Install the app on a test site from Apps & Integrations.
  5. Launch the development app from the Webflow Designer Apps panel.

The extension runs in Webflow's secure iframe. It should call the MakePay backend proxy in this repository instead of calling MakePay directly from the browser.

Backend Proxy

Deploy src/server/app.js behind HTTPS and configure:

MAKEPAY_KEY_ID=
MAKEPAY_KEY_SECRET=
MAKEPAY_WEBHOOK_SECRET=
MAKEPAY_BASE_URL=https://www.makecrypto.io
ALLOWED_ORIGIN=https://webflow.com

Use a stricter ALLOWED_ORIGIN when the final Webflow extension origin is known.

Author Workflow

  1. Open the MakePay app in the Webflow Designer.
  2. Enter amount, currency, copy, and return URLs.
  3. Create the MakePay payment link.
  4. Copy the generated embed.
  5. Paste it into a Webflow Embed element.

Webhooks

Configure MakePay to send events to:

https://your-backend.example/api/webhooks/makepay

The backend verifies X-MakePay-Signature before accepting the event.