Skip to main content

Integration with Stripe Buy Button

Integrate Rewardful using Stripe Buy Button

Written by Charles Rosel

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. Save the payment method of the customer

In order for Stripe to create Stripe customer records and not guest records, you need to edit settings of the payment link associated with the Buy button to save the customer's payment details:

  1. In your Stripe Dashboard, go to Payment Links page

  2. Click the 3 dots in the right most side of a payment link

  3. Select Edit

  4. In the Advanced Options, check Save payment details for future use

  5. Click Update link in the upper right side

III. Adding HTML attribute

  1. Copy your Button code and paste it in the page in your site

  2. Add the data-rewardful HTML attribute at the opening of the <stripe-buy-button> tag, for example (replace "YOUR-BUY-BUTTON-ID" and "YOUR-PUBLISHABLE-KEY" with the actual values of buy button ID and publishable key):

    <script async
      src="https://js.stripe.com/v3/buy-button.js">
    </script>

    <stripe-buy-button
      data-rewardful
      buy-button-id="YOUR-BUY-BUTTON-ID"
      publishable-key="YOUR-PUBLISHABLE-KEY"
    >
    </stripe-buy-button>

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.

V. Referrals are not tracking? Check the following (Troubleshooting)

Make sure that:

  • The Rewardful tracking script is installed as described in this article.

  • The Stripe Payment Link has “Save Payment Details for Future Use” enabled.

  • The custom script was added under Footer Tracking (not Header).

  • You tested using an incognito window.

  • If you still see the issue, reach out to our support team, and we’ll be happy to take a look.

Did this answer your question?