JavaScript Widgets

Reverb offers several JavaScript widgets that you can embed on pages with your website.

Post-Purchase (Order Confirmation Page) Widget

This widget is to be placed on your checkout page that a customer lands on after making a purchase. It will display a popup window that will present the campaign offer to the customer. It also encourages the customer to share and engage right after making a purchase.

Embed code:
JavaScript 
<!-- Begin Reverb integration code -->
<script type="text/javascript">

var _reverbq = _reverbq || [];

_reverbq.push(['init', {
    campaign_uuid: "UUID-HERE", // REQUIRED - Campaign UUID
    server: "https://reverbsubdomain.yourdomain.com"
}]);

var _reverb_order_items = [];

_reverb_order_items.push({
    product_id: "sku1", // Item product ID
    price: "20.30", // Item unit price
    quantity: "1", // Item quantity
    title: "Awesome Product", // Name of product
    url: "http://www.store.com/product1", // URL for product
    image_url: "http://www.store.com/product1/image.jpg" // URL for product image
});

_reverb_order_items.push({
    product_id: "sku2", // Item product ID
    price: "6.10", // Item unit price
    quantity: "2", // Item quantity
    title: "Amazing Product", // Name of product
    url: "http://www.store.com/product2", // URL for product
    image_url: "http://www.store.com/product2/image.jpg" // URL for product image
});

var _reverb_order_details = {
    order_date: "{ORDER_DATE}", // REQUIRED - Ex: 2021-03-17 21:40:15 - Order Date and Time (in UTC time zone, or as a timestamp with timezone information)                
    order_number: "{ORDER_NUMBER}", // REQUIRED - Order Number
    email: "{CUSTOMER_EMAIL}", // REQUIRED - Customer Email Address
    subtotal: "{SUBTOTAL}", // REQUIRED - Purchase Subtotal
    coupon_code: "{COUPON_CODE}", // REQUIRED - Coupon code used at checkout
    customer_id: "{CUSTOMER_ID}", // OPTIONAL - Set to your internal customer ID for tracking
    items: _reverb_order_items,
    first_name: "{CUSTOMER_FIRST_NAME}", // OPTIONAL - Customer First Name
    last_name: "{CUSTOMER_LAST_NAME}", // OPTIONAL - Customer Last Name
};

_reverbq.push(['register_purchase', _reverb_order_details]);

</script>
<script src="https://rs.trackstreet.com/reverb/prod/js/reverb_1_10.min.js" type="text/javascript"></script>
<!-- End Reverb integration code -->

Advocate Portal Widget

This widget can be placed on your website so that your advocates can log in to get the latest on their referral sharing activity. If your customer is already logged in, please fill in the "email" element in the JavaScript code below. If an email value is not passed in to the JavaScript widget, the customer/referrer will be prompted to sign up for log in.

Embed code:
JavaScript 
<!-- Begin Reverb integration code -->
<script type="text/javascript">

var _reverbq = _reverbq || [];

_reverbq.push(['init', {
    campaign_uuid: "UUID-HERE",
    server: "https://reverbsubdomain.yourdomain.com"
}]);

var _reverb_customer_details = {
    email: "person@theirdomain.com", // 1 required: email or phone number or customer ID
    campaign_uuid: "UUID-HERE",
    first_name: "John",
    last_name: "Doe",
    phone_number: "555-555-5555",
    customer_id: "37878237823",
    iframe: {width: "100%"},
    responsive: true,
};

_reverbq.push(['customer_page', _reverb_customer_details]);

</script>
<script src="https://rs.trackstreet.com/reverb/prod/js/reverb_1_10.min.js" type="text/javascript"></script>
<!-- End Reverb integration code -->