DirectPay

About Component

DirectPay is a plug-and-play checkout solution for Framer that lets you accept secure, direct payments without third-party platforms.

With one click, customers see a smooth payment overlay where they can pay via Bank Transfer, PayPal, or Crypto. Details are clear and copyable, while the built-in confirmation checkbox and “Confirm Payment” button ensure proof of payment reaches you instantly.

DirectPay gives businesses total control — no delays, no fees, just direct payments.

Checkout Page Example: https://directpay-live.framer.website/

Live Preview: https://preview-directpay.framer.website/

Why use DirectPay?

💳 Eliminate third-party fees → Get paid directly to your bank, PayPal, or crypto wallet.
⚡ Frictionless checkout → One button, one smooth animation, three secure payment methods.
📲 Mobile-ready → Fully optimized across desktop, tablet, and mobile.
🔐 Trust built in → Secure confirmation flow, clear CTA, and optional proof-of-payment link.
🎨 Fully customizable → Adjust colors, typography, spacing, and radius directly from the panel — no design edits required.
🖱️ Instant copy-to-clipboard → Customers never mistype your payment details again.
🌍 Flexible proof sharing → Link the confirmation button to your preferred platform (email, WhatsApp, social DMs, etc.) to receive instant payment proof.

Features at a glance

• Payment tabs: Bank Transfer, PayPal, Crypto

• Copy buttons for all payment details

• Optional SWIFT/BIC toggle for international transfers

• “I confirm I’ve sent the payment” checkbox flow

• Confirm Payment button with custom link support

• Smooth in/out overlay animation

• Fully responsive (desktop, tablet, mobile)

• Clean modern design — white layout (#FFFFFF) with orange accent (#F03700) and customizable shadow, text, and radius

Let’s work together!