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

Данная страница позволяет создавать и редактировать страницы на сайте JustClick.

 

Страница редактора состоит из 3-х вкладок:

  • Основные параметры;
  • Дополнительно;
  • Права.

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

Обратите внимание! Для задания идентификатора можно использовать латинские буквы (A-Z, a-z), цифры(0-9), нижнее тире(_) и дефис(-).

Создание страниц на сайте JustClick возможно с использованием конструктора страниц и в визуальном редакторе.

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

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

Дальнейшая работа с вновь создаваемой и редактируемой страницами абсолютно одинакова.

Основные параметры

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

 

Шаблон страницы

По умолчанию в системе содержится несколько шаблонов страницы.

image005

Шаблоны default.html, wide.html, adaptive.html содержат рамочку вокруг страницы и ссылку на JustClick в нижней части.

image007

Шаблоны default.html и wide.html имеют фиксированную ширину (первый уже, второй шире). Шаблон adaptive.html меняет ширину в зависимости от размера экрана.

Обратите внимание! Текст и блоки внутри страницы могут так же менять взаимное расположение при изменении ширины страницы.

image009

Шаблон empty.html представляет собой абсолютно пустую страницу, может использоваться для создания собственных шаблонов.

Шаблон image.html предназначен для создания страницы с фоновым изображением. При его выборе появится окно с предупреждением:

image011

После нажатия на кнопку ОК появятся дополнительные поля.

image013

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

Поле Положение контента позволяет задать расположение содержимого страницы относительно картинки.

Шаблон youtube.html позволяет задать видеофон для страницы. Вы можете записать продающий ролик, выложить его на Youtube, а потом вставить его в качестве фона.

При выборе этого шаблона вы увидите окно с предупреждением:

image015

После нажатия кнопки ОК откроются дополнительные поля

image017

В поле ID видео YouTube необходимо ввести буквенно-цифровой код видеоролика.

Все записи на YouTube имеют адрес вида

www.youtube.com/watch?v=ADVK7AmdTNw

Необходимо ввести часть адреса, которая находится после знака «равно». В нашем примере это

ADVK7AmdTNw

Поле Положение контента позволяет задать расположение содержимого страницы относительно картинки.

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

Боковая панель

Боковая панель позволяет добавить специальные элементы на страницу.

Вставка макета для контента

Клик по верхней кнопке image019открывает окно:

image021

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

Графические кнопки

Вторая сверху кнопка image023 позволяет выбрать кнопки заказа продукта:

image025

Необходимо ввести адрес страницы оплаты и выбрать кнопку, при клике на которую будет осуществляться переход на эту страницу.

Графические блоки

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

image029

Используя кнопки вверху, можно выбрать вид готового блока (простой или графический). Либо переключиться в Конструктор и задать вид блока самостоятельно.

image031

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

Графические элементы

Четвертая кнопка image033 предназначена для вставки графических элементов – стрелок, лент, маркеров, гарантий и т.п.

image035

Это библиотека готовых рисунков – элементов выделения и внимания, которые повышают конверсию страницы.

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

Графические заголовки

Следующая кнопка image037 служит для вставки графических заголовков – типовых продающих призывов, выполненных в виде картинки.

image039

Маркеры

Следующая кнопка image041 позволяет создать красивый маркированный список – с графическими элементами вместо стандартных бюллетов.

image043

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

Мультимедиа

Следующая кнопка image045 позволяет вставить на страницу видео или аудио без использования html (в визуальном режиме).

image047

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

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

Таймер

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

Таймер будет виден только на реальной странице. В режиме предпросмотра он не отображается.

Формы подписки

Последняя кнопка image051 позволяет вставить любую ранее сохраненную форму подписки.

image053

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

Настройка таймера

Клик по кнопке Отключен открывает варианты настройки таймера.

Вы можете выбрать тип таймера:

  • с абсолютным временем окончания (например, в случае проведения распродажи, которая закончится в 0ч00м заданного дня);
  • с повторением отсчета каждый Х минут;
  • с относительным временем окончания, тут возможны 2 варианта:
    • отсчет времени идет с момента захода на страницу;
    • отсчет времени идет с момента отправки письма (эта опция используется в автоматической серии писем, например, когда мы предлагаем что-то купить со скидкой новым подписчикам).

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

image057

 

Сплит-тестирование

