# Голосование на сайте

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

Если вам необходимо повысить взаимодействие со своими клиентами, а также узнать их мнение и понять, в какую сторону необходимо развивать свой бизнес-проект, то одним из действенных инструментов является безусловно опрос аудитории.

Голосование на сайте поможет узнать реальный процент "живых" пользователей страницы и увеличить целевую аудиторию с помощью сбора данных клиентов через привязку телеграм-бота.

## Создание сайта

### Основные настройки

Чтобы создать сам каркас сайта, на который будут накладываться блоки контента, перейдите во вкладку "Ответы форм" и нажмите кнопку "Создать форму":

<figure><img src="/files/ATC1h2lQY6DutuvTfA6z" alt="" width="563"><figcaption><p>Рис. 1</p></figcaption></figure>

Далее вы перейдете на страницу создания сайта с уже созданным шаблоном опроса.&#x20;

Здесь нам необходимо перейти в настройки и указать в полях название сайта, название в ссылке:

<div><figure><img src="/files/XTkoCI6JLJWl2KIly6RZ" alt="" width="563"><figcaption><p>Рис. 2</p></figcaption></figure> <figure><img src="/files/QESSXoK3ovRMKvhGjZlH" alt=""><figcaption><p>Рис. 3</p></figcaption></figure></div>

Поле с названием в списке отобразится в списке уже созданных сайтов - так вам будет удобнее просматривать, прежде всего, просматривать получаемые данные с опроса во вкладке "Ответы форм".

Название в ссылке отобразит название сайта в адресной строке браузера:

<figure><img src="/files/8xJ8f4hWarZzjngP99UG" alt=""><figcaption><p>Рис. 4</p></figcaption></figure>

Следующее поле покажет название во вкладке браузера:

<figure><img src="/files/vXPufu4eTVEQnhpMchnC" alt=""><figcaption><p>Рис. 5</p></figcaption></figure>

{% hint style="info" %}
Подробнее об иных настройках сайта читайте в статье "[Как создать сайт](broken://pages/SVmo5FWy8HXy0n1EdOSO)".
{% endhint %}

### Блоки контента сайта

Непосредственно контент сайта, на основе которого будет вестись голосование, можно внедрить как отдельным блоком, например, "Текст", "Изображение" и др., так и в универсальном блоке.&#x20;

На данном этапе мы будем использовать именно универсальный блок по ряду причин:

1. В нем можно разместить любое количество фотографий (в вашем случае, это может видео или другие элементы, которые должны быть вынесены на голосование);
2. Помимо самих фотографий в универсальный блок можно вставить такие элементы, как текст, фигуру, аккордеон и т.д.

<figure><img src="/files/kzQi9egxAttBzTrJommN" alt="" width="204"><figcaption><p>Рис. 6</p></figcaption></figure>

3. Универсальный блок можно адаптировать под любое устройство: экран компьютера, планшета, смартфона.
4. Универсальный блок также можно обрабатывать по высоте, что позволит туда добавить достаточное количество контента.&#x20;

