MakePay Squarespace Integration

Payment-link integration for Squarespace sites using Code Injection or Embed blocks plus a hosted MakePay relay.

Features

• Small browser script for buttons with data-makepay-product.
• Server-side relay that owns product prices and MakePay credentials.
• MakePay hosted checkout redirect.
• Webhook verification for payment status updates.
• Works as a practical Squarespace extension-style service without depending on unsupported native checkout hooks.

Squarespace Install

Host public/embed.js and the relay on your infrastructure, then add a button:

<button data-makepay-product="consultation">Pay with MakePay</button>
<script src="https://payments.example.com/embed.js"
        data-makepay-relay="https://payments.example.com"
        defer></script>

You can paste this into a Squarespace Code Block, footer Code Injection, or a custom section.

Relay

npm start

Environment:

MAKEPAY_KEY_ID=...
MAKEPAY_KEY_SECRET=...
MAKEPAY_WEBHOOK_SECRET=...
MAKEPAY_PRODUCTS_JSON='{"consultation":{"title":"Consultation","amount":"49.00","currency":"USD"}}'

Routes:

• GET /embed.js
• POST /checkout
• POST /makepay/webhooks

Squarespace Direction

Squarespace Extensions are third-party services that connect to a site. Current public commerce APIs focus on orders and inventory, so this repository uses a payment-link flow instead of pretending to be a native processor.

• Squarespace Extensions
• Squarespace Commerce Orders API

Development

npm test
npm run validate