Теперь в настройках страницы можно задать логин и пароль, по которому пользователь сможет зайти на страницу.
В настройках страницы во вкладке “Настройки доступа” включим доступ к странице по логину и паролю. Указываем “Логин” и “Пароль”, по которому пользователи смогут зайти на сайт.
Важно!
Логин и пароль не должен совпадать с логином и паролем от аккаунта Платформы.
В обновлении личного кабинета новый раздел доменов, улучшенный А/Б тест и многопользовательский режим, а также моментальный доступ к информации о пакетах расширений и возможность открывать страницы по паролю.
Теперь домен можно перемещать между проектами, откреплять от всех страниц, добавлять/изменять/удалять записи, подливать домен, информацию о состоянии домена, добавлять свой домен.
Вся информация о панели управления
С помощью HTML виджета задаем тонкие настройки иконок.
Если вы еще не знакомы с использованием HTML-виджета, читайте эту статью.
Добавляем HTML-виджет и устанавливаем иконку с помощью компонента “Настраиваемая иконка”:
Платформа
<component name="icon1"></component>
Далее цвет можно будет модифицировать,
Ещё один пример использования HTML виджета – верстка таблицы цен.
Если вы еще не знакомы с использованием HTML-виджета, читайте эту статью.
Для начала пишем HTML или CSS код самой таблицы. В тех местах, где в дальше будут располагаться виджеты, оставляем шорткоды в формате “[[btn1]]”, “[[btn2]]” и т.д.
Код таблицы на JsFiddle.
Затем переходим в настройки секции во вкладку "Компоненты", удаляем
Для тех, кто не боится кода и знает основы HTML, пример использования HTML-виджета: настройка анимации виджетов при скролле.
Если вы еще не знакомы с использованием HTML виджета, вам сюда.
Допустим, у нас есть секция, собранная из виджетов, заголовок которой мы хотим анимировать.
Для анимации воспользуемся библиотекой wow.js.
Библиотеку нужно подключить к странице. Для этого в настройках страницы в HEAD
С помощью этой функции можно в пару кликов изменять настройки текста в HTML виджете, не прописывая настройки текста в ccs коде.
Если вы еще не знакомы с использованием HTML виджета, читайте эту статью.
Используем компонент “Редактируемый текст” для HTML виджета.
Создадим три компонента с названием: “txt1”, “txt2”, “txt3”. Пропишем созданные переменные в код HTML вместо обычного текста, например вместо заголовков
Что такое HTML-виджет и как его использовать?
Платформа – гибкий конструктор, который позволяет изменять внешний вид страницы так, как необходимо. Для этого достаточно базовых знаний HTML и специального виджета.
HTML-виджет позволяет изменять компоненты Платформы такие как формы, кнопки, счетчики, контейнеры для виджетов, редактируемый текст и использовать переменные внутри вашего html кода. При этом результат совмещения вашего кода с компонентами Платформы можно
Опубликовали страницу, пришло время подумать, как она выглядит на разных устройствах. Особое внимание к мобильным и планшетам.
Заходим в редактор страницы и нажимаем «Настройка адаптивности» в верхней панели.
В этом окне включаем и выключаем отображение страницы для выбранных устройств.
Переключаем режимы адаптивности и смотрим, как будет выглядеть страница в редакторе и в режиме предпросмотра.
Если нужно разместить несколько крупных изображений на одной секции, используем виджет слайдер. Картинки будут пролистываться через заданное время.
Стандартный:
С иконками:
C цветными кнопками переключения:
Внутри слайдер можно поместить любой элемент и задать время показа. Минимальное время – 2 секунды. Оптимальное зависит от контента и времени, необходимого на просмотр.
Количество слайдов: максимально – 25.
Файлы cookie – это фрагмент данных, который позволяют отслеживать посещаемость страниц и определять эффективность рекламы. Для владельца сайта файлы cookie – это способ понять поведение пользователей, и на основе их предпочтений улучшить свой продукт. Но одновременно cookie – это персональные данные, а значит о их сборе необходимо предупреждать.
Для этого в настройках страницы теперь есть раздел "Cookie", где можно настроить показ сообщения об
Разместить несколько изображений одного продукта, подробно описать характеристики или удобно расположить в одной секции текст – используем виджет “Вкладки”.
Минимализм:
Вкладки с кнопками переключения:
С иконками:
И другие.
Все варианты дизайна смотрите в редакторе.
Для продвинутых
В новом виджете “Спойлер” можно разместить контент, который будет показываться и скрываться по клику. В спойлере удобно размещать ответы на вопросы и тексты, которые легко разделить на пункты.
Собираем популярные вопросы, готовим для них ответы и создаем раздел FAQ на лендинге. Элементы внутри виджета – текст или изображение – будут показываться и скрываться по нажатию.
Выбираем любой
Новые виджеты, обновленный слайдер, сообщение об использовании cookies и дополнительные настройки адаптивности.
Для каждой формы можно прописать действие после отправки в настройках формы в поле “Действие после отправки“:
Для действий “Сообщение“, "Сообщение и перенаправление", "Сообщение + переход к оплате", "Сообщение + Вставка HTML кода" можно настроить текст сообщения.
После отправки формы, но перед показом, сообщение проходит обработку шаблонизатором (функция template из библиотеки Lo-Dash).
Если вписать в качестве сообщения следующий код:
То при заполнении формы
Первый экран – знакомство клиента с продавцом и его товаром. Как при знакомстве с человеком нужно 7 секунд, так и при знакомстве с сайтом – один взгляд и посетитель закрывает страницу или скролит вниз. Логично сразу рассказать о товаре и его стоимости, разместить на первом экране форму заявки и кнопку “Заказать”.
Первый экран с полной формой заявки
Но форма с несколькими полями:
Что клиент увидит после заполнения формы?
В настройках формы можно выбрать действие после отправки:
Не забудьте написать http:// или https:// перед адресом сайта.
Заголовки в рекламных текстах, все равно, что заголовки новостей. Никто не читает газету целиком, люди выбирают только то, что вызывает интерес. Это правило справедливо и для посадочных страниц: никто не читает лендинг полностью, страницу изучают по заголовкам и только потом вникают в суть.
Что написать в заголовке, чтобы привлечь внимание клиента? Воспользуемся методами, которые повышают конверсию.
Расшифровывается как
О чем чаще всего забывают, размещая форму на лендинге?
С июля 2017 в связи с изменениями в законе о персональных данных появились новые требования, в том числе к сбору информации, которую клиент оставляет на лендинге. Одно из обязательных требований – получать согласие у каждого посетителя, передающего информацию о себе, на обработку, хранение и распространение персональных данных.
Для этого в настройках виджета
Сколько полей должно быть внутри формы?
Пользуемся правилом минимального достаточного: размещайте в форме только те поля, которые помогают собрать необходимую информацию.
Форму должно быть легко заполнить: обычно достаточно имени и номера телефона или имени и электронной почты.
Пример стандартного поля с именем и номером телефона
Стандартного поля с именем и почтой
Поля с именем и почтой, дополнительное
Форма – это виджет. Её можно выбрать в верхней части редактора и переместить внутрь любой секции или использовать шаблон секции, где уже размещены стандартные формы.
Если нам подходит одна из стандартных секций, то выбираем одну из них: здесь есть вертикальные и горизонтальные варианты форм, а также формы, открывающиеся по клику. Заголовок, описание, стиль и цвет формы можно настроить.
