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

image001

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

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

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

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

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

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

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

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

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

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

image003

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

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

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

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

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

Клик по кнопке Установить открывает форму настройки таймера.

image055

В верхней части с помощью радиокнопки необходимо выбрать тип таймера:

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

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

image057

 

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

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

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

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

image059

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

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

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

image061

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

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

image063

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

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

ID Facebook

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

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

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

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

http://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, далее Мои приложения, выбираем нужное и нажимаем Редактировать.

Права

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

image077

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

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

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

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

 

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

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