Функционал clck.su - Оверлейные страницы

15.Apr.2022

Для включения опции Пользовательское доменное имя после регистрации напишите запрос на почту admitadmcc2017@gmail.com (по умолчанию опция выклчена). Это бесплатно. 

1. Для создания оверлейных страниц вашего сайта используйте функциональную панель в левой части главной страницы профиля. Перейдите в раздел «Оверлейные страницы», нажав на соответствующую иконку слева.

2. В открывшемся окне нажмите кнопку «Создать», находящуюся в правом верхнем углу страницы.

Изображение выглядит как текстАвтоматически созданное описание

3. Здесь Вы можете выбрать, какое именно наложение (оверлей) Вы хотите создать:

  • Сообщение
  • Форма контактов
  • Опрос

4. Чтобы создать небольшое всплывающее окно с СООБЩЕНИЕМ и ссылкой на страницу или продукт, нажмите на иконку «Сообщение».

5. Вы перейдёте на страницу создания наложения типа «Сообщение». Здесь для создания сообщения Вам необходимо заполнить соответствующие графы.

Изображение выглядит как текстАвтоматически созданное описание

Графы для заполнения:

Имя – это название вашего наложения (оверлея), которое будет отображаться в списке всех созданных вами оверлейных страниц.

Пользовательское сообщение – это сообщение, основной текст, который будет отображаться в вашем наложении.

Подпись оверлея – это короткая подпись, которая будет отображаться в правом верхнем углу наложения. Вы можете отключить её, если оставите это поле пустым.

Аватар – здесь вы можете выбрать и загрузить аватар вашего продукта или бренда. Это должна быть квадратная картинка в формате PNG или JPG с разрешением 100x100 пикселей.

Ссылка кнопки – это ссылка на ваш сайт или продукт, по которой вы перейдёте, если нажмёте непосредственно курсором на кнопку в оверлее. Вы можете отключить переход по ссылке, оставив это поле пустым.

Текст кнопки – это текст, отображаемый на кнопке для вашей ссылки. Текст может быть призывом к действию перейти на сайт. Вы можете отключить эту кнопку, если оставите это поле пустым.

В качестве примера ниже представлены заполненные поля для онлайн-школы SkillBox.

Изображение выглядит как текстАвтоматически созданное описание

При заполнении всех полей в правом верхнем углу в окошке Live Preview Вы можете видеть ваше создаваемое наложение.

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

Изображение выглядит как текстАвтоматически созданное описание

Вы также можете выбрать позицию оверлея в окне, выбрав соответствующую опцию.

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


6. При успешном заполнении всех граф Ваша оверлейная страница будет создана и её название будет отображаться в списке всех созданных оверлейных страниц.

Изображение выглядит как текстАвтоматически созданное описание

Для редактирования наложения и внесения изменений вы можете открыть форму редактирования, нажав соответствующую кнопку «Редактировать» под названием Вашего наложения.

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

7. Чтобы создать КОНТАКТНУЮ ФОРМУ, где пользователи смогут с Вами связаться по электронной почте, нажмите на иконку «Форма контактов».

8. Вы перейдёте на страницу создания наложения типа «Сообщение». Здесь для создания формы контактов Вам необходимо заполнить соответствующие графы.

Графы для заполнения:

Имя – это название вашего наложения (оверлея), которое будет отображаться в списке всех созданных вами оверлейных страниц.

Отправить email адрес – это адрес электронной почты, на который будут приходить письма из Вашей формы контактов, когда клиенты будут её заполнять.

Тема письма – это тема письма, которое будет Вам приходить на вышеуказанный email, когда клиенты будут отправлять вам форму контактов.

Подпись формы – это подпись, которая будет в названии самой формы контактов.

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

Имя подсказки – это название самой подсказки к первой графе формы для тех, кто будет её заполнять.

Подсказка email – это название самой подсказки ко второй графе формы для тех, кто будет её заполнять.

Подсказка сообщения – это подсказка для заполняющих форму к третьей графе, где люди могут оставить свой текст обращения в Вашу компанию.

Подсказка кнопки Отправить – это название самой кнопки, на которую нужно нажать, чтобы отправить форму контактов на Ваш email.

Ниже представлен пример формы контактов для обращения в службу поддержки.

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

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

Также вы можете настроить уведомления Webhook. Если вы хотите получать уведомления непосредственно в свое приложение, добавьте URL-адрес в обработчик вашего приложения, и как только будет заполнена форма контактов, мы отправим уведомление по этому URL-адресу, а также электронное письмо на указанный выше email адрес. Справа приведен пример данных, которые будут отправлены в формате JSON через POST-запрос.

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

9. При успешном заполнении всех граф Ваша оверлейная страница будет создана и её название будет отображаться в списке всех созданных оверлейных страниц.

Изображение выглядит как текстАвтоматически созданное описание

Для редактирования наложения и внесения изменений вы можете открыть форму редактирования, нажав соответствующую кнопку «Редактировать» под названием Вашего наложения.

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

10. Чтобы создать наложение в виде ОПРОСА, где пользователи смогут ответить на него при посещении вашей страницы, нажмите на иконку «Опрос».

11. Вы перейдёте на страницу создания наложения типа «Опрос». Здесь для создания опроса Вам необходимо заполнить соответствующие графы.

Графы для заполнения:

Имя – это название вашего наложения (оверлея), которое будет отображаться в списке всех созданных вами оверлейных страниц.

Вопрос – это тот самый вопрос, который будет в вашей форме опроса. Максимальная длина – 144 символа.

Опции – это те варианты, из которых можно выбрать ответ на поставленный вопрос. Чтобы добавить ещё несколько вариантов ответов, нажмите на кнопку «Добавить вариант». Далее заполните варианты ответов в каждой графе.

На этом скриншоте представлен пример заполнения всех граф формы опроса.

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

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

Для того чтобы сохранить опрос, нажмите кнопку «Сохранить оверлей» в самом низу страницы.

12. При успешном заполнении всех граф Ваша оверлейная страница будет создана и её название будет отображаться в списке всех созданных оверлейных страниц.

Изображение выглядит как текстАвтоматически созданное описание

Для редактирования наложения и внесения изменений вы можете открыть форму редактирования, нажав соответствующую кнопку «Редактировать» под названием Вашего наложения.

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

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