iFrame Embed

Best for: Providing a seamless checkout experience while keeping customers on your website

This method embeds the checkout experience directly into your website using an iframe within a modal overlay, ensuring customers never leave your site during the payment process.

Prerequisites:

• A product created via the merchant dashboard
• Basic HTML/JavaScript knowledge for customization

Implementation:

After creating your product, you should use your checkout link to generate the iframe code as follows:

<iframe src="https://test-buy.leepa.africa/776a7db83a" allow="clipboard-read *; publickey-credentials-create *; publickey-credentials-get *" ></iframe> 

You can embed it as shown in this Demo project's index.html file.

Security Considerations:

• The iframe includes necessary permissions for secure crypto payments
• All payment processing occurs within the Leepa Africa secure environment
• No sensitive payment data is handled by your website