Skip to main content

Add sponsored payments to your site

Integrate Rokt's sponsored payments placement to enable eligible credit card offers to show on your site. These offers enable your customers to apply and get instant approval for a new card without leaving your site.

Integration requirements#

In order to implement the sponsored payments placement, you will be required to:

  1. Integrate the Rokt Web SDK on the page(s) you want the placement to show, if the SDK is not already integrated. Integrate the appropriate data elements. A sample Web SDK snippet with these recommended data elements can be found below. Rokt will provide you with a custom snippet based on your specific needs.

  2. Include a <div> element with a unique #id such as <div id='rokt-placeholder'></div> on the pages the sponsored payment placement should appear.

  3. Follow our integration best practices to ensure that the Rokt UX loads quickly on your site and provides the optimal experience for your customers.

  4. Advise us on any reporting needs you may have. Rokt will provide you access to our platform and reporting dashboard for insights on performance. We also provide several API solutions if you need high-level insights or user-level data in your own CRM.

Recommended data elements:#

Including the following data elements in your integration allows for enhanced targeting and personalization capabilities -- leading to increased engagement, more revenue, and a better customer experience.

Data AttributeParameter in Web SDKPurposeValue
EmailemailIdentity, application pre-fillSmoother application process, improved engagement and conversion rates
Customer IDclientcustomeridIdentityImproved engagement and conversion rates. Helps to fill in the identity gaps when email is not available
First NamefirstnameIdentity, application pre-fill, optimizationSmoother application process, improved engagement and conversion rates
Last NamelastnameIdentity, application pre-fillSmoother application process, improved engagement and conversion rates
Phone NumbermobileIdentity, application pre-fillSmoother application process, improved engagement and conversion rates.
AmountamountCreative personalization, optimization, targetingImproved engagement and conversion rates
CurrencycurrencyTargeting, User ExperienceEnsure only eligible users see Rokt placements
Date of BirthdobOptimization, application pre-fillImproved engagement and conversion rates
Payment TypepaymenttypeTargeting/OptimizationImproved engagement and conversion rates
Credit Card BinccbinTargeting/OptimizationImproved engagement and conversion rates
Order IDconfirmationrefOptimization, creative personalizationImproved engagement and conversion rates
Billing User’s Address Line 1address1Targeting/Optimization, application pre-fillImproved engagement and conversion rates
Billing User’s Address Line 2address2Targeting/Optimization, application pre-fillImproved engagement and conversion rates
Billing User’s CitycityTargeting/Optimization, application pre-fillImproved engagement and conversion rates
Billing User’s StatestateTargeting/Optimization, application pre-fillImproved engagement and conversion rates
Billing User’s Zip CodezipcodeTargeting/Optimization, application pre-fillImproved engagement and conversion rates
Cart ItemscartItemsTargeting/Optimization, application pre-fillImproved engagement and conversion rates

cartItems is an array of cartItem objects where each item contains the following properties:

Data AttributeParameter in Web SDKPurposeValue
Item PricepriceTargeting/Optimization, creative personalizationImproved engagement and conversion rates
Item QuantityquantityTargeting/Optimization, creative personalizationImproved engagement and conversion rates
Item Major CategorymajorcatTargeting/OptimizationImproved engagement and conversion rates
Item Major Category IDmajorcatidTargeting/OptimizationImproved engagement and conversion rates
Item Minor CategoryminorcatTargeting/OptimizationImproved engagement and conversion rates
Item Minor Category IDminorcatidTargeting/OptimizationImproved engagement and conversion rates
Product NameproductnameTargeting/Optimization, creative personalizationImproved engagement and conversion rates
Item SKUskuTargeting/OptimizationImproved engagement and conversion rates

Sample Rokt Web SDK for Standard Integrations:#

The following sample snippet requires a Rokt Tag id (replace the rokt_tag_id_goes_here variable), page name (pageIdentifier variable), and staging domain (staging_domain_here) to complete the implementation

<!-- Main Tag --><script type='text/javascript'>    (function(r,o,k,t,n,e,w,a,){r._ROKT=n;r[n]=r[n]||{id:t,h:w,lc:[],it:new Date(),onLoaded:function(c){r[n].lc.push(c)}};a=o.createElement('script');a.type='text/javascript';a.async=!0;a.src=k;if(e){a.integrity=e;a.crossOrigin='anonymous'}=o.getElementsByTagName('script')[0];.parentNode.insertBefore(a,_)})(window,document,'https://apps.rokt.com/wsdk/integrations/snippet.js','rokt_tag_id_goes_here', 'rokt');
    rokt.onLoaded(function(rokt) {
        let cartItems = [            {                'price': '',                'quantity': '',                'majorcat': '',                'majorcatid': '',                'minorcat': '',                'minorcatid': '',                'productname': '',                'sku': '',            },            {                'price': '',                'quantity': '',                'majorcat': '',                'majorcatid': '',                'minorcat': '',                'minorcatid': '',                'productname': '',                'sku': ''            }]
            rokt.init({                    pageIdentifier: 'page_name_here',                    sandbox: location.href.indexOf("staging_domain_here") > 0,            });
        rokt.setAttributes({            email: '',            amount: '',            currency: '',            paymenttype: '',            ccbin: '',            confirmationref: '',            firstname: '',            lastname: '',            mobile: '',            gender: '',            language: '',            address1: '',            address2: '',            zipcode: '',            city: '',            state: '',            clientcustomerid: '',            cartitems: JSON.stringify(cartItems)        });    });</script>
Was this article helpful?