How to Embed a Crypto Checkout on Your Website

Redirecting clients to a separate payment page works, but for a seamless experience — especially on product or portfolio sites — embedding the checkout directly on your website is better. This guide covers how to embed Vulta’s checkout widget on any website.

Why Embed Instead of Redirect?

Lower drop-off. Every redirect is a friction point. Some users don’t complete payment after a redirect. Embedded checkout keeps users in your environment.

Better brand consistency. Your website, your checkout, your brand throughout.

Professional impression. Embedded checkout signals that you’ve invested in your payment infrastructure — the mark of a serious business.

The Two Integration Methods

Method 1: Script Embed (Easiest)

For non-technical users or simple websites, Vulta provides a two-line embed:

<script src=”https://vulta.one/widget.js”></script>
<button data-vulta-link=”YOUR_PAYMENT_LINK_ID”>Pay now</button>

Add the script tag and a button with data-vulta-link set to your payment link ID (found in your Vulta dashboard). When the button is clicked, the checkout opens as a modal overlay — no redirect, no page leave. The payment completes within the modal and the user stays on your page.

You can also trigger it programmatically:

Vulta.open('YOUR_PAYMENT_LINK_ID');

Method 2: API Integration (Full Control)

For developers who want complete control over the checkout experience, the Vulta API allows you to:

1. Create payment requests programmatically
2. Build your own payment UI
3. Use Vulta’s payment processing backend
4. Receive webhook notifications on completion

This is available on the Business plan and documented fully at vulta.one/developers.

Step-by-Step: Script Embed Setup

Step 1: Log into your Vulta dashboard

Step 2: Go to Payment Links and create or select a payment link

Step 3: Copy your payment link ID from the link details page (it’s in the URL or shown in the dashboard)

Step 4: Add <script src=”https://vulta.one/widget.js”></script> to your page

Step 5: Add <button data-vulta-link=”YOUR_ID”>Pay now</button> wherever you want the button

Step 6: Style the button with your own CSS — it’s a regular HTML button

That’s the complete integration. The checkout handles card and crypto payment routing automatically.

Customization Options

Style the button however you like — it's just a standard HTML button. Add any CSS classes or inline styles:

<script src="https://vulta.one/widget.js"></script>
<button data-vulta-link="YOUR_PAYMENT_LINK_ID" 
  class="your-button-class"
  style="background: #000; color: #fff; padding: 12px 24px; border-radius: 8px; border: none; cursor: pointer;">
  Pay for consultation
</button>

What the Embedded Experience Looks Like

When your visitor clicks Pay, a modal opens with:

• Payment amount and description
• Card payment option (Visa, Mastercard, Apple Pay, Google Pay)
• Crypto payment option with network selection and QR code
• Completion confirmation within the modal

The visitor never leaves your website.

WordPress and Webflow Integration

For WordPress sites, paste the script snippet into a Custom HTML block.

For Webflow, use the Embed element in the Designer.

For Shopify or other e-commerce platforms — this works if the platform allows custom HTML/JavaScript in product pages.

Get started with Vulta’s embeddable checkout on your website.