> For the complete documentation index, see [llms.txt](https://help.chatterfy.ai/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://help.chatterfy.ai/tracker/funkcional-tracker/landings.md).

# Landings

## Для создания лендинга для начала откройте основное меню и перейдите в раздел трекера&#x20;

1\. Перейдите в раздел трекера&#x20;

![](https://ajeuwbhvhr.cloudimg.io/colony-recorder.s3.amazonaws.com/files/2024-10-16/54ef55d6-020a-4889-9a8c-8b824a301d41/user_cropped_screenshot.jpeg?tl_px=0,0\&br_px=1719,961\&force_format=jpeg\&q=100\&width=1120.0\&wat=1\&wat_opacity=1\&wat_gravity=northwest\&wat_url=https://colony-recorder.s3.amazonaws.com/images/watermarks/EAB308_standard.png\&wat_pad=520,12)

2\. Нажмите на Landings (Лендинги)&#x20;

![](https://ajeuwbhvhr.cloudimg.io/colony-recorder.s3.amazonaws.com/files/2024-10-16/f7323c1b-7aeb-4394-9afb-cb1de2f6eb21/user_cropped_screenshot.jpeg?tl_px=130,0\&br_px=1850,876\&force_format=jpeg\&q=100\&width=1120.0\&wat=1\&wat_opacity=1\&wat_gravity=northwest\&wat_url=https://colony-recorder.s3.amazonaws.com/images/watermarks/EAB308_standard.png\&wat_pad=524,74)

3\. Для создания нового лендинга нажмите "Create Landings" (Создать лендинг)

![](https://ajeuwbhvhr.cloudimg.io/colony-recorder.s3.amazonaws.com/files/2024-10-16/c384e700-79c8-4b17-9998-dd9c33efc4f6/user_cropped_screenshot.jpeg?tl_px=746,0\&br_px=2466,961\&force_format=jpeg\&q=100\&width=1120.0\&wat=1\&wat_opacity=1\&wat_gravity=northwest\&wat_url=https://colony-recorder.s3.amazonaws.com/images/watermarks/EAB308_standard.png\&wat_pad=926,225)

4\. В разделе General (общая настройка), задайте:<br>

* Name = (внутреннее обозначение)
* Description = описание, которое будет отображаться&#x20;

![](https://ajeuwbhvhr.cloudimg.io/colony-recorder.s3.amazonaws.com/files/2024-10-16/5aa04d23-0a14-4853-9575-7a8515ca11f6/user_cropped_screenshot.jpeg?tl_px=0,22\&br_px=1719,983\&force_format=jpeg\&q=100\&width=1120.0\&wat=1\&wat_opacity=1\&wat_gravity=northwest\&wat_url=https://colony-recorder.s3.amazonaws.com/images/watermarks/EAB308_standard.png\&wat_pad=150,276)

5\. Для настройки страницы перейдите в Page Settings&#x20;

* Title = название&#x20;
* Members text = условное обозначение (например, слово "subscribers")
* Members count = количество участников&#x20;
* Download text = авто кнопка в верхнем углу экрана&#x20;
* Open button text = текст кнопки перехода

<figure><img src="/files/ac82ITxL0uWzSL81z8vd" alt=""><figcaption></figcaption></figure>

6\.  В Custom Code вы можете использовать:

* CSS = добавление блоков и передвижение кнопок&#x20;
* JS = добавление динамики, внедрение трекера на страницу (просмотр промежуточных действий пользователя на странице)

![](https://ajeuwbhvhr.cloudimg.io/colony-recorder.s3.amazonaws.com/files/2024-10-16/23d76a6d-ccff-432f-91a9-3759fae4d688/user_cropped_screenshot.jpeg?tl_px=0,7\&br_px=1719,968\&force_format=jpeg\&q=100\&width=1120.0\&wat=1\&wat_opacity=1\&wat_gravity=northwest\&wat_url=https://colony-recorder.s3.amazonaws.com/images/watermarks/EAB308_standard.png\&wat_pad=428,277)

Затем нажмите "Save" (Сохранить)  ✅

### Для превью готового лендинга вернитесь в раздел Page Settings (Настроек страницы)

<figure><img src="/files/9AdnvnNcjLY4SFmOYwJK" alt=""><figcaption></figcaption></figure>

### Добавление кастомного лендинга&#x20;

Теперь вы можете легко привязать свой собственный лендинг – всего за пару кликов!

1\. Перейдите в раздел Трекера&#x20;

<figure><img src="/files/heFVppWNrYJkWNpb7sj6" alt=""><figcaption></figcaption></figure>

2\. Нажмите на Landings&#x20;

<figure><img src="/files/4U53Cm7S4irUN6Ieac7K" alt=""><figcaption></figcaption></figure>

3\. Нажмите на кнопку справа сверху "Create Landing" (Создать лендинг)

<figure><img src="/files/4bhBjiAZvYjJkqjBOSRb" alt=""><figcaption></figcaption></figure>

4\. Внутри создания лендинга в поле **Name** введите название вашего лендинга **(внутреннее обозначение)**

<figure><img src="/files/3VewuI3grYNw0T37qHwd" alt=""><figcaption></figcaption></figure>

5\. Перейдите в раздел Page Settings и выберите Custom

<figure><img src="/files/sfe5POisF6sGJkwQArE0" alt=""><figcaption></figcaption></figure>

6\. Нажмите на Upload Archive и **загрузите Архив zip**

{% hint style="warning" %}
Для работы с кастомными лендингами необходимо загрузить архив в формате ZIP, содержащий файл **index.html !!!**
{% endhint %}

{% hint style="info" %}
Необходимо добавить кнопку для перехода в Telegram, указав атрибут **tracker** у соответствующего элемента.&#x20;

И таких элементов может быть сколько угодно, а именно теперь можно хендлить любое количество кнопок
{% endhint %}

```
<a tracker>test</a>
```

<figure><img src="/files/rncmtQ6ivEwDQxYyXIth" alt=""><figcaption></figcaption></figure>

## FAQ - Часто задаваемые вопросы 📍

### 1) Как настроить обработку ссылки ботом?

{% hint style="info" %}
Если вы вручную создали инвайт-ссылку в канал и вставили её в лендинг, чтобы бот обработал эту ссылку, нужно создать источник в кампании с типом *telegram* и указать эту инвайт-ссылку.
{% endhint %}

{% hint style="warning" %}
Если тип источника (Source)  *Facebook,* то инвайт-ссылки создаются с нашей стороны.&#x20;
{% endhint %}

### 2) Есть ли возможность добавления мультикнопок?&#x20;

{% hint style="warning" %}
На данный момент апдейт еще не вышел, подождите пока мы реализуем поддержку мультикнопок 😉
{% endhint %}


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## 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, and the optional `goal` query parameter:

```
GET https://help.chatterfy.ai/tracker/funkcional-tracker/landings.md?ask=<question>&goal=<endgoal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

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.
