Admin: Website (JS Pixel) Integration

What Is JS Pixel?

Website (JS Pixel) is for tracking conversions on your own website using a JavaScript snippet. When a visitor lands on your site after clicking an affiliate link, the pixel fires when a conversion happens (e.g. purchase). No server-side integration is required — you only add the code to your site.

Where You Configure It

All integration methods live in the campaign form, under the Integration Setup tab. Use the AffiliatePro application admin (where you manage campaigns), not WordPress admin.

How to Open the Form and Choose JS Pixel

1. Log in to the AffiliatePro application admin.
2. In the top bar, open the Marketing dropdown → click Campaigns.
3. On the Campaigns page you will see four campaign type cards: Banner Campaign, Text Campaign, Link Campaign, Video Campaign. Click Create New on any card to create a campaign, or click the Edit button on an existing campaign to open it.
4. In the General Settings tab, fill in the Campaign Name and set the Tool Type (what is tracked: Sale Integration, Single Action Integration, Multi Action Integration, or Click Integration). Add the Target URL and other settings.
5. Click the Integration Setup tab (plug icon).
6. Under Choose Your Integration Method, click the Website (JS Pixel) card.

After selecting JS Pixel, the form shows the flow and a green notice: JS Pixel Integration is Ready. If the campaign is already saved, a View Integration Code button appears. If not yet saved, the form shows: "Save this campaign first to generate the integration code."

How the Flow Works

1. Visitor clicks the affiliate link.
2. Visitor lands on your website.
3. The JS pixel fires on the page.
4. Conversion is tracked.
5. Commission is recorded.

What to Do After Selecting JS Pixel

1. Fill in the General Settings tab (Campaign Name, Tool Type, Target URL) if you have not already.
2. Click Save (stays on the form) — this generates the integration code. The View Integration Code button will now appear in the Integration Setup tab.
3. Click View Integration Code to open the code modal. Copy the JavaScript snippet and add it to your website (e.g. the thank-you or checkout success page) so it runs when a conversion happens.
4. Once done, you can click Save & Close to return to the Campaigns list.

You can also access the integration code at any time from the form footer using the Get Code button (available on any existing campaign).

Quick Access from the Campaigns List

In the Campaigns table, JS Pixel campaigns show a JS Pixel badge in the Integration Status column. Click the code icon button next to the badge to open the integration code modal directly — without entering the full form.