вконтакте
telegram
Как квиз попадает на сайт wfolio
Нужны два кода из LeadForms, и у каждого своё место в wfolio:
1. Код инициализации — один раз на весь сайт, в «Настройки» → «Интеграция с сервисами».
2. Код кнопки или блока — на нужную страницу, в блок «HTML».
Блок «HTML» добавляется на страницы сайта, поэтому нужен тариф wfolio с сайтом, а не только с галереями.
1. Код инициализации — один раз на весь сайт, в «Настройки» → «Интеграция с сервисами».
2. Код кнопки или блока — на нужную страницу, в блок «HTML».
Блок «HTML» добавляется на страницы сайта, поэтому нужен тариф wfolio с сайтом, а не только с галереями.
Выберите способ вставки и настройте его
В редакторе квиза откройте «Публикация» → «На сайт» и выберите способ добавления квиза на страницу: кнопка или блок на сайт. Ниже настройте его вид.
Скопируйте код инициализации
После настройки нажмите «Копировать» под кодом для блока
<head>. Этот скрипт нужен один на весь сайт: если он уже стоит в wfolio, второй раз вставлять его не нужно.
В wfolio откройте «Настройки» → «Интеграция с сервисами»
В самом низу левого меню панели wfolio выберите «Настройки» и откройте карточку «Интеграция с сервисами» — «Внешние сервисы и вставка стороннего кода». Здесь добавляется код, который должен работать на всех страницах сайта.
Подробнее о вставке стороннего кода — в справке wfolio.
Подробнее о вставке стороннего кода — в справке wfolio.
Вставьте код в поле «Сторонний код в теге <head>» и сохраните
Вставьте скопированный код инициализации в поле «Сторонний код в теге <head>». Поле «Сторонний код в теге <body>» для кнопки и блока не нужно, его не трогайте.
Нажмите «Сохранить» под полями.
Нажмите «Сохранить» под полями.
Вернитесь в LeadForms и скопируйте второй код
Ниже скрипта для
<head> будет второй код — «Вставьте этот код в нужное место на странице». Это код кнопки или блока, который вы выбрали на первом шаге. Нажмите «Копировать».
Откройте страницу, где должен быть квиз
В левом меню wfolio откройте раздел «Сайт» и кликните по названию страницы, на которую нужно поставить квиз, — например, «Главная» или «Услуги». Блок «HTML» добавляется на страницы с типом «Составная страница», тип подписан под названием.
Нажмите (+) «Добавить блок»
В редакторе страницы синие кнопки (+) стоят на линиях между блоками. Нажмите ту, что находится в месте, где должен появиться квиз, — при наведении появится подсказка «Добавить блок».
Откройте вкладку «Виджеты»
Откроется окно «Новый блок» с вкладками по типам блоков. Перейдите на вкладку «Виджеты».
Выберите блок «HTML»
Прокрутите вкладку «Виджеты» вниз до раздела «HTML». В нём несколько раскладок: HTML-блок на всю ширину, узкий, два рядом или рядом с текстом или фото. Для квиза подходит первый вариант — HTML-блок на всю ширину. Нажмите на него.
Вставьте второй код в блок «HTML»
На странице появится блок с подписью «HTML блок». Кликните в его поле и вставьте скопированный код кнопки или блока — прямо в редакторе страницы. Код инициализации сюда повторно вставлять не нужно — он уже стоит в «Интеграции с сервисами».
Проверьте квиз на сайте
Нажмите «Смотреть сайт» вверху левого меню и откройте страницу с блоком. Кнопка должна открывать квиз, а блок — показывать его прямо в контенте страницы.
Текст и цвет кнопки меняются в LeadForms, во вкладке «Публикация», — код в wfolio после этого нужно скопировать и вставить заново.
Готово! Квиз вставлен.
Текст и цвет кнопки меняются в LeadForms, во вкладке «Публикация», — код в wfolio после этого нужно скопировать и вставить заново.
Готово! Квиз вставлен.
Виджет или баннер на всех страницах
Если нужен виджет или баннер, который виден на всём сайте, а не на одной странице, его код можно вставить не в блок «HTML», а в поле «Сторонний код в теге <body>» в том же разделе «Интеграция с сервисами». Код инициализации при этом остаётся в поле для
<head>.Автооткрытие
Если квиз должен открываться сам — сразу, через время или при попытке уйти с сайта, — во вкладке «Публикация» выберите способ «Автооткрытие» и задайте настройки.
Дальше скопируйте код инициализации и вставьте его в поле «Сторонний код в теге <head>», как в шагах 3–4. Второй код здесь не нужен: кнопки на странице нет, квиз открывается сам.
Дальше скопируйте код инициализации и вставьте его в поле «Сторонний код в теге <head>», как в шагах 3–4. Второй код здесь не нужен: кнопки на странице нет, квиз открывается сам.
Без вставки кода: кнопка со ссылкой
Квиз можно открыть и по прямой ссылке. В wfolio нажмите (+), вкладка «Кнопки», в настройках кнопки выберите действие «Перейти на внешний адрес» и вставьте ссылку на квиз — она есть в LeadForms во вкладке «Публикация», в поле «Ссылка на квиз». Квиз можно открыть и на своём домене, см. инструкцию по своему домену. Подробнее о квизе для фотографов на wfolio — на отдельной странице.
Не получается настроить?
Если что-то не получается, вы можете — поможем разобраться.