{% hint style="success" %}
Подробнее о возможностях [универсального блока ](broken://pages/xyl8etc4OH0St6lV8bto)читайте в одноименной статье.
{% endhint %}

Создаем универсальный блок:

<figure><img src="/files/LpoEbEuSl6dzEJB6Kgrt" alt="" width="526"><figcaption><p>Рис. 7</p></figcaption></figure>

После клика на блок, расположите нужные вам элементы в необходимом порядке. Для этого нажмите на "Добавить элемент" (см. рис 6).&#x20;

Например, добавим изображение:

<div><figure><img src="/files/aOoIystctv7gQgw67ifT" alt="" width="563"><figcaption><p>Рис. 8</p></figcaption></figure> <figure><img src="/files/nyR9XK7lJHvcTLHGWnFd" alt=""><figcaption><p>Рис. 9</p></figcaption></figure></div>

И расположите элемент в необходимом месте универсального блока.&#x20;

Далее можно добавить необходимое количество элементов внутри универсального блока.&#x20;

Например, текст:

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

После того, как вы расположили элементы универсального блока в нужном вам порядке, перейдите к адаптации сайта под устройства:

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

В данном случае все элементы, которые вы добавили в блок, присутствуют для каждого масштаба экрана. Удаление одного из них в любом масштабе приведет к удалению на основном экране.

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

Блок контента, где будут выставлены элементы для голосования, также создадим с помощью универсального блока: для этого добавьте еще один блок с помощью данной функции:

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

Для этого жмите на плюс и добавляйте необходимые блоки контента сайта: ограничений для добавления блока определенного вида нет - можно составить сайт, например, добавив несколько блоков одного типа.

После чего в настройках нового универсального блока расположим наши элементы для голосования:

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

Затем адаптируем наш универсальный блок под каждое устройство:

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

Теперь наш контент полностью готов. Давайте перейдем к созданию формы опроса.&#x20;

### Форма опроса

Поскольку мы изначально создали сайт с формой опроса, на сайте уже есть блок с формой опроса.&#x20;

Теперь нам остается заполнить форму с голосованием. Для этого перейдите в настройки блока формы опроса:

<figure><img src="/files/NXGY7eI6I73MyNLPnuH3" alt="" width="563"><figcaption></figcaption></figure>

Далее создадим вопрос, в котором перечислим наименование фотографий, вынесенных на конкурс:

<figure><img src="/files/KLam6ZSFly9pUyw4GQKv" alt="" width="563"><figcaption></figcaption></figure>

В поле переменной пропишите необходимое значение переменной, в противном случае вы не сможете заполнить вопросы.&#x20;

Далее выбираем чекбокс "Форма опроса":

<figure><img src="/files/nvBrlC7nGFdjpvVqc4nz" alt="" width="410"><figcaption></figcaption></figure>

Теперь пропишем уведомление о том, что голосование было учтено:

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

После того, как вы установили необходимые настройки, можно перейти к привязке телеграм-бота к вашему сайту для авторизации при отправке голоса.

## Авторизация на сайте перед отправкой формы

Чекбокс "Требовать авторизацию через Telegram":

<figure><img src="/files/kytvrxXsS2ihRHSBCZvY" alt="" width="563"><figcaption></figcaption></figure>

Для начала привяжем домен к подключенному в проекте Telegram-боту.&#x20;

Шаг 1. Перейдите в BotFather, в котором вы создавали своего телеграм-бота:

<figure><img src="/files/693kmkAYz0ZMzjfGjBZy" alt=""><figcaption></figcaption></figure>

Шаг 2. Выберите телеграм-бота, которого Вам необходимо подключить к сайту, и кликните на него:

<figure><img src="/files/BJb9j5eFPzp9ZMwQkGRv" alt="" width="563"><figcaption></figcaption></figure>

Шаг 3. Перейдите в настройки телеграм-бота:

<figure><img src="/files/jaP3Nk8Hf8IrgNDNxAp8" alt="" width="517"><figcaption></figcaption></figure>

Шаг 4. В настройках бота перейдите к домену:

<figure><img src="/files/WnamDFF0UuTyMGGOiPyO" alt="" width="441"><figcaption></figcaption></figure>

Шаг 5. Кликните на "Установить домен"&#x20;

<figure><img src="/files/KLcteuZl73iEoylNx4uR" alt="" width="563"><figcaption></figcaption></figure>

{% hint style="info" %}
Если вы уже подключали домен к боту либо Вам понадобится установить новый домен к тому же боту, вместо кнопки "Set domain" будет - "Reset domain".&#x20;
{% endhint %}

Шаг 6. Отправьте боту домен, который хотите подключить к телеграм-боту: для этого в поле строки сообщения введите домен:&#x20;

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

Это может быть как ваш личный домен, который вы получали в регистраторе доменных имен, либо вида [https://sbsite.pro/](https://salebot.site/).&#x20;

На данном этапе привязка домена завершена.&#x20;

После привязки домена к боту, активируйте в настройках формы чекбокс "Требовать авторизацию через Telegram перед отправкой формы":

<figure><img src="/files/aNRsj4ZsLPPKFdIRgvcr" alt="" width="547"><figcaption></figcaption></figure>

Готово! Теперь перед отправкой формы пользователю будет показано модальное окно с авторизацией через Telegram:

<figure><img src="/files/2IIO9wY0JfgLzwarZqGR" alt=""><figcaption></figcaption></figure>

После того как пользователь авторизуется через Telegram и отдаст свой голос, в разделе клиенты от каждого зарегистрированного пользователя придет уведомление следующего вида:

<figure><img src="/files/PpbosE1eEeKyyH8U2XAk" alt="" width="478"><figcaption></figcaption></figure>

Далее можно настроить ответное сообщение через бот клиенту, используя указанное уведомление.&#x20;

Для этого перейдите в конструктор, где необходимо создать блок с условием (например, первостепенная проверка условия):

<figure><img src="/files/L0d2br5vUgYpBM2uuPnW" alt="" width="395"><figcaption></figcaption></figure>

Далее укажите текст уведомления в условии, выберите тип соответствия "По наличию ключевых слов".

После чего пропишите сообщение.&#x20;

Готово! Вы успешно создали свой сайт с голосованием и привязали к нему Telegram-бота.&#x20;


---

# 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.salebot.pro/websites/builder/sekcii-bloki/sekciya-forma/golosovanie-na-saite.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.