Сплит-тестирование (А/В тестирование) позволяет выбрать вариант с лучшей конверсией путем анализа отклика аудитории на изменение какого-либо элемента страницы.

Обратите внимание! Не рекомендуется изменять более 1 элемента страницы за 1 раз, т.к. будет непонятно, изменение какого элемента повлияло на конверсию.

Клик по заголовку Вариант №… позволяет свернуть/развернуть текущий вариант страницы. Это удобно для переключения между вариантами страницы.

image059

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

Рекомендуется скопировать страницу из 1 окна во второе и внести изменения в один элемент.

Обратите внимание. Суммарное значение в окне вероятность показа должно составить 100%. Т.е. если мы тестируем 2 варианта, выставляем по 50%, если 3 – 33%, 33% и 34% и так далее.

Дополнительно

Вкладка дополнительно позволяет задать код в секции <head> страницы. Например, именно здесь размещается код ретаргетинга.

Также на этой вкладке включается «защита роликов YouTube». Если галочка активна, то на видео не будет будет логотипа YouTube и вид плеера будет видоизменён (скриншот плеера ниже). А при галочке в «Скрывать название видео» в плеере также будет скрыто и название вашего видео.

Кроме того, здесь же можно подключить комментарии из Facebook и ВКонтакте.

Чтобы отображать комментарии на странице, необходимо проставить галочку в чекбоксе разрешить и указать ID Facebook, либо APIID Вконтакте.

ID Facebook

По умолчанию, аккаунты пользователей в Facebook имеют адрес вида:

https://www.facebook.com/profile.php?id=100000110123456

Цифры после знака «равно» и будут пользовательским ID в Facebook.

Если вы сделали себе желаемый адрес аккаунта в Facebook вида:

https://www.facebook.com/профиль_facebook

необходимо перейти по ссылке

https://graph.facebook.com/профиль_facebook

Вы увидите следующую информацию

image065

цифры в первой строчке будут искомым ID.

APIID Вконтакте

Чтобы получить APIID Вконтакте, необходимо создать приложение.

Для этого авторизуемся ВКонтакте, переходим по ссылке https://vk.com/dev и нажимаем кнопку Создать приложение.

image067

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

image069

Адрес сайта – ваш сайт на JustClick. Базовый домен – justclick.ru

Нажимаем Подключить сайт.

Подтверждаем действие по смс.

После подтверждения попадаем на страницу Мои приложения.

image071

Переходим в настройки.

image073

В первой строчке находится искомый ID.

Если вы уже ранее создали приложение, то посмотреть APIID можно перейдя по ссылке https://vk.com/dev, далее Мои приложения, выбираем нужное и нажимаем Редактировать.

Защита роликов YouTube

Установив галочку в чекбокс «Включить защиту роликов youtube» будут скрыты все видимые элементы сервиса YouTube, а также не будут показываться рекомендации в конце ролика. Функционал работает точно так же, как и защита видео роликов в курсах.

Права

Данная вкладка позволяет настроить доступ к странице дополнительных администраторов.

image077

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

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

После выполнения всех настроек необходимо нажать кнопку Сохранить.

Страница будет добавлена в список на одноименной странице.

FAQ (ответы на частые вопросы)

Перейдите в раздел «Сайт» — «Настройки», нажмите на название нужного домена и на открывшейся странице на вкладке «Дополнительно» вставьте код в поле «

Для добавления favicon к страницам в Джастклик есть три варианта:

Вариант 1

Загрузить файл favicon.ico непосредственно в главную папку в разделе Сайт==>Страницы==>Файловый менеджер:

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

Если у Вас уже есть картинка, но она имеет другое расширение, то воспользуйтесь, любым конвертером изображений. Например, вот этим:
https://image.online-convert.com/convert-to-ico
Рекомендуемый размер иконки — не более 32х32px.

Вариант 2

Загрузить иконку (favicon.ico) в настройках нужного сайта, в разделе Сайт==>Настройки==>Название сайта==>вкладка «Дополнительно».

В этом случае иконка будет будет отображаться на всех страницах выбранного сайта.

Вариант 3

Добавьте html код в настройках конкретной страницы на вкладке «Дополнительно»:

В этом случае иконка будет отображаться только у данной страницы, и для каждой страницы сайта нужно делать эту настройку отдельно.

