Setup Affiliate V2 in WooCommerce

Introduction

In this article, you will learn how to setup Affiliate V2 to your store in WooCommerce

Here are the steps to setup Affiliate V2 in WooCommerce:

Step 1: Go to WooCommerce store >> Pages >> All pages >>Click or Add New or Edit button

Step 2: Copy the below code and paste the code. Pass dynamic data in the below HTML.

<div id="aio-affiliate-app"data-customer-id=" pass customer.id"data-customer-email="pass customer.email"data-shop-url="pass shop.permanent_domain"data-shop-name="pass shop.name"style="min-height:400px;display:none"class="aio-affiliate-block-width"></div><script>const affiliateAppDiv = document.getElementById("aio-affiliate-app");const script = document.createElement("script");const aioAffiliatev2Version = new Date().getTime();script.src = `https://static.aitrillion.com/aio-script/aio-affiliate-prod.js?v=${aioAffiliatev2Version}`;script.defer = true;affiliateAppDiv.appendChild(script);</script><style>.aio-affiliate-block-width {width: 100%;text-align: center;}.aio-affiliate-block-width .aio-app-container {width: 1200px;max-width: 100%;margin-left: auto;margin-right: auto;padding-left: 15px;padding-right: 15px;padding-top: 15px;padding-bottom:15px;display: inline-block;text-align: left;}</style>

Step 3: Set both data-shop-url and data-shop-name to your store URL - yourstoreURL.com.
For data-customer-id and data-customer-email, pass the dynamic customer id and email.

Now, the Affiliate program will be visible to the front store