Обновление личного кабинета 9/11/17

SSL сертификаты на тарифе Эконом

Теперь безопасное соединение через HTTPS доступно на всех основных тарифах: Эконом, Бизнес и Бизнес +. Бесплатно подключите SSL-сертификат и гарантируйте клиентам безопасность их данных.

Инструкция как подключить SSL-сертификат

Новая смена и восстановление пароля и почты

Мы изменили процесс смены и восстановления пароля и почты аккаунтов на Платформе, ваши аккаунты были в полной безопасности. Теперь при смене

Всё о форме

Публикуем подборку материалов о самом важном элементе продающей страницы – форме заявки.

Как разместить?

Какие бывают формы, сколько их должно быть на лендинге, как добавить форму и где её разместить. Инструкция здесь

Дизайн

Форма – это виджет. Её можно выбрать в верхней части редактора и переместить внутрь любой секции или использовать шаблон секции, где уже размещены стандартные формы. Выбираем вид формы, настраиваем

Пишем продающий заголовок лендинга

Как составить портрет целевой аудитории и подобрать рекламные триггеры? Эксперты SMMplanner поделились опытом.

Несмотря на все разговоры об эффективности лид-форм в социальных сетях, лендинги остаются универсальным инструментом продаж. Ибо одна из первых заповедей таргетолога гласит: не везде можно в двух словах объяснить, что вы – Д’Артаньян, а все вокруг — где-то сзади.

По опыту работы в фитнес-тематике скажу, что лендинг способен

Протокол HTTPS и безопасное соединение

SSL-сертификат нужен, чтобы обеспечить безопасную электронную коммерцию на вашем сайте посредством подключения через HTTPS.

Настраиваем подключением через HTTPS

В настройках страницы во вкладке “Настройки домена” выбираем домен и включаем использование SSL-сертификата.

Важно

Если на страницу были добавлены сторонние скрипты или код, в котором содержится ссылка, необходимо сменить адрес ссылок с http на https, работа SSL-сертификата может блокировать сторонние скрипты и

Как ограничить доступ к странице паролем?

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

В настройках страницы во вкладке “Настройки доступа” включим доступ к странице по логину и паролю. Указываем “Логин” и “Пароль”, по которому пользователи смогут зайти на сайт. Важно! Логин и пароль не должен совпадать с логином и паролем от аккаунта Платформы.

Обновление Платформы от 25/10/17

В обновлении личного кабинета новый раздел доменов, улучшенный А/Б тест и многопользовательский режим, а также моментальный доступ к информации о пакетах расширений и возможность открывать страницы по паролю.

Обновленный раздел доменов

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

Вся информация о панели управления

Расширенные настройки иконки

С помощью HTML виджета задаем тонкие настройки иконок.

Если вы еще не знакомы с использованием HTML-виджета, читайте эту статью.

Настраиваем цвет

Добавляем HTML-виджет и устанавливаем иконку с помощью компонента “Настраиваемая иконка”:

  • Создадим компонент с названием icon1
  • Пропишем код <component name="icon1"></component>

  • Добавим переменную color и применим настройку цвета к компоненту. Далее цвет можно будет модифицировать,

Таблица цен с особой версткой

Ещё один пример использования HTML виджета – верстка таблицы цен.

Если вы еще не знакомы с использованием HTML-виджета, читайте эту статью.

Для начала пишем HTML или CSS код самой таблицы. В тех местах, где в дальше будут располагаться виджеты, оставляем шорткоды в формате “[[btn1]]”, “[[btn2]]” и т.д.

Код таблицы на JsFiddle.

Затем переходим в настройки секции во вкладку "Компоненты", удаляем

Как настроить анимацию заголовка при скролле?

Для тех, кто не боится кода и знает основы HTML, пример использования HTML-виджета: настройка анимации виджетов при скролле.

Если вы еще не знакомы с использованием HTML виджета, вам сюда.

Допустим, у нас есть секция, собранная из виджетов, заголовок которой мы хотим анимировать. Для анимации воспользуемся библиотекой wow.js. Библиотеку нужно подключить к странице. Для этого в настройках страницы в HEAD

Редактируемый текст для HTML виджета

С помощью этой функции можно в пару кликов изменять настройки текста в HTML виджете, не прописывая настройки текста в ccs коде.

Если вы еще не знакомы с использованием HTML виджета, читайте эту статью.

Используем компонент “Редактируемый текст” для HTML виджета.

Создадим три компонента с названием: “txt1”, “txt2”, “txt3”. Пропишем созданные переменные в код HTML вместо обычного текста, например вместо заголовков

HTML виджет

