<!--
canonical_url: https://university.spiffy.co/integrations/firstpromoter/firstpromoter-integration-overview/
post_id: 1338
post_type: post
last_modified: 2025-06-09T20:35:29+00:00
generated_at: 2026-04-16T16:18:09+00:00
-->

# FirstPromoter Integration Overview

Spiffy now directly integrates with FirstPromoter as one of our options for affiliate programs. You will be able to connect your FirstPromoter account using your FirstPrmoter Account ID & API key. You will then be able to create “Campaigns” in your FirstPromoter account, using Spiffy checkout URLs, and add your affiliates to these Campaigns.

## Table of Contents

- [Install FirstPromoter’s Tracking Code on ALL of your site pages](#install-firstpromoters-tracking-code-on-all-of-your-site-pages)
- [Connecting your FirstPromoter account to Spiffy](#connecting-your-firstpromoter-account-to-spiffy)
- [Install SpiffyJS code on ALL site pages](#install-spiffyjs-code-on-all-site-pages)
- [Intro to setting offers to be ‘Commissionable’](#intro-to-setting-offers-to-be-commissionable)
- [Create Products or Subscriptions for your offers](#create-products-or-subscriptions-for-your-offers)
- [Enable Commission Tracking](#enable-commission-tracking)

## Install FirstPromoter’s Tracking Code on ALL of your site pages

If you are using embedded checkouts, or directing traffic to a sales page on your site that has redirects, you will want to ensure that you install tracking code from FirstPromoter on all of your site’s pages. This will ensure that FirstPromoter can create tracking cookies for your visitors who come via referral traffic.

**Head to your FirstPromoter account**, click on **‘Settings’** and click the **‘Integrations’** tab. Then, click on the ‘**Setup Instructions and Testing**‘ button

![](https://university.spiffy.co/wp-content/uploads/2022/03/FP-settingsintegration.png)Grab the code from the section labeled ‘**Adding the main tracking script**‘. _If you have already set up your first promoter integration, just click the ‘Go Back’ button until you reach this section, and can copy the code._

![](https://university.spiffy.co/wp-content/uploads/2022/03/fptracking-goback.png)**Copy the ‘Main Tracking Script’ and paste it on ALL pages of your site.** This will ensure that FirstPromoter can create the tracking cookie, when referral traffic comes to your site. If this code is missing from a page that a referral visits, this could cause a disconnect in tracking, meaning your affiliate will not get credit for a sale

![](https://university.spiffy.co/wp-content/uploads/2022/03/FP-Tracking.png)## Connecting your FirstPromoter account to Spiffy

You will need to have your FirstPromoter ‘Account ID’ and ‘API Key’ from your Settings>Integrations in FirstPromoter. **Head to your FirstPromoter account**, click on **‘Settings’** and click on the **‘Integrations’** tab to obtain this information.

![](https://university.spiffy.co/wp-content/uploads/2022/03/fpapiandaccount.png)Next, we will head over to Spiffy to connect the FirstPromoter Integration with this information.

In Spiffy, click on **Settings** in the bottom right menu, and select **Integrations**.

![](https://university.spiffy.co/wp-content/uploads/2023/08/Screenshot-2023-08-09-at-3.14.40-PM.png)Find and click on **FirstPromoter** from the list of available integrations

![](https://university.spiffy.co/wp-content/uploads/2022/03/SP-fpIntegration.png)Enter your FirstPromoter **Account ID** and **API Key** that you obtained from your FirstPromoter account settings.

![](https://university.spiffy.co/wp-content/uploads/2022/03/SP-EnterFPdetails.png)Click **Connect FirstPromoter**. You should see a confirmation at the top of the page, letting you know that FirstPromoter has been successfully connected.

## Install SpiffyJS code on ALL site pages

Whenever you publish a checkout, we provide you a snippet of code to install on ALL of your site pages. This is the same code for ANY checkout, so if you have installed this on your site before, you are all set.

If you have not installed the SpiffyJS code snippet on your site pages, just grab it from ANY checkout’s ‘Embed Code’ section.

Installing this code will make sure that Spiffy can pass along the information that FirstPromoter uses for tracking affiliate traffic.

## Intro to setting offers to be ‘Commissionable’

After you have connected the FirstPromoter integration, there are a few more steps to make your offers commissionable and give your affiliates commissions when purchases are made.

**Take note of the next two sections of this article**, as you will need to create Products or Subscriptions for your offers, and then enable commission tracking.

## Create Products or Subscriptions for your offers

Commissions for FirstPromoter are controlled at the product-level in Spiffy, so you’ll need to create a Single Product or Subscription Product for your offer.

[Create a Single Product](https://university.spiffy.co/subscriptions/creating-single-products.md)
[Create a Subscription Product](https://university.spiffy.co/subscriptions/creating-subscriptions.md)

## Enable Commission Tracking

After creating your Product or Subscription, you’ll need to enable commission tracking.

_For Single Products:_

1. From your Product Dashboard, select the **Product** tab
2. Scroll down to the _Pricing_ section, and turn on the **Enable Commission** toggle
3. If you have multiple product options, click **Manage** next to the one you want to enable commissions
4. Click **Save**

![](https://university.spiffy.co/wp-content/uploads/2025/05/First-Promoter-enable-commission.png)_For Subscriptions:_

1. From your Subscription Dashboard, select the **Product** tab
2. Scroll down to the _Pricing_ section, and
3. Find the subscription plan you want to enable commissions, and click **Manage**
4. In the right-side menu, turn on the **Enable Commission** toggle
5. Click **Save**

Once complete, any checkout that contains the Product or Subscription for your offer will track commissions in your FirstPromoter campaign. This includes anywhere it appears on your checkout–main offer, addon, upsell, etc.
