Follow the integration instructions below if your website has Stripe Checkout buttons incorporated in it. You can accept one-time payments or monthly subscription payments using these instructions.

If you're not using an embedded Stripe Checkout button, but rather Stripe connects with a custom order system or another third-party system, you should refer to our “Stripe Connect” integration instructions from the thank you page instructions in the drop-down menu above.

Please take note that just the complete Stripe Checkout button code snippet will enable our integration to function. The Stripe "Buy" links will not be compatible with our integration. By following these steps, you can change from the buy link option to the complete code snippet option if you are currently utilizing the buy link option:

Step 1. Login to your Stripe account.

Step 2. To access Settings, click the gear icon in the top right corner of your dashboard.

Step 3. Click "Checkout and Payment Links" under the Payments section.

Step 4. Click the "Enable client-only integration" button after scrolling down.

Step 5. In the "Domains" area, type the domain name of your website and press "Save."

Step 6. Click the "Products" link in your top Nav to generate the code snippet for your products now.

Step 7. Select the product that you want to generate the code snippet for.

Step 8. Under the Pricing section click the three dots next to the “Create payment link” button and select “Get Checkout code snippet”

Step 9. Wherever you want the button to display on your site, copy the code and add it.

After you have followed the above instructions to get your code snippet if you did not currently already have code snippets for your products, follow the instructions below:

Step 1. Connect to your Stripe account. Go to Set Up Software and select Complete Integration from your admin panel to accomplish that.

Step 2. On the drop-down list, look for Stripe Checkout. Scroll down and click on the "Connect to Stripe" button below to connect with your Stripe account. 

Note: Our integration only works with Stripe in Live mode.

Step 3. Add the following code to the landing page of your site before the </body> tag.

<script defer type="text/javascript" src="https://www.ositracker.com/js/url-params.js"></script>

<script> document.addEventListener("DOMContentLoaded", function() { setCookie("affiliate_id", urlParams['affiliate_id'], 60); setCookie("prodgroup", urlParams['prodgroup'], 60); }); function setCookie(cname, cvalue, exdays) { const d = new Date(); d.setTime(d.getTime() + (exdays * 24 * 60 * 60 * 1000)); let expires = "expires="+d.toUTCString(); document.cookie = cname + "=" + cvalue + ";" + expires + ";path=/"; } </script>

Step 4. Update the code for your checkout button as follows:

Add this code before stripe.redirectToCheckout({ :

let affiliate_id = getCookie("affiliate_id"); let prodgroup = getCookie("prodgroup");

Add this code after cancelUrl: 'CANCEL_URL_HERE', :

clientReferenceId: affiliate_id + '_' + prodgroup,

At the bottom of your code snippet, add this code after })(); :

function getCookie(cname) { let name = cname + "="; let decodedCookie = decodeURIComponent(document.cookie); let ca = decodedCookie.split(';'); for(let i = 0; i < ca.length; i++) { let c = ca[i]; while (c.charAt(0) == ' ') { c = c.substring(1); } if (c.indexOf(name) == 0) { return c.substring(name.length, c.length); } } return ""; }

Step 5. Click Developers -> Webhooks in your Stripe account.

Step 6. Click on "Add Endpoint"

Step 7. In the endpoint URL field, add the URL below:

https://yoursubdomain.ositracker.com/Stripe/checkout

Note: Replace yoursubdomain with your actual ositracker subdomain url.

Select your current API and then for the events, select "checkout.session.completed" and then click "Add Endpoint".

Step 8. Click API Keys. Select "Create secret key" and then copy it to a notepad.

Step 9. Go back to your OSI Admin control panel and click Set up Software -> Settings and then select "Show advanced settings".

Step 10. Check the box "Include Parameters in Affiliate URL" and then click update.

Step 11. Then select "Third Party Integrations" from the options page.

Step 12. Select Stripe and paste in the Secret key that you previously copied from step 12 and click Submit.

After establishing a connection with Stripe and doing the aforementioned steps,  read our detailed Stripe checkout integration instructions here on how to configure your referral program.