Как создать Сайт
Last updated
Last updated
Сайт можно использовать как посадочную страницу в рекламе, презентацию ваших товаров и услуг, можно прикрепить к нему свой домен, настроить аналитику и пиксели. Как будет выглядеть ваш сайт зависит только от вашей фантазии. Создаются они в разделе Минилендинги.
Пример минилендинга можно посмотреть здесь.
При создании минилендинга автоматически создается адаптированная версия Подписной страницы для соцсети ВКонтакте.
Набор кнопок мессенджеров формируется автоматически на основании привязанных к проекту мессенджеров (ботов) при клике на кнопку "Создать форму" (рассказали ниже). Каждому мессенджеру соответствует одна кнопка независимо от того, сколько экземпляров данного вида мессенджера (бота) подключено к проекту.
В настройках можно выбрать кнопки каких мессенджеров хотите показать на минилендинге. Если к проекту подключено несколько ботов одного мессенджера в настройках минилендига можно выбрать в какого бота будет вести кнопка.
Нельзя брать ссылки с кнопок минилендингов. Они временные и привязаны к посетителю. Если вам нужны ссылки на мессенджеры, вы можете их взять в разделе минилендинги.
В Salebot реализован блочный конструктор сайтов. Создать свой уникальный лендинг можно без знания программирования.
Зайдите в раздел Сайты и в верхней части экрана нажмите синюю кнопку Создать.
Вам откроется выпадающее меню с выбором создания сайта или формы:
1) Создать сайт:
При клике на кнопку "Создать" откроется окно с возможностью выбора шаблонов:
Можно выбрать как пустой шаблон, если вы хотите собрать сайт с нуля, либо готовое решение, где вам достаточно применить минимальные настройки (вставить свой текст, изображения и т.д.).
2) Создать форму:
Создается сайт с уже установленным в него блоком с формой.
Как создавать форму и работать с ней, рассказали в разделе "Ответы форм"
После того как вы выбрали создание сайта (например, из пустого шаблона), откроется конструктор сайта с выбором типов блоков, которые необходимо добавить, и возможностью перейти в предпросмотр сохраненных изменений на минилендинге.
Для удобства редактирования минилендингов можно скрыть меню разделов проекта и открыть поле предварительного просмотра на весь экран . Для этого можно нажать на кнопку Полноэкранный режим:
Чтобы редактировать текст в полноэкранном режиме выделите текст и в верхней строке появится меню для форматирования текста:
Горячие клавиши для входа в полноэкранный режим:
Ctrl+shift+X
или Cmd+shit+X
На скриншоте выше видно поле предварительного просмотра страницы, подлежащей редактированию.
В данном поле отображаются добавленные блоки и есть возможность добавить новый блок минилендинга. Все вносимые изменения сразу отображаются в поле Предварительный просмотр
Основные типы блоков можно увидеть в данной статье.
После сохранений внесенных изменений, при нажатии на кнопку "Предпросмотр", вас перенесет на созданную вами страницу сайта/минилендинга или в Вконтакте на подписную страницу, где вы наглядно увидите, как выглядит ваш проект для пользователей и решить, какие еще необходимо внести изменения.
При клике по кнопке "Сохранить" сохраняться настройки, но редактирование данного минилендинга останется открытым, то есть данную функцию можно использовать для предварительного сохранения прогресса работы по созданию сайта/минилендинга.
При клике по кнопке "Сохранить и закрыть" внесенные изменения будут применены к минилендингу, а страница редактирования закроется. Вы вернетесь на общую страницу всех минилендингов проекта.
Для перехода к общим настройкам минилендинга нажмите кнопку "Настройки", находящуюся на верхней панели страницы создания сайта, и откроется меню с разделами: Основная информация, Мессенджеры, Аналитика, CSS и JS, Автоматический пост ВК
Здесь может быть любой ваш текст;
Создано для того, чтобы вы могли указывать свою ссылку на минилендинг. По умолчанию, название генерируется автоматически из набора букв и цифр.
Требования: - могут быть использованы только латинские буквы, цифры и символ нижнего подчеркивания( _ ) - название должно быть уникальным в рамках платформы. Если его уже выбрал кто-то другой, вам его использовать уже не удастся.
К минилендингу можно подключить свой домен. Если сменить название в ссылке не получается, значит это название уже занято. Можно добавить символы или выбрать другое.
По умолчанию Название вкладки в браузере равно значению в поле Название минилендинга, однако данное поле можно настроить по своему усмотрению: сделать название более лаконичным или наоборот.
Тег - метка, которая передается в бот, как только пользователь перейдет в него по значку мессенджера. С помощью него можно запускать разные цепочки бота, не дожидаясь, пока пользователь что-то напишет. Для этого достаточно прописать тег в поле "Условие" в зеленом блоке.
Значение указанное в поле Тег будет записано в переменную клиента tag. В дальнейшем можно использовать данную переменную в аналитике воронки.
При получении сообщения, содержащего заданный тег, бот автоматически распознает его как сигнал к запуску определенного этапа воронки. Это может включать в себя отправку ответного сообщения, выполнение определенного действия на сайте или в приложении, переход к следующему этапу воронки или прекращение работы воронки в зависимости от контекста и логики схемы чат-бота.
Откройте минилендинг для редактирование. Перейдите в основные настройки минилендинга:
В разделе Основная информация укажите тег:
Пример использования тега в минилендингах.
В настройке минилендинга указан тег - реклама. Ниже скриншот настройки:
Пользователь на минилендинге нажимает кнопку мессенджера и переходит в него. Путь клиента на примере Telegram: - Перешел с минилендинга в Telegram:
- В бота вместо /start придет тег, указанный в настройках минилендинга.
- Клиенту приходит первое сообщение из воронки, запуск которой настроен на данный тег.
Пример настройки в разделе Аналитика:
По умолчанию, белый. Можно сделать однотонный из цветового круга (нажмите на значок Пипетка) или выбрать Градиент (выберите плитку с понравившимся градиентом).
Эта опция позволит отсеять тех, кто пытается просто попасть на минилендинг без авторизации, но лучше включать ее после настройки всего остального, когда будете уверены что все настроено верно. После ее включения попасть на минилендинг можно только через кнопку для авторизации, которую отправляет бот (ссылка на инструкцию по кнопке для авторизации на сайте).
Прочитать подробнее про настройку авторизации (аутентификации) через бота Телеграм можно здесь:
Эта опция позволяет предоставить доступ к минилендингу по наличию пользователя в определенных списках вашего проекта.
При необходимости надпись можно скрыть. Для этого поставьте галочку в данном чек-боксе.
Скрыть надпись "Сделано в Salebot" можно на любом платном тарифе.
Мы благодарны всем, кто оставляет надпись "Сделано в Salebot" на своих минилендингах.
Наиболее приоритетным вариантом для домена является ALIAS-запись - это ресурс специального типа в системах управления DNS, который позволяет связывать несколько разных доменных имен с одним IP-адресом.
Такая запись позволит привязать ваш домен к Salebot, а также не допустить ошибок в работе сайта при изменении IP-адреса. Это значит, что в случае, если со стороны Salebot произойдет изменение IP, то работа вашего сайта никак не нарушится и он продолжит существовать без привязки к определенному айпи.
Alias-запись для сайта создается на ресурсе существования вашего домена - это может быть любой удобный для вас сервис.
Рекомендуем ознакомиться с инструкциями установления домена на стороне вашего регистратора во избежание ошибок.
Далее при установлении домена, в поле со значением передайте salebot.site
При этом для домена, прикрепляемого к Salebot, не должно быть AAAA и CNAME-записей.
После создания ALIAS-запись со значением salebot.site, перейдите в раздел "Сайты", где необходимо установить ваш домен:
После нажатия на кнопку "Установить свой домен", откроется окошко, где в поле пропишите созданный вами домен:
Запись А создается в исключительном случае: если ваш регистратор домена не поддерживает создание alias-записи.
Запись А создаётся на стороне вашего домена.
Пример:
Далее в значение передайте IP - 84.201.187.29 (внутри России), международный - 188.166.193.161;
После установки записи A дождитесь, когда при переходе на домен вы увидите эту страницу. Жирным цветом будет выделен ваш домен.
Далее домен уже можно подключать к Salebot.
Для добавления домена нажмите кнопку "Установить свой домен" в созданном минилендинге.
Затем ввести свой домен и нажать Готово.
Если Вы видите ошибку "Не удалось создать сертификат", возможно вы сделали много попыток до этого. Подождите в районе часа и попробуйте снова.
На этом все. Все ссылки минилендингов будут с вашим доменом.
Подтвержденный домен работает на всех созданных Вами минилендингах
Домен будет работать по защищенному протоколу https
SSL-сертификат создается автоматически
Чтобы отключить домен, удалите его и нажмите "Готово"
Если вы видите эту ошибку, переподключите домен.
При наведение на блок лендинга, можно увидеть кнопку настроек, применяемых только для данного блока:
При клике по данной кнопке откроется окно с возможными настройками выбранного блока.
В зависимости от выбранного блока настройки будут разные.
Подробнее о настройках блока написано здесь.
Все блоки для создания минилендинга имеют одинаковые разделы настроек.
Настройки Контента определяют тип блока:
Обложка: блок для добавления изображение и видео, заголовок. Доступны шаблоны для добавления обложки страницы.
Заголовок и текст: текстовый блок с заголовком.
Этапы для создания уникального дизайна сайта с хронолигией событий.
HTML: блок позволяет добавить на страницу HTML и CSS коды
Форма заявки с кнопками на мессенджеры: блок для добавления кнопок мессенджеров, вопросов, политики конфиденциальности.
Изображение или видео: блок для добавления картинки или видео
Кнопки: блок для добавления кнопок с функцией Ссылка, Телефон, email, Оплата
Цитата: блок для добавления цитаты
Список: блок с возможностью вставить нумерованные и маркированные списки
Выпадающий текст: блок для добавления выпадающего текста
Галерея: блок для добавления галереи изображений.
Таймер: блок для добавления таймера обратного отсчета.
В данном выпадающем меню идут настройки контента, который будет использоваться на минилендинге, где Вы можете отобразить политику конфиденциальности, а также оферты.
Подробнее о настройке контента и его блоков рассказываем здесь.
В данном выпадающем меню настройки шрифтов для данного блока минилендинга:
В открывшемся окне вы видите поля, необходимые для настройки шрифтов применительно минилендинга: данные настройки схожи с панелями настройки различных текстовых редакторов.
По своему усмотрению, можно настроить как для отдельно взятых секций минилендинга либо ко всему в целом.
В четырех полях (Применяется к, Стиль, Шрифт, Начертание) могут применяться автозаполненные настройки (по умолчанию), однако в зависимости от дизайна сайта можно настроить их исключительно по своему взгляду.
На странице можно установить задний фон, используя заливку цвета, градиент или изображение. Используйте переключатель "Закрепить изображение" чтобы при прокрутке страницы оно оставалось неподвижным. С помощью этой настройке можно создать аналог анимации на странице.
С помощью данного меню можно настроить отображение данного блока на минилендинге и подписной ВК. А также сделать оптимизацию под любой тип устройств: настроить видимость блока в зависимости от размера экрана устройства.
У подписной страницы ВКонтакте фиксированные размеры, поэтому параметр Ширина секции и Ширина контента работать НЕ БУДУТ (значения не применятся).
Подробнее про настройки этого выпадающего меню будет рассказано в этой статье:
В настройках отображения секции (блока) есть возможность указать для устройств с каким размером экрана будет отображаться текущая секция(блок). Таким образом можно для мобильных устройств сделать более адаптированную версию минилендинга. В этом поле выводится значение настройки "Диапазон видимости на устройствах"
Если в процессе создания минилендинга появилась необходимость поменять местами блоки, достаточно нажатием по данной кнопке поднять/отпустить блок относительно соседних.
Команда "Скопировать" помогает быстро создать точную копию блока, также при наведении компьютерной мыши на блок можно легко его удалить.
При клике по кнопке для выбора откроется список типов блока. Выберите подходящий, чтобы добавить на минилендинг новый блок.
- Нажал кнопку "Запустить"/"Старт" (зависит от устройства). Даже если клиент ранее контактировал с ботом для запуска бота с минилендинга он должен нажать кнопку Запустить. Это правила мессенджера для ботов.
По умолчанию, белый. Можно сделать однотонный из цветового круга (нажмите на значок Пипетка) или выбрать Градиент (выберите плитку с понравившимся градиентом). Также Цвет контейнера с секциями можно сделать прозрачным. Для этого выберите плитку с черно-белыми квадратами.