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 requirementsIn order to implement the sponsored payments placement, you will be required to:
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.
Include a
<div>
element with a unique #id such as<div id='rokt-placeholder'></div>
on the pages the sponsored payment placement should appear.Follow our integration best practices to ensure that the Rokt UX loads quickly on your site and provides the optimal experience for your customers.
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 Attribute | Parameter in Web SDK | Purpose | Value |
---|---|---|---|
Identity, application pre-fill | Smoother application process, improved engagement and conversion rates | ||
Customer ID | clientcustomerid | Identity | Improved engagement and conversion rates. Helps to fill in the identity gaps when email is not available |
First Name | firstname | Identity, application pre-fill, optimization | Smoother application process, improved engagement and conversion rates |
Last Name | lastname | Identity, application pre-fill | Smoother application process, improved engagement and conversion rates |
Phone Number | mobile | Identity, application pre-fill | Smoother application process, improved engagement and conversion rates. |
Amount | amount | Creative personalization, optimization, targeting | Improved engagement and conversion rates |
Currency | currency | Targeting, User Experience | Ensure only eligible users see Rokt placements |
Date of Birth | dob | Optimization, application pre-fill | Improved engagement and conversion rates |
Payment Type | paymenttype | Targeting/Optimization | Improved engagement and conversion rates |
Credit Card Bin | ccbin | Targeting/Optimization | Improved engagement and conversion rates |
Order ID | confirmationref | Optimization, creative personalization | Improved engagement and conversion rates |
Billing User’s Address Line 1 | address1 | Targeting/Optimization, application pre-fill | Improved engagement and conversion rates |
Billing User’s Address Line 2 | address2 | Targeting/Optimization, application pre-fill | Improved engagement and conversion rates |
Billing User’s City | city | Targeting/Optimization, application pre-fill | Improved engagement and conversion rates |
Billing User’s State | state | Targeting/Optimization, application pre-fill | Improved engagement and conversion rates |
Billing User’s Zip Code | zipcode | Targeting/Optimization, application pre-fill | Improved engagement and conversion rates |
Cart Items | cartItems | Targeting/Optimization, application pre-fill | Improved engagement and conversion rates |
cartItems
is an array of cartItem objects where each item contains the following properties:
Data Attribute | Parameter in Web SDK | Purpose | Value |
---|---|---|---|
Item Price | price | Targeting/Optimization, creative personalization | Improved engagement and conversion rates |
Item Quantity | quantity | Targeting/Optimization, creative personalization | Improved engagement and conversion rates |
Item Major Category | majorcat | Targeting/Optimization | Improved engagement and conversion rates |
Item Major Category ID | majorcatid | Targeting/Optimization | Improved engagement and conversion rates |
Item Minor Category | minorcat | Targeting/Optimization | Improved engagement and conversion rates |
Item Minor Category ID | minorcatid | Targeting/Optimization | Improved engagement and conversion rates |
Product Name | productname | Targeting/Optimization, creative personalization | Improved engagement and conversion rates |
Item SKU | sku | Targeting/Optimization | Improved 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>