Integration with Stripe Payment Links

Integrating Rewardful is a quick way to set up affiliate and referral programs for your landing pages. We automatically track referred Visitors, Leads, and Conversions from your affiliates, customers, influencers, and/or partners. Commissions are automatically adjusted for any billing event changes such as downgrades, upgrades, free trials, cancellations, and refunds.

Each person that signs up for your program will receive a personalized dashboard where they can create and manage their affiliate links, stats, and track their success.

See full list of features

To set up the integration:

Then follow these steps to complete the integration:

I. Adding the Rewardful Tracking Script

Grab your Rewardful script from STEP 1 on the JavaScript integration page (Note: you don't need to add Step 2 as another code will handle the referral UUID).

Note: For users using Google Tag Manager in their WordPress site, grab this version of the STEP 1 script.

Paste the STEP 1 script in section where you're allowed to add custom head codes or if you're using a third-party plugin for handling custom head codes, paste it into that section.

II. Adding the jQuery library from Google CDN

Copy the code below and paste it right below where you added the STEP 1 script:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>

III. Adding the custom script for Stripe Payment Links

Go to the page where the Stripe Payment Links are located.
Create a custom HTML block after the section where the Stripe Payment Links are or create a custom HTML block at the bottom of the page.
For non-Elementor users: copy the code below and paste it on a custom HTML block on the page where the Stripe Payment Links are located.
- For WordPress Elementor users, paste the code below in the Elementor section where you add custom codes (not on the page where the Stripe Payment Links are). Paste the code at the end of the body tag and run it only on the page where the Stripe Payment Links are located.

<script>
$(document).ready(function(){
    setTimeout(function() {
        $('a[href^="https://buy.stripe.com/"]').each(function(){
            const oldBuyUrl = $(this).attr("href"); // Get current url
            const referralId = window.Rewardful.referral;
            const newBuyUrl = oldBuyUrl + "?client_reference_id=" + referralId; // Create new url
            $(this).attr("href", newBuyUrl); // Set href value
          });
    }, 2000);
});
</script>

IV. Confirming the Rewardful dashboard initial setup

Go back to your Rewardful dashboard, click the Ok I've completed this button.
On the next set of instructions, open the link that has a ?via=install on an incognito window or private browser, let your site fully load.
Go back to your Rewardful dashboard and refresh the page. If the STEP 1 tracking script is correctly placed it will confirm your Rewardful initial dashboard setup.
If there's no confirmation, please chat with us or email us so that we'll check things for you.