Paddle Overlay Checkout

You use Paddle billing as the payment processor on your site

Ayo AbdulLast Updated June 26, 2025

This guide provides a detailed walkthrough of integrating Stripe with the Push Lap Growth affiliate tracking system using the Session API. This method ensures accurate tracking of purchases and referrals.

Step 1: Tracking Clicks

Insert the following script in your website's <head> tag to start tracking clicks:

Normal Method

<script 
  src="https://pushlapgrowth.com/affiliate-tracker.js" 
  data-affiliate 
  data-program-id="YOUR_AFFILIATE_PROGRAM_ID" 
  async>
</script>

Using Google Tag Manager

<script>
  var pushLap = document.createElement('script');
  pushLap.src = "https://pushlapgrowth.com/affiliate-tracker.js";
  pushLap.setAttribute('data-affiliate', '');
  pushLap.setAttribute('data-program-id', 'YOUR_AFFILIATE_PROGRAM_ID');
  document.head.appendChild(pushLap);
</script>

Step 2: Connect Paddle

To proceed, connect your Stripe account by going to Dashboard → Integrations → Connect payment processor → Paddle

Step 3: Send data from Paddle to Push Lap Growth

Insert this code in your website's <head> tag on all pages where you have your paddle billing overlay checkout. Put it just before the closing </body> tag.

Using `Paddle.Checkout.open()`

<script type="text/javascript">

  function injectPushLapAffiliateId() {
    const pushLapAffiliateId = window.affiliateId;

    if (pushLapAffiliateId) {
        const originalOpen = Paddle.Checkout.open;

        Paddle.Checkout.open = function(options) {
            options.customData = options.customData || {};
            options.customData.pushlap_affiliate_id = pushLapAffiliateId;
            originalOpen.call(Paddle.Checkout, options);
        };
    }
  }

  window.addEventListener("affiliate_referral_ready", injectPushLapAffiliateId);
</script>

Using HTML Data Attributes

<script type="text/javascript">

  function injectPushLapAffiliateId() {
    const pushLapAffiliateId = window.affiliateId;

    if (pushLapAffiliateId) {
      const signupButtons = document.querySelectorAll(".paddle_button");

      signupButtons.forEach(signupButton => {
        if (pushLapAffiliateId) {
          const customData = JSON.stringify({ pushlap_affiliate_id: pushLapAffiliateId });
          signupButton.setAttribute("data-custom-data", customData);
        } else {
          signupButton.removeAttribute("data-custom-data");
        }
      });
    }
  }

  window.addEventListener("affiliate_referral_ready", injectPushLapAffiliateId);
</script>

Summary

By following these steps, you can successfully integrate Stripe with Push Lap Growth for accurate affiliate tracking.

Did this answer your question?

On this page