Как сделать квиз на Тильде?

Если ваш сайт собран на конструкторе, например Tilda Publishing, то вы можете создать свой квиз с помощью виджета Moclients за считанные минуты. В данной статье мы пошагово разберём, как это делается.

Шаг 1: Создаём одноэкранный сайт на Тильде

Добавляем новую страницу (или сайт) и выбираем блок из раздела "Обложка", в котором есть кнопки. Например, CR15-17.

Добавляем тематическую фоновую картинку, пишем заголовок с УТП и делаем кнопку "Рассчитать стоимость".

Либо более сложная механика, в которой вы сразу предлагаете решение проблемы клиента + выгоду.

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

Шаг 2: Создаём квиз на конструкторе

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

Вначале регистрируемся здесь.

Далее жмём кнопку "Добавить виджет" и выбираем тип "Квиз-тест"

Подробно расписывать настройки я не буду, так как это есть в нашем подробном видео-обучении. Крайне рекомендую прямо сейчас вложить 20 минут своего времени и посмотреть его, можно пропустить вступление и начать с 3:25. После этого вы практически гарантированно создадите эффективный инструмент.



Поздравляем, вы создали свой первый квиз! С этого момента у вас есть 2 недели бесплатного тестового периода полноценного тарифа, после чего вы перейдёте на бесплатный тариф, имеющий единственное ограничение - не более 10 заявок в месяц.

Шаг 3: Устанавливаем квиз на Тильду

После того как все необходимые настройки произведены, переходим в раздел "Установка на сайт" и копируем код виджета.

Возвращаемся на созданный нами на Tilda сайт, добавляем новый блок в самом низу "Другое" -> "HTML-код" и в настройках контента данного блока в единственное поле вставляем скопированный скрипт виджета. После чего жмём "Сохранить и закрыть".

Всё, скрипт виджета установлен на ваш сайт! Не забудьте опубликовать изменения, чтобы они стали дсотупны всем пользователям.

Шаг 4: Настраиваем всплывание квиза при нажатии на кнопку

Чтобы при нажатии на кнопку "Пройти опрос и получить подарок" всплывал квиз, необходимо зайти на страницу со списком виджетов в сервисе Moclients и посмотреть ID виджета, который выглядит как #mc_X, где X - порядковый номер виджета. В нашем случае это #mc_3, а если вы только что создали первый квиз, то ID будет #mc_0

Теперь открываем настройки контента блока, и в поле "Ссылка для кнопки" вписываем ID вашего виджета, показанный выше. Именно он будет всплывать при нажатии.

Жмём "Сохранить и закрыть" и "Опубликовать". Открываем свой сайт, жмём CTRL+F5 (чтобы сбросить кэш, иначе изменения могут не сразу примениться) и тестируем. Всё работает? Ну и отлично!

Теперь вы можете самостоятельно создавать quiz-site на Тильде и получать дешёвые заявки для своего бизнеса. Если же вы хотите создать отдельный квиз-сайт не на конструкторе, то прочитайте эту статью.