# 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="/files/ammyPuiNzeF2y3UPl1J1" 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="/files/UACIKAk0KZ8pimhgdwLJ" 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="/files/kemSfMMYN1BidPcgidVK" 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="/files/IU8uiYE2cjnoqKjlNd9d" alt=""><figcaption></figcaption></figure>

<figure><img src="/files/cQZlEZbeDNM3PFNhDdsO" 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="/files/GvDwNQxEnBPQcxTX8FyC" 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>" %}

***


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.jaka.app/shopify/pages-and-links/affiliate-landing-page.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.