1. Открываем html-файл нужной страницы в вашем любимом редакторе кода (мы пользуемся редактором Brackets) ;
5. Переходим в админ-панель Madtest и выбираем необходимый тест;
6. Жмем на кнопку «Редактировать»;
7. Переходим на вкладку «Предпросмотр»;
8. Жмем на кнопку «Скопировать код виджета» в правой части экрана;
9. Возвращаемся в html-редактор;
10. Вставляем в нужное место код виджета и сохраняем файл;
11. Готово, можно проверять корректность работы на странице.
За счет того, что виджет теста полностью адаптивный, не имеет значения где вы его разместите – хоть в основном контенте, хоть в сайдбаре – тест будет отлично отображаться в любом месте.
Если вам нужно будет внести изменения в тест, то вы делаете это только в админ-панели Madtest. Код виджета, который вы вставили в материал, менять не нужно.
Скриншоты всего процесса можно посмотреть в галерее ниже: