Как добавить квиз в сайт на Tilda?

Для вставки квиза в сайт на Tilda необходимо:

В зависимости от того, где вы планируете размещать квиз на сайте Tilda, вам нужно скопировать прямую ссылку на квиз, код для вставки на сайт (если вы хотите разместить квиз в теле сайта) или класс на ссылку открытия (если планируете размещать квиз по нажатию на кнопку)

Перейти во вкладку Код виджета и скопировать нужное поле, в зависимости от способа установки: в тело сайта, на внутреннюю страницу или открытие по кнопке.

Для начала скопируйте Код инициализации на сайте. Это нужно для размещения любого квиза. Вам необходимо скопировать Код инициализации на сайте Awidget (где можно найти код инициализации описано в другой инструкции).

Далее вам нужно скопированный код вставить на сайт. Для этого выберете сайт и сверху нажмите «Настройки сайта»

Затем в самом конце списка выберете «Ещё».

В появившейся странице вам нужно найти строку «HTML-КОД ДЛЯ ВСТАВКИ ВНУТРЬ HEAD» под которой будет поле для вставки кода. Добавьте его туда.

После этого нажмите сверху на «Сохранить изменения»

Далее переходим в редактор сайта на Tilda и добавляем новый блок путем нажатия на иконку "+" => "Другое" => "HTML-код".

PS: обратите внимание, что блок «HTML-код» работает только на платном тарифе Tilda, т.е. вам нужно сразу подключить тариф «Tilda Personal» или «Tilda Business».

Кликаем по кнопке Контент, вставляем скопированный код (из поля «Код для вставки на вашем сайте:») в поле "HTML КОД / КОД ВИДЖЕТА" и сохраняем изменения.

Затем переходим обратно в личный кабинет Awidget, копируем Код квиза

Вставляем его в нужный блок, аналогично, как вставили Код инициализации.

Кликаем кнопку Сохранить и закрыть и далее кликаем Опубликовать страницу в правом верхнем углу.

Готово! Квиз установлен на ваш сайт.

Использование кнопки Tilda

1. Скопируйте код инициализации квиза и вставьте его, как показано в инструкции выше.
2. Скопируйте класс кнопки. Перейдите на страницу "Код виджета" => " Ссылка (атрибут href)". Скопируйте ссылку. (Пример ссылки: #s52widgets__modalshow_575).

   

3. Пропишите код. Перейдите в редактор сайта Тильда, выберите кнопку и кликните на кнопку “Контент” в блоке с кнопкой.

   

4. Вставьте скопированную ссылку в поле “Ссылка для кнопки” (при необходимости удалите старую ссылку), затем кликните “Сохранить и закрыть”.

   

5. Опубликуйте страницу. Готово! Квиз будет открываться при нажатии на кнопку.