# Affiliate landing page

### ℹ️ What is the Affiliate Landing Page?

The Affiliate Landing Page helps you:

* Introduce your affiliate program
* Explain benefits and commissions
* Encourage visitors to register as affiliates

It is usually the first page affiliates see before signing up.

<figure><img src="https://2078839253-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FvdV1PFu8mN1B3K5QZCrx%2Fuploads%2FOre0f4yXzVQ62sJAIB8E%2F2026-01-20_11-03-59.png?alt=media&#x26;token=4daa37c3-5dbe-40ae-b9da-4e7f3152ade6" alt=""><figcaption></figcaption></figure>

***

### ⚙️  How to Access the Landing Page Editor

1. Go to **Jaka Affiliate Marketing → Portals**
2. Find **Landing page**
3. Click **Customize**

You’ll enter the page editor, where changes are shown in real time.

<figure><img src="https://2078839253-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FvdV1PFu8mN1B3K5QZCrx%2Fuploads%2F4qP8Wmme7YMkVEgWeMsE%2F2026-01-20_11-12-28%20(1).png?alt=media&#x26;token=942d7bcd-6a52-4332-8ffb-1cd5e57d4719" alt=""><figcaption></figcaption></figure>

***

### ⚙️ Page Structure (Blocks)

The landing page is built using **blocks**. You can add, edit, reorder, or remove them.

Common blocks include:

* **Image with banner** – Hero section at the top
* **Image with text** – Explain benefits or program details
* **Buttons** – “Apply now”, “Join now”
* **Rich text** – Additional descriptions or notes
* **Footer** – Links, shop name, legal pages

👉 Click any block on the left panel to edit its content.

<figure><img src="https://2078839253-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FvdV1PFu8mN1B3K5QZCrx%2Fuploads%2F3fkVFzXZfsGhpth2myqB%2F2026-01-20_11-11-30.png?alt=media&#x26;token=f530c175-2233-4a89-8ea7-9417830a03dc" alt=""><figcaption></figcaption></figure>

***

### ✏️ Edit Images & Layout

Inside blocks like Image with text, you can:

* Change the image
* Adjust image position (left / right / top)
* Edit headings and descriptions
* Update button text and links

Changes appear instantly in the preview.

<figure><img src="https://2078839253-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FvdV1PFu8mN1B3K5QZCrx%2Fuploads%2FqwdLYDx3j2LfOoGcLag8%2F2026-01-20_11-13-25.png?alt=media&#x26;token=37843ef4-91df-42dd-9687-bff586e06ad4" alt=""><figcaption></figcaption></figure>

<figure><img src="https://2078839253-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FvdV1PFu8mN1B3K5QZCrx%2Fuploads%2FSZfqDjiP4vehmB3HFyXd%2F2026-01-20_11-13-43.png?alt=media&#x26;token=94075235-3db7-4a90-8866-0778edf36315" alt=""><figcaption></figcaption></figure>

***

### 🎨 Customize Page Style (Theme Settings)

Click the **🎨 Theme settings** icon to control the overall look:

You can customize:

* Page background color
* Heading & text colors
* Button colors (normal & hover)
* Fonts (Typography)
* Layout spacing
* Custom CSS (optional)

This helps match the landing page with your brand style.

<figure><img src="https://2078839253-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FvdV1PFu8mN1B3K5QZCrx%2Fuploads%2FGnlrdFFveNqxkggosXg6%2F2026-01-20_11-14-33.png?alt=media&#x26;token=ae0748fb-8648-4baa-b99b-a3d9d503054d" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
Remember to click Save after making any changes.
{% endhint %}

***

### ▶️ Tutorial video

{% embed url="<https://youtu.be/HWqREq0tROk?si=jB6Hoz8mc5mQJF3q>" %}

***