Что такое HTML-виджет и как его использовать?

Платформа – гибкий конструктор, который позволяет изменять внешний вид страницы так, как необходимо. Для этого достаточно базовых знаний HTML и специального виджета.

HTML-виджет позволяет изменять компоненты Платформы такие как формы, кнопки, счетчики, контейнеры для виджетов, редактируемый текст и использовать переменные внутри вашего html кода. При этом результат совмещения вашего кода с компонентами Платформы можно

Адаптивность

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

Как отображается ваша страница на мобильных?

Заходим в редактор страницы и нажимаем «Настройка адаптивности» в верхней панели. В этом окне включаем и выключаем отображение страницы для выбранных устройств. Переключаем режимы адаптивности и смотрим, как будет выглядеть страница в редакторе и в режиме предпросмотра.

Обновленный виджет "Слайдер"

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

Дизайн

Стандартный: С иконками: C цветными кнопками переключения:

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

Внутри слайдер можно поместить любой элемент и задать время показа. Минимальное время – 2 секунды. Оптимальное зависит от контента и времени, необходимого на просмотр. Количество слайдов: максимально – 25.

Дополнительные настройки

  • Плавное перелистывание
  • Фиксированная

Сообщение об использовании cookie

Файлы cookie – это фрагмент данных, который позволяют отслеживать посещаемость страниц и определять эффективность рекламы. Для владельца сайта файлы cookie – это способ понять поведение пользователей, и на основе их предпочтений улучшить свой продукт. Но одновременно cookie – это персональные данные, а значит о их сборе необходимо предупреждать.

Для этого в настройках страницы теперь есть раздел "Cookie", где можно настроить показ сообщения об

Виджет "Вкладка"

Разместить несколько изображений одного продукта, подробно описать характеристики или удобно расположить в одной секции текст – используем виджет “Вкладки”.

Дизайн

Минимализм: Вкладки с кнопками переключения: С иконками: И другие. Все варианты дизайна смотрите в редакторе.

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

  • Количество вкладок
  • Цвет кнопок переключения

Дополнительные настройки

  • Высота
  • Фиксированная высота для вкладок разного размера
  • Отступ вкладками и содержимым вкладок
  • Плавное перелистывание вкладок

Для продвинутых

Виджет "Спойлер"

В новом виджете “Спойлер” можно разместить контент, который будет показываться и скрываться по клику. В спойлере удобно размещать ответы на вопросы и тексты, которые легко разделить на пункты.

Когда использовать?

Собираем популярные вопросы, готовим для них ответы и создаем раздел FAQ на лендинге. Элементы внутри виджета – текст или изображение – будут показываться и скрываться по нажатию.

Настраиваем виджет

  • Фон

Выбираем любой

Обновление редактора 15/10/17

Новые виджеты, обновленный слайдер, сообщение об использовании cookies и дополнительные настройки адаптивности.

Подробно об обновлении

Что нового?

  • Новый виджет "Спойлер"
  • Новый виджет "Вкладки"
  • Обновленный виджет "Слайдер"
  • Новые настройки HTML-виджета
  • Новые счетчики
  • Новая панель виджетов
  • Меню для мобильных
  • Дополнительные настройки адаптивности:
    • адаптивность текста на разных размерах экрана
    • адаптивность отступов в виджетах
    • скрытие содержимого секции в редакторе
  • Добавлено сообщение об использовании cookies

Настраиваем сообщение после отправки формы

Для каждой формы можно прописать действие после отправки в настройках формы в поле “Действие после отправки“:

Для действий “Сообщение“, "Сообщение и перенаправление", "Сообщение + переход к оплате", "Сообщение + Вставка HTML кода" можно настроить текст сообщения.

После отправки формы, но перед показом, сообщение проходит обработку шаблонизатором (функция template из библиотеки Lo-Dash).

Если вписать в качестве сообщения следующий код:

То при заполнении формы

Размещать ли форму на первом экране?

Первый экран – знакомство клиента с продавцом и его товаром. Как при знакомстве с человеком нужно 7 секунд, так и при знакомстве с сайтом – один взгляд и посетитель закрывает страницу или скролит вниз. Логично сразу рассказать о товаре и его стоимости, разместить на первом экране форму заявки и кнопку “Заказать”.

Первый экран с полной формой заявки Первый экран с полной формой заявки

Но форма с несколькими полями:

Сообщение после отправки формы

Что клиент увидит после заполнения формы?

В настройках формы можно выбрать действие после отправки:

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

Не забудьте написать http:// или https:// перед адресом сайта.

  • Отправка сообщения и перенаправление на указанный адрес: