Digital River logo

Digital River Drop-In Builder

Welcome to the Digital River Drop-in Builder! Before you begin, you may want to:

  1. Create a test account via the Digital River Dashboard.
  2. Create at least one sku/product.
  3. Watch the short Drop-in Builder video.

Step 1 - Mode

Step 2 - Configuration

Step 3 - Options



When building your store, you will want to include the following JavaScript and CSS references on the pages where you want it to appear (for example, the Checkout or My Account page). If you'd like to customize the styles, simply override the Drop-in CSS file (DigitalRiver.css) with your own.

<script type="text/javascript" src=""></script>
<link rel="stylesheet" href="" type="text/css"/>


Initialize the DigitalRiver.js library with your public API key and any optional parameters. Updating your configuration options will change what this code block displays. Please reference the Drop-in integration guide for more details.

let digitalriver = new DigitalRiver("YOUR_PUBLIC_API_KEY", {
    "locale": "en-US"


Create a container element for the Drop-in and place it on the page where you want it to appear within your experience.

<div id="drop-in"></div>