Rapyd Checkout Toolkit Demo

Quickly integrate Rapyd Checkout Toolkit into your online shopping cart

This repository contains a simple example demonstrating how to add Rapyd's Checkout Toolkit to an eCommerce website. Checkout Toolkit lets you embed an iframe directly into your shopping cart payment acceptance fields. This ensures your customers are never redirected away from your website during the checkout process.

Demo Video (YouTube)

To use this example:

1. Clone this repository
2. Create a checkout page using the API: https://docs.rapyd.net/build-with-rapyd/reference/checkout-page-object#create-checkout-page
3. Copy the checkout page id from the API response (for example, "checkout_123456789123456789123456789")
4. Open the checkout.html file and find the code below. Paste the checkout id in the "id" field:

let checkout = new RapydCheckoutToolkit({
    pay_button_text: "Pay Now",
    pay_button_color: "#4BB4D2",
    id: "checkout_", // your checkout page id goes here
    style: {
        submit: {
            base: {
                color: "white"
            }
        }
    }
});

Resources

IF YOU HAVE A CRITICAL OR PRODUCTION ISSUE INCLUDING ACCOUNT ACTIVATION, go to https://support.rapyd.net, or if you can't access the Rapyd Client Portal, please send an email to [email protected].

However, if you have an API question or want to learn more about transacting in the Rapyd Sandbox environment.

• Read the docs
• Send us an email
  
• Post a topic in community
  
• Follow us on Twitter at @RapydDevs
  
• Join us on Discord