Для того чтобы настроить начало и окончание действия таймера:

  1. Выйдите из Конструктора и в окне основных настроек страницы рядом с названием «Таймер» нажмите на текст «Отключен» и в выпадающем списке выберите нужный вариант (например, «Задать дату и время окончания»), как показано на скриншоте:
  2. В открывшихся настройках таймера выберите настройки его работы (в выбранном примере это дата и время окончания действия таймера).
  3. Создайте страницу, которая будет показываться подписчикам после окончания времени по таймеру. Для этого нажмите используйте Визуальный редактор под настройками таймера.
  4. Отредактируйте созданную страницу так, как  она должна выглядеть после окончания действия таймера (например, уберите кнопки заказа или форму со скидкой и добавьте сообщение, что «К сожалению, время акции истекло…»).
  5. После этого сохраните внесенные изменения.

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

Для решения проблемы:

  1. Перейдите в настройки страницы, которая не отображается. Для этого войдите в раздел Сайт — Страницы — нажмите на название нужного сайта — в открывшемся списке страниц нажмите на название нужной страницы.
  2. В настройках страницы отключите таймер, нажав в настройках страницы, в выпадающем списке,  на «Отключен» (таймер находится под окном редактора). После этого сохраните настройки страницы.

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

    1. Для начала войдите в ваш аккаунт во Вконтакте и перейдите на эту страницу — https://vk.com/dev/Comments
    2. Создайте новый виджет комментариев, указав в настройках следующие значения:

      — в поле «Сайт/приложение» выберите «Подключить новый сайт».
      — в поле «Адрес сайта» добавьте ссылку на вашу страницу. Саму ссылку можно взять в разделе Сайт — Страницы — нажмите на название сайта (откроется список страниц). Для этого нажмите на иконку с зеленым глазом рядом с названием нужной страницы и потом скопируйте ссылку в адресной строке браузера.

      — в поле «Основной домен»  укажите домен вида: ВАШ-ЛОГИН.justclick.ru
      — в поле «Тематика сайта», при желании, выберите тематику вашего сайта.
      После заполнения полей нажмите на кнопку «Сохранить».
    3. Будет сформирован код для вставки на страницу.
      Пример кода выглядит так:
      <!-- Put this script tag to the <head> of your page -->
      <script type="text/javascript" src="https://vk.com/js/api/openapi.js?161"></script><script type="text/javascript">
      VK.init({apiId: ЗДЕСЬ БУДЕТ ВАШ ID, onlyWidgets: true});
      </script>
      <!-- Put this div tag to the place, where the Comments block will be -->
      <div id="vk_comments"></div>
      <script type="text/javascript">
      VK.Widgets.Comments("vk_comments", {limit: 10, attach: "*"});
      Обращаем ваше внимание на то, что это лишь пример кода, приведенный для наглядности. У вас, после создания виджета комментариев, в коде будут указаны свои данные.
    4. После этого сделайте следующее:
      а) Скопируйте из сформированного кода комментариев первый блок и вставьте его в настройках страницы во вкладке «Вставка html-кода», в поле «Дополнительный код в HEAD».
      — Скопировать нужно вот эту часть кода (это лишь пример, у вас в коде будут свои данные):
      <!-- Put this script tag to the <head> of your page -->
      <script type="text/javascript" src="https://vk.com/js/api/openapi.js?161"></script><script type="text/javascript">
      VK.init({apiId: ЗДЕСЬ БУДЕТ ВАШ ID, onlyWidgets: true});
      </script>
      — А вставить код нужно вот тут:
      б) Затем скопируйте из сформированного кода комментариев второй блок и вставьте его в настройках виджета «Код» (виджет нужно предварительно добавить на страницу).
      — Скопировать нужно вот эту часть кода (это лишь пример, у вас в коде будут свои данные):
      <!-- Put this div tag to the place, where the Comments block will be -->
      <div id="vk_comments"></div>
      <script type="text/javascript">
      VK.Widgets.Comments("vk_comments", {limit: 10, attach: "*"});
      </script>
      — А вставить код нужно вот тут:
    5. После этого сохраните настройки страницы.
    6. В результате, виджет комментариев Вконтакте будет отображаться на вашей странице.

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

Оценить статью

1 Звезда2 Звезды3 Звезды4 Звезды5 Звезд (7 оценок, среднее: 3,71 из 5)
Загрузка...