Salebot.pro
Search
K

Как создать Сайт

Минилендинг можно использовать как посадочную страницу в рекламе, сайт-презентацию ваших товаров и услуг, можно прикрепить к нему свой домен, настроить аналитику и пиксели. Как будет выглядеть ваш минилендинг зависит только от вашей фантазии. Создаются они в разделе Минилендинги.
Пример минилендинга можно посмотреть здесь.
При создании минилендинга автоматически создается адаптированная версия Подписной страницы для соцсети ВКонтакте.
Набор кнопок мессенджеров формируется автоматически на основании привязанных к проекту мессенджеров (ботов). Каждому мессенджеру соответствует одна кнопка независимо от того, сколько экземпляров данного вида мессенджера (бота) подключено к проекту.
В настройках можно выбрать кнопки каких мессенджеров хотите показать на минилендинге. Если к проекту подключено несколько ботов одного мессенджера в настройках минилендига можно выбрать в какого бота будет вести кнопка.
Нельзя брать ссылки с кнопок минилендингов. Они временные и привязаны к посетителю. Если вам нужны ссылки на мессенджеры, вы можете их взять в разделе минилендинги.

Создать новый минилендинг

В Salebot реализован блочный конструктор минилендингов. Создать свой уникальный лендинг можно без знания программирования.
Зайдите в раздел Минилендинги и в верхней части экрана нажмите синюю кнопку Создать минилендинг.
Откроется конструктор минилендинга с возможностью выбирать тип блока, который хотите добавить в минилендинг и кнопки с настройками и возможность перейти в предпросмотр сохраненных изменений на минилендинге.
На скриншоте выделены добавленные в минилендинг секции и поле Предварительного просмотра (1).
Настройки (2), (3), (4), (5) и (10) относятся в целом к минилендингу.
Настройки (6), (7), (8) и (9) - для конкретной секции (блока конструктора минилендингов).

Функции создания минилендингов и сайтов

1. Полноэкранный режим с возможностью форматирования текста

Для удобства редактирования минилендингов можно скрыть меню разделов проекта и открыть поле предварительного просмотра на весь экран . Для этого можно нажать на кнопку Полноэкранный режим:
Чтобы редактировать текст в полноэкранном режиме выделите текст и в верхней строке появится меню для форматирования текста:
Горячие клавиши для входа в полноэкранный режим:
Ctrl+shift+X или Cmd+shit+X

2. Предварительный просмотр

На скриншоте выше видно поле предварительного просмотра страницы, подлежащей редактированию.
В данном поле отображаются добавленные блоки и есть возможность добавить новый блок минилендинга. Все вносимые изменения сразу отображаются в поле Предварительный просмотр
Основные типы блоков можно увидеть в данной статье.

3. Предосмотр

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

4. Сохранить / Сохранить и закрыть

При клике по кнопке "Сохранить" сохраняться настройки, но редактирование данного минилендинга останется открытым, то есть данную функцию можно использовать для предварительного сохранения прогресса работы по созданию сайта/минилендинга.
При клике по кнопке "Сохранить и закрыть" внесенные изменения будут применены к минилендингу, а страница редактирования закроется. Вы вернетесь на общую страницу всех минилендингов проекта.

3. Настройки

Для перехода к общим настройкам минилендинга нажмите кнопку "Настройки", находящуюся на верхней панели страницы создания сайта, и откроется меню с разделами: Основная информация, Мессенджеры, Аналитика, CSS и JS, Автоматический пост ВК

Настройки: Основная информация

1. Название в списке минилендингов.

Здесь может быть любой ваш текст;

2. Название в ссылке.

Создано для того, чтобы вы могли указывать свою ссылку на минилендинг. По умолчанию, название генерируется автоматически из набора букв и цифр.
Требования: - могут быть использованы только латинские буквы, цифры и символ нижнего подчеркивания( _ ) - название должно быть уникальным в рамках платформы. Если его уже выбрал кто-то другой, вам его использовать уже не удастся.
К минилендингу можно подключить свой домен. Если сменить название в ссылке не получается, значит это название уже занято. Можно добавить символы или выбрать другое.

3. Название вкладки в браузере.

По умолчанию Название вкладки в браузере равно значению в поле Название минилендинга, однако данное поле можно настроить по своему усмотрению: сделать название более лаконичным или наоборот.

4. Тег

Тег - метка, которая передается в бот, как только пользователь перейдет в него по значку мессенджера. С помощью него можно запускать разные цепочки бота, не дожидаясь, пока пользователь что-то напишет. Для этого достаточно прописать тег в поле "Условие" в зеленом блоке.
Значение указанное в поле Тег будет записано в переменную клиента tag. В дальнейшем можно использовать данную переменную в аналитике воронки.
При получении сообщения, содержащего заданный тег, бот автоматически распознает его как сигнал к запуску определенного этапа воронки. Это может включать в себя отправку ответного сообщения, выполнение определенного действия на сайте или в приложении, переход к следующему этапу воронки или прекращение работы воронки в зависимости от контекста и логики схемы чат-бота.
Откройте минилендинг для редактирование. Перейдите в основные настройки минилендинга:
В разделе Основная информация укажите тег:
Пример использования тега в минилендингах.
В настройке минилендинга указан тег - реклама. Ниже скриншот настройки:
Настройки минилендинга
Пользователь на минилендинге нажимает кнопку мессенджера и переходит в него. Путь клиента на примере Telegram: - Перешел с минилендинга в Telegram:
- Нажал кнопку "Запустить"/"Старт" (зависит от устройства). Даже если клиент ранее контактировал с ботом для запуска бота с минилендинга он должен нажать кнопку Запустить. Это правила мессенджера для ботов.
- В бота вместо /start придет тег, указанный в настройках минилендинга.
- Клиенту приходит первое сообщение из воронки, запуск которой настроен на данный тег.
Пример настройки в разделе Аналитика:

5. Цвет фона минилендинга

По умолчанию, белый. Можно сделать однотонный из цветового круга (нажмите на значок Пипетка) или выбрать Градиент (выберите плитку с понравившимся градиентом).

6. Цвет контейнера с секциями

По умолчанию, белый. Можно сделать однотонный из цветового круга (нажмите на значок Пипетка) или выбрать Градиент (выберите плитку с понравившимся градиентом). Также Цвет контейнера с секциями можно сделать прозрачным. Для этого выберите плитку с черно-белыми квадратами.

7. Требовать аутентификацию из Телеграм

Эта опция позволит отсеять тех, кто пытается просто попасть на минилендинг без авторизации, но лучше включать ее после настройки всего остального, когда будете уверены что все настроено верно. После ее включения попасть на минилендинг можно только через кнопку для авторизации, которую отправляет бот (ссылка на инструкцию по кнопке для авторизации на сайте).
Прочитать подробнее про настройку авторизации (аутентификации) через бота Телеграм можно здесь:
Минилендинги
Salebot.pro
Как настроить принудительную авторизацию в минилендинге через бот

8. Доступ только по спискам

Эта опция позволяет предоставить доступ к минилендингу по наличию пользователя в определенных списках вашего проекта.

9. Скрыть надпись "Сделано в Salebot"

При необходимости надпись можно скрыть. Для этого поставьте галочку в данном чек-боксе.
Скрыть надпись "Сделано в Salebot" можно на любом платном тарифе.
Мы благодарны всем, кто оставляет надпись "Сделано в Salebot" на своих минилендингах.

10. Установление домена

Alias-запись

Наиболее приоритетным вариантом для домена является ALIAS-запись - это ресурс специального типа в системах управления DNS, который позволяет связывать несколько разных доменных имен с одним IP-адресом.
Такая запись позволит привязать ваш домен к Salebot, а также не допустить ошибок в работе сайта при изменении IP-адреса. Это значит, что в случае, если со стороны Salebot произойдет изменение IP, то работа вашего сайта никак не нарушится и он продолжит существовать без привязки к определенному айпи.
Alias-запись для сайта создается на ресурсе существования вашего домена - это может быть любой удобный для вас сервис.
Рекомендуем ознакомиться с инструкциями установления домена на стороне вашего регистратора во избежание ошибок.
Далее при установлении домена, в поле со значением передайте salebot.site
В поле значение ➡️salebot.site
При этом для домена, прикрепляемого к Salebot, не должно быть AAAA и CNAME-записей.
После создания ALIAS-запись со значением salebot.site, перейдите в раздел "Сайты", где необходимо установить ваш домен:
После нажатия на кнопку "Установить свой домен", откроется окошко, где в поле пропишите созданный вами домен:

Как создать запись А

Запись А создается в исключительном случае: если ваш регистратор домена не поддерживает создание alias-записи.
Запись А создаётся на стороне вашего домена.
Пример:
Далее в значение передайте IP - 84.201.187.29 (внутри России), международный - 188.166.193.161;
После установки записи A дождитесь, когда при переходе на домен вы увидите эту страницу. Жирным цветом будет выделен ваш домен.
Далее домен уже можно подключать к Salebot.
Для добавления домена нажмите кнопку "Установить свой домен" в созданном минилендинге.
Затем ввести свой домен и нажать Готово.
Если Вы видите ошибку "Не удалось создать сертификат", возможно вы сделали много попыток до этого. Подождите в районе часа и попробуйте снова.
На этом все. Все ссылки минилендингов будут с вашим доменом.
Подтвержденный домен работает на всех созданных Вами минилендингах
Домен будет работать по защищенному протоколу https
SSL-сертификат создается автоматически
Чтобы отключить домен, удалите его и нажмите "Готово"
Если вы видите эту ошибку, переподключите домен.

Настройки блока

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

Основные типы секций (блоков)

Все блоки для создания минилендинга имеют одинаковые разделы настроек.

1. Контент

Настройки Контента определяют тип блока:
  • Обложка: блок для добавления изображение и видео, заголовок. Доступны шаблоны для добавления обложки страницы.
  • Заголовок и текст: текстовый блок с заголовком.
  • Этапы для создания уникального дизайна сайта с хронолигией событий.
  • HTML: блок позволяет добавить на страницу HTML и CSS коды
  • Форма заявки с кнопками на мессенджеры: блок для добавления кнопок мессенджеров, вопросов, политики конфиденциальности.
  • Изображение или видео: блок для добавления картинки или видео
  • Кнопки: блок для добавления кнопок с функцией Ссылка, Телефон, email, Оплата
  • Цитата: блок для добавления цитаты
  • Список: блок с возможностью вставить нумерованные и маркированные списки
  • Выпадающий текст: блок для добавления выпадающего текста
  • Галерея: блок для добавления галереи изображений.
  • Таймер: блок для добавления таймера обратного отсчета.
Типы блоков
Типы блоков, продолжение
В данном выпадающем меню идут настройки контента, который будет использоваться на минилендинге, где Вы можете отобразить политику конфиденциальности, а также оферты.
Подробнее о настройке контента и его блоков рассказываем здесь.

2. Настройки шрифтов

В данном выпадающем меню настройки шрифтов для данного блока минилендинга:
В открывшемся окне вы видите поля, необходимые для настройки шрифтов применительно минилендинга: данные настройки схожи с панелями настройки различных текстовых редакторов.
По своему усмотрению, можно настроить как для отдельно взятых секций минилендинга либо ко всему в целом.
В четырех полях (Применяется к, Стиль, Шрифт, Начертание) могут применяться автозаполненные настройки (по умолчанию), однако в зависимости от дизайна сайта можно настроить их исключительно по своему взгляду.

3. Настройка заднего фона

На странице можно установить задний фон, используя заливку цвета, градиент или изображение. Используйте переключатель "Закрепить изображение" чтобы при прокрутке страницы оно оставалось неподвижным. С помощью этой настройке можно создать аналог анимации на странице.

4. Настройка отображения

С помощью данного меню можно настроить отображение данного блока на минилендинге и подписной ВК. А также сделать оптимизацию под любой тип устройств: настроить видимость блока в зависимости от размера экрана устройства.
У подписной страницы ВКонтакте фиксированные размеры, поэтому параметр Ширина секции и Ширина контента работать НЕ БУДУТ (значения не применятся).
Подробнее про настройки этого выпадающего меню будет рассказано в этой статье:

5. Диапазон видимости

В настройках отображения секции (блока) есть возможность указать для устройств с каким размером экрана будет отображаться текущая секция(блок). Таким образом можно для мобильных устройств сделать более адаптированную версию минилендинга. В этом поле выводится значение настройки "Диапазон видимости на устройствах"
Пример настройки в секции(блоке)
Отображение настройки в поле Предварительный просмотр.

6. Сменить положение блока на странице: выше/ниже

Если в процессе создания минилендинга появилась необходимость поменять местами блоки, достаточно нажатием по данной кнопке поднять/отпустить блок относительно соседних.

7. Копирование/удаление/добавление блока

Команда "Скопировать" помогает быстро создать точную копию блока, также при наведении компьютерной мыши на блок можно легко его удалить.
При клике по кнопке для выбора откроется список типов блока. Выберите подходящий, чтобы добавить на минилендинг новый блок.