Checkout inside your product

Embedded Crypto Checkout

Seamless overlay checkout inside your product. Customers pay without leaving your website.

data-makepay-payment-link

Checkout opened

Overlay launched

MakePay opens inside the product while the hosted link remains ready.

/modal/makepay.min.js

Embedded checkout capabilities

Where embedded checkout fits

Use an overlay when checkout belongs inside your product journey and you still want MakePay to handle payment complexity. The modal approach keeps your product experience tight while MakePay keeps payment routing, status, and fallbacks consistent.

01

SaaS upgrade flows

Open checkout when a user upgrades, buys credits, or confirms a paid workspace action.

02

On-site product checkout

Keep shoppers on your website while the modal handles crypto payment instructions and status.

03

Wallet-native products

Give crypto users a payment experience that feels native to the product they already use.

04

Lightweight modal script

Use /modal/makepay.min.js to open the same checkout from your site or app.

05

Events and redirects

Connect close behavior, payment progress, success redirects, and webhooks to your product flow.

06

Same brand settings

Logo, colors, domain settings, and confirmation email behavior stay managed in MakeCrypto.

Operating model

A branded crypto checkout without sending users away.

Embedded checkout keeps the payment moment inside your product while MakePay still handles status, routing, and settlement visibility.

01

Lightweight modal script

Use /modal/makepay.min.js to open the same checkout from your site or app.

02

Events and redirects

Connect close behavior, payment progress, success redirects, and webhooks to your product flow.

03

Same brand settings

Logo, colors, domain settings, and confirmation email behavior stay managed in MakeCrypto.

04

SaaS upgrade flows

Open checkout when a user upgrades, buys credits, or confirms a paid workspace action.

05

On-site product checkout

Keep shoppers on your website while the modal handles crypto payment instructions and status.

06

Wallet-native products

Give crypto users a payment experience that feels native to the product they already use.

Product embed

Place the checkout inside your product flow

Use the MakePay modal or widget so customers can pay from your product, store, or app without opening a separate checkout journey.

See embed setup
app.makepay.io/embedded-checkouts

Payment request

Generate checkout link

Draft
Name
Overlay checkout
Invoice amount and currency
250
USD
Accepted currenciesSelect all
Search
BBitcoin (BTC)
EEthereum (ETH)
TTether (USDT)
Install modal script

Checkout link ready

Your MakePay checkout URL was generated successfully

pay.makepay.io/embedded-checkouts
Done

Developer handoff

Pair widget behavior with routing and webhooks

Keep the frontend checkout branded while your backend receives status changes, settlement context, and payment references through MakePay.

See developer controls
app.makepay.io/embedded-checkouts/settings
Advanced options
Customer-paid fee mode
Bring checkout to the customer
Load modal script

Settlement preview

In-app

Customers can pay without losing the product context that made them ready to buy.

Customer page

Install modal script

In-product status

Return customers to the right moment after payment

Confirmed, waiting, or failed states can update your product flow while MakePay keeps the wallet settlement path non-custodial.

See embed status
app.makepay.io/embedded-checkouts/activity

Recent activity

Buy credits button

Event received

Modal opened
250 USDC

Checkout callback

Webhook delivered

Complete
0.18 ETH

Close behavior

Return URL set

Configured
Redirect

Webhook update sent

Payment status changed

200 OK
{
"event": "payment.paid",
"amount": "250 USDC",
"settlement": "In-app"
}

Service answers

The useful questions before launch.

Every checkout path has small operational details. These answers keep the service page practical for merchants, developers, and support teams.

01Is embedded checkout different from hosted checkout?

It uses the same payment link and hosted checkout, but opens inside your product through the modal or embedded route.

02Do developers need the MakePay docs?

Yes. Use the MakeCrypto documentation for modal setup, events, redirects, and implementation details.

03What happens if a modal cannot open?

Keep the hosted MakePay URL as the fallback so customers can still complete payment on the public checkout page.