Initial Setup
Payments
Stripe
Rewardful - Affiliate Program

Rewardful Integration - Affiliates and Referrals

Rewardful is a powerful affiliate and referral marketing platform that helps you grow your business through partnerships. With Rewardful, you can easily create, manage, and track affiliate and referral programs for your business.

In this guide, we'll show you how to integrate Rewardful with your Next.js application. We'll cover how to set up Rewardful, create affiliate and referral programs, and track conversions in your Next.js application.

Prerequisites

Before you get started, you'll need to sign up for a Rewardful account. You can sign up for a free trial at Rewardful (opens in a new tab).

Setting up Rewardful

Once you've signed up for a Rewardful account, you'll need to set up your account and create an affiliate and referral program.

  1. Log in to your Rewardful account.

  2. Click on the "Settings" tab in the left sidebar.

  3. Under the "General" tab, you can configure your account settings, such as your company name, website URL, and default currency.

  4. Under the "Affiliate Program" tab, you can configure your affiliate program settings, such as the commission rate, cookie duration, and referral link format.

  5. Under the "Referral Program" tab, you can configure your referral program settings, such as the reward amount, reward type, and referral link format.

  6. Once you've configured your account settings, affiliate program, and referral program, you're ready to integrate Rewardful with your Next.js application.

Integrating Rewardful with Next.js

To integrate Rewardful with your Next.js application, you'll need to add the Rewardful tracking code to your application. The tracking code allows Rewardful to track conversions and attribute them to the correct affiliate or referral.

  1. Log in to your Rewardful account.

  2. Click on the "Settings" tab in the left sidebar.

  3. Under the "Installation" tab, you'll find your Rewardful tracking code. Copy the tracking code to your clipboard.

  4. Update the .env file in your Next.js application with your Rewardful API key.

NEXT_PUBLIC_REWARDFUL_API_KEY=your-api-key

After that update the link in the navbar src/components/layout/Navbar.tsx to include the affiliate or referral tracking code.

{
		label: "Refferal Program",
		href: "https://your-affiliate-code.rewardful.com/affiliates/signup",
},

Replace your-affiliate-code with your affiliate or referral code.

Tracking Conversions

Once you've integrated Rewardful with your Next.js application, you can start tracking conversions. When a user makes a purchase or signs up for your service, Rewardful will track the conversion and attribute it to the correct affiliate or referral.

SubscriptionsBlog Setup