# Embed your affiliate portal into the store

A tutorial video can be found here:

{% embed url="<https://www.youtube.com/watch?v=IxPYiIKgW8w>" %}

### **Step 1: Create a Shopify page template**

Go to **Settings** > **Affiliate portal** > **Embed into your store** in the app. This will redirect you to your **Shopify theme editor**.

<figure><img src="https://1262132294-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F8I1FvDPwi1VP7QixsjAS%2Fuploads%2FCqXOyQT8Na6jncWSUM2K%2Fimage.png?alt=media&#x26;token=647550d0-73a5-4e91-92d5-318dd63de23d" alt=""><figcaption></figcaption></figure>

In the theme editor, navigate to **Pages** > **Create template**.

<figure><img src="https://1262132294-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F8I1FvDPwi1VP7QixsjAS%2Fuploads%2FghvmR1uEJzkK1aVSZ7HY%2Fimage.png?alt=media&#x26;token=006bf65f-fc8c-46bf-9f9d-f81255b1e06e" alt=""><figcaption></figcaption></figure>

<figure><img src="https://1262132294-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F8I1FvDPwi1VP7QixsjAS%2Fuploads%2F7VGdGWbUBVxcvE59svzf%2Fimage.png?alt=media&#x26;token=a31d167f-e706-489f-9560-8e89876d74e1" alt=""><figcaption></figcaption></figure>

Enter a name for your new template (e.g., *Become an affiliate*). Choose **Default page** as the base, then click **Create template**.

<figure><img src="https://1262132294-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F8I1FvDPwi1VP7QixsjAS%2Fuploads%2FfNK5GtHEGlbjK9Ci5Nf4%2Fimage.png?alt=media&#x26;token=ad11c6b3-b208-4ef0-966b-ce3366b276fd" alt=""><figcaption></figcaption></figure>

If needed, **hide the Default page section** to make the page blank.

Go to **Add section** > **Apps**, then select the **BixGrow signup page** template. Adjust the page’s margins as necessary.

<figure><img src="https://1262132294-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F8I1FvDPwi1VP7QixsjAS%2Fuploads%2FHkkicEWZvLkDiPVV7Kil%2Fimage.png?alt=media&#x26;token=f5b0f658-13c2-4ee1-a59c-a0e1bf0f5bae" alt=""><figcaption></figcaption></figure>

Click the **app block’s name** to access optional settings:

<figure><img src="https://1262132294-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F8I1FvDPwi1VP7QixsjAS%2Fuploads%2FKTEcPrWKKFYPhAsiXZ59%2Fimage.png?alt=media&#x26;token=6ab8a237-4875-4fc4-afcb-2794c25c885f" alt=""><figcaption></figcaption></figure>

Select the affiliate **program sign-up link** to display on the page. This is useful if you have multiple programs and wish to embed a different page from the default one.

Click **Save** to apply your changes.

<figure><img src="https://1262132294-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F8I1FvDPwi1VP7QixsjAS%2Fuploads%2FFIvyW9TNIb4kLOjv57Zu%2Fimage.png?alt=media&#x26;token=b795ce4d-587c-451a-a7b6-6bbff8ba5c59" alt=""><figcaption></figcaption></figure>

### **Step 2: Add a Shopify Page Using the Created Template**

Go to your **Shopify admin** > **Online store** > **Pages,** click **Add page**.

<figure><img src="https://1262132294-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F8I1FvDPwi1VP7QixsjAS%2Fuploads%2Fv0PD7McW5HOU9c7jmlh3%2Fimage.png?alt=media&#x26;token=2a591c6b-404a-44d0-bd25-79b32e197276" alt=""><figcaption></figcaption></figure>

Enter a title for your page (e.g., *Become an affiliate*).

<figure><img src="https://1262132294-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F8I1FvDPwi1VP7QixsjAS%2Fuploads%2FJaa7t8utOdcrjzEYb7vm%2Fimage.png?alt=media&#x26;token=c6db10d5-fe08-416d-9bec-8c035d10eba6" alt=""><figcaption></figcaption></figure>

Under **Theme template**, choose the template you just created and then click **Save**.

### **Step 3: Add the created page to your store's menu**

Navigate to **Shopify admin** > **Content** > **Menus**.

Click on the **menu** where you'd like to display the page (e.g., Main Menu or Footer Menu).

<figure><img src="https://1262132294-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F8I1FvDPwi1VP7QixsjAS%2Fuploads%2F1ifT5YLiSgSVwyr0Sc7S%2Fimage.png?alt=media&#x26;token=a6909e35-03b0-475d-99c8-e6423a382add" alt=""><figcaption></figcaption></figure>

Click **Add menu item**:

<figure><img src="https://1262132294-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F8I1FvDPwi1VP7QixsjAS%2Fuploads%2FuWAMUC4oEmHB6Yt2f7N7%2Fimage.png?alt=media&#x26;token=9fdac2ca-da65-43b6-b1e6-7ecdf5fe8fef" alt=""><figcaption></figcaption></figure>

Enter a name for the menu item (e.g., *Affiliate Program*). Under **Link**, select **Pages** > **\[Your created page]**

<figure><img src="https://1262132294-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F8I1FvDPwi1VP7QixsjAS%2Fuploads%2FHlIC9NiRpxDCOVyjIcZs%2Fimage.png?alt=media&#x26;token=13a002f8-a1e4-4991-ad7e-360165289739" alt=""><figcaption></figcaption></figure>

Click **Add**, then click **Save** to confirm.&#x20;

This is a sample **Affiliate sign-up page** that is displayed directly on the storefront:

<figure><img src="https://1262132294-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F8I1FvDPwi1VP7QixsjAS%2Fuploads%2FUUtEDGP3p9DyBzttqSZ3%2Fimage.png?alt=media&#x26;token=045597d1-aabb-4c1e-878f-cd39a46d18d3" alt=""><figcaption></figcaption></figure>

### Step 4: Link the Embedded Signup & Landing Pages (Optional)

By default, clicking the **Sign Up** button in your affiliate portal will redirect users to the **default sign-up page**.

To change this to the **embedded version**, first you copy the **link to the embedded sign-up page** (created in Step 2)

<figure><img src="https://1262132294-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F8I1FvDPwi1VP7QixsjAS%2Fuploads%2Fq4pzrCh6T46b4VyPkvZu%2Fimage.png?alt=media&#x26;token=4c30507a-7835-47f3-8fd0-0b86cb2df778" alt=""><figcaption></figcaption></figure>

Repeat the same steps to embed **Landing page** to your store.&#x20;

<figure><img src="https://1262132294-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F8I1FvDPwi1VP7QixsjAS%2Fuploads%2FFe6BKxBRvRR7NGONChPx%2Fimage.png?alt=media&#x26;token=e2cb8c92-00e8-42d8-a377-5afb43676326" alt=""><figcaption></figcaption></figure>

In the app settings, paste the link copied into the **Sign-up button’s link** field.

<figure><img src="https://1262132294-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F8I1FvDPwi1VP7QixsjAS%2Fuploads%2F60slgjkfC0W8PDVgImH8%2Fimage.png?alt=media&#x26;token=576742a6-bdff-4dce-beba-2f08f0bb8861" alt=""><figcaption></figcaption></figure>

This ensures users stay on your storefront when signing up.
