Всем привет! В своей статье я расскажу, как быстро создать квиз-сайт в twintwoo!
С помощью этого сервиса, ты можешь увеличить поток заявок минимум на 30%!
Главный экран сайта
Вот так выглядит главный экран сайта twintwoo.
Открываем главный экран сайта twintwoo.
Рисунок 1
Нажимаем кнопку «Войти»
Далее открывается вот такое стандартное окно:
Рисунок 2
Нажимаем "Зарегистрироваться" (см. рис 2).
Все в стандартной форме заполняем.
Рисунок 3
И регистрируемся (см. рис 3).
После регистрации откроется вот такая рабочая площадка!
Рисунок 4
Как вы видите у меня уже на рабочей площадке, есть мои работы, "Квизы".
(см. рис 4).
Приступим к самому главному "Создание квиза"
Квиз — это небольшой онлайн-опрос или, если точнее, пошаговая форма захвата лидов, в конце которой показывается результат или выдается некий бонус. Итоги исследования викторин показывают, что в 70% случаев интерактивный контент формирует хорошие конверсии.
Нажимем "+" (см. рис 5).
Рисунок 5
Переходим к работе (см. рис 6).
Рисунок 6
Нажимаем кнопку "Выбрать"
Рисунок 7
Открывается рабочая зона со всеми инструментами (см. рис 7).
В работе уже поймете что к чему.
Кто не знает английский язык, может перевести страницу на русский,
или можете
поменять английский язык на русский язык в настройках профиля.
1 из 4
Настройки перевода языка (пролистайте пожалуйста инструкицю).
В данном случае мы с вами попробуем создать квиз для проведения опроса.
Переводим на русский язык и продолжаем редактирование.
Создаем главную страницу нашего квиза, на которой мы будем предлагать пройти опрос в конце которого будем предлагать крутой гайд :-)
Выберем для начала Оформление (см. рис 8).
Рисунок 8
В открывшемся окне начинаем настройку нашего бота (см. рис 9).
Рисунок 9
- Заполняем пункт "Подзаголовок" квиза. 1 шаг.
- Можно скрыть шапку нашего бота. 2 шаг.
- В правой части экрана будет предпросмотр формы нашего бота. 3 шаг.
- Можно перейти в раздел «Тело бота» и выбираем цвет фона (см. рис 10).
Рисунок 10
После возвращаемся к редактору
т. е в рабочую зону нашего квиза (см. рис 7, 11).
Рисунок 11
Вот здесь уже начинается настоящая работа :-)
Выбираем пункт "Страница" (см. рис 12(1)).
Рисунок 12
На рабочей зоне появится пункт "Страница" (см. рис 12 (2)).
Рисунок 13
Последовательность открывания этапов квиза.
В каждом пункте есть маленькая синяя кнопка. Нужно соединять их между собой по цепочке (см. рис 13).
Рисунок 14
Выглядит синяя кнопка так (см. рис 14).
На рабочей зоне, при создании квиза можно двигать, приближать,
отдалять - карту, пункты. Цепочку вы можете удлинять, двигать и располагать как вам удобно для работы.
Рисунок 15
В правом нижнем углу есть
мини - карта, для быстрого доступа в любой уголок вашей рабочей зоны.
(см. рис 15).
Продолжим...
Последовательно, создаем сцену, медиа и все заполняем, что бы при переходе на квиз, все было красочно и красиво! (см. рис. 16)
Рисунок 16
В дальнейшем у вас должна создаваться связка между опциями сервиса twintwoo.
Отредактируем нашу начальную страницу:
Достаточно просто нажать на пункт «Страница»
Рисунок 17
Открывается вот такая панель настроек и опций.
Задаем нужные настройки для нашего квиза (см. рис 17).
Можно выбрать формат, расположение текста, изображения и фона.
Рисунок 18
Прикрепляем изображение.
Прикрепить можно любое изображение, которая подходит для вас по выбранной тематике
(см. рис 18).
Рисунок 19
Далее заполняем пункты заголовок, подпись и кнопку (см. рис 19).
Рисунок 20
При редактировании "кнопки"
(см. рис 20) можете изменить шрифт, цвет и формат текста.
И при длительной работе не забываем сохранять работу!
Кнопка "Сохранить" находится в правом верхнем углу в синем цвете.
(см. рис 21).
Рисунок 21
Так же рядом с кнопкой "Сохранить" есть кнопка "Запустить"
Нажав кнопку "Запустить" можно сделать предпросмотр вашего рабочего квиза (см. рис 22).
Рисунок 22
Нажимаем и открывается ваш, почти что, готовый квиз :-) (см. рис 23).
Рисунок 23
Осталось дело за малым.
Начинаем добавлять пункты для квиза
Для этого нам потребуется:
Меню пунктов в левой части платформы Twintwoo
Добавляем пункт "Сцена" (см. рис 24).
Рисунок 24
- Выбрать пункт "Сцена" (см. рис 24). 1 шаг.
- Пункт появляется в рабочей зоне. 2 шаг.
- Используем этот элемент, чтобы очистить экран бота от предыдущих записей и создать новую сцену. Это требуется делать при каждом ответе на вопросы бота. (Примечание)
Добавляем пункт "Медиа" (см. рис 25).
Рисунок 25
- Выбираем в меню пункт "Медиа" (см. рис 24). 1 шаг.
- Пунк появляется в рабочей зоне. 2 шаг.
- Нажимаем на пункт "Медиа", прикрепляем картинку, задаем настройки и опции. 3 шаг.
Добавляем пункт "Сообщение" (см. рис 26).
Рисунок 26
Примечание: не забываем соединять цепочку квиза между собой (см. рис 13). Чтобы этапы нашего квиза открывались в нужной последовательности
- Выбираем в меню пункт "Сообщение" (см. рис 26). 1 шаг.
- Пункт появляется в рабочей зоне. 2 шаг.
- Нажимаем на пункт "Сообщение", пишем наш вопрос, в данном случае "Чем вы сейчас занимаетесь?". Задаем дополнительные настройки. 3 шаг.
В последовательности на наш вопрос нужны варианты ответов :-)
Добавляем пункт "Выбор" (см. рис 27).
Рисунок 27
- Выбираем в меню пункт "Выбор" (см. рис 27). 1 шаг.
- Пункт появляется в рабочей зоне. 2 шаг.
- Нажимаем на пункт "Выбор", добавляем ветви и пишем варианты ответов.
3 шаг.
Варианты ответов можете посмотреть на рисунке 27.
Примечание: на каждый ответ появляются новые цепочки (см. рис 28).
Рисунок 28
Далее создаем пункт "Сцена" и соединяем ответы с ним.
Выглядит это так (см. рис 29).
Рисунок 29
Делаем это для того чтобы очистить экран бота от предыдущих записей и создать новую сцену. Это требуется делать при каждом ответе на вопросы бота.
Подробнее еще раз можете посмотреть в пункте добавления "Сцены" выше
(см. рис 24).
Предпросмотр квиза: варианты ответов выглядят так (см. рис 30).
Рисунок 30
Все делаем последовательно по пунктам:
Пункты
- Сцена
- Медиа
- Сообщение
- Выбор
Рисунок 31
Вот так это выглядит (см. рис 31).
Квиз — это форма диалога с пользователем. Вместо навязчивого «Купи» он (пользователь) видит вопросы, ответы на которые не занимают много времени, и возможность получить какой-то бонус: скидку, персональную рекомендацию или тот же самый гайд. Лояльность пользователя повышается, а вслед за ней — шансы у предпринимателя получить очередного лида.
После того как вы завершили добавление всех вопросов и ответов
Добавляем пункты «Сообщение» (2 пункта) (см. рис 26) и «Форма»
Рисунок 32
- Выбираем в меню пункт "Форма" (см. рис 32). 1 шаг.
- Пункт появляется в рабочей зоне. 2 шаг.
- Нажимаем на пункт "Форма". 3 шаг.
- Редактируем настройки. 4 шаг.
Форма, в которой потенциальный клиент оставит свои контакты или переходит в мессенджер, чтобы напрямую связаться с вами и получить свой бонус и услугу, в нашем случае это «гайд».
Выглядит это так :-) (см. рис 33).
Рисунок 33
В завершении добавляем добавляем пункт «Финиш» (см. рис 34).
Рисунок 34
- Выбираем в меню пункт «Финиш». 1 шаг.
- Пункт появляется в рабочей зоне. 2 шаг.
Поздравляю! Ваш квиз готов! Сохраните и запустите его, чтобы посмотреть, что получилось. Далее Вы сможете найти его в личном кабинете, отредактировать, посмотреть статистику и т.д. (см. рис 35).
Рисунок 35
Так же вы можете изменить домен вашего квиза. Найти и изменить его можно в разделе «Установка» (см. рис 36).
1 из 2
Рисунок 36
Чем же полезен квиз?
Квиз — это викторина, опрос, многошаговая игровая форма, позволяющая:
— собрать информацию о потенциальных покупателях
— повысить лидогенерацию, снизить её стоимость
— привлечь трафик из социальных сетей (за счёт вирусного эффекта)
— увеличить кликрейт (количество переходов на ресурс)
— снять потенциальные возражения клиента при рассмотрении предлагаемого продукта