Как за 10 минут сделать онлайн-печенье с предсказаниями: сервис Interacty

Как за 10 минут сделать онлайн-печенье с предсказаниями: сервис Interacty

технология

Как за 10 минут сделать онлайн-печенье с предсказаниями: сервис Interacty

Печенье с предсказанием (в английском языке fortune cookie) — это хрустящее сладкое печенье с бумажным посланием внутри. Таким посланием может быть афоризм или смутное пророчество. Особенно популярными печеньки с предсказаниями стали в США, а затем распространились по миру.

Рассказываем, как бесплатно создать увлекательный интерактивный проект — онлайн-печенье с предсказаниями.

Рассказываем, как сделать онлайн-печенье с предсказаниями в виде простой и веселой игры-гадания.

Сделать онлайн-игру можно в бесплатном сервисе Interacty. Для этого откройте галерею шаблонов и выберите механику Тесты «Узнай себя».

На странице вы увидите несколько шаблонов. Выберите шаблон под названием «Fortune Cookies» и нажмите «Использовать шаблон».

Если вы не зарегистрированы, то сервис предложит создать аккаунт (это бесплатно и займет меньше минуты). Если у вас уже есть аккаунт, то вы сразу же попадете в редактор Interacty.

Перед вами — готовый к публикации проект. Достаточно просто заменить тексты или настроить оформление в соответствии с вашей идеей.

Структура проекта предельно проста. На первой странице («Вопросы») расположены кликабельные картинки с печеньками, а на остальных страницах («Результаты») — сами предсказания. Если вас устраивает количество печенек, то просто пройдитесь по страницам и замените тексты — ваш проект готов к публикации! Правда быстро? 🙂 Посмотреть пример проекта можно по ссылке в конце статьи.

Те, кто любит, чтобы все было идеально, могут выбрать свои собственные изображения и тексты, которые будут отображаться при публикации проекта в соцсетях. Сделать это можно в разделе «Проверка». Можно загрузить одну общую картинку, а также индивидуальные картинки для каждого из результатов.

Редактор Interacty позволяет легко и быстро оформить проект в соответствии с вашей идеей: можно заменить цвета, шрифты, добавить стартовую страницу (Обложку проекта), загрузить фон, свои собственные изображения печенек (а может это будут вовсе не печеньки, а, например, новогодние шары?), а также изменить их количество.

Как добавить еще онлайн-печенек

Если вы решите добавить печеньки, кликните по одной из них и выберите «Добавить вариант ответа» или же используйте простое копирование-вставку (Ctrl+C, Ctrl+V).

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

Теперь осталось добавить страницы с посланиями (их количество должно соответствовать количеству печенек) и «привязать» их к печенькам.

Чтобы добавить страницу с посланием, просто наведите курсор на страницу результата и нажмите «Клонировать».

Добавьте нужный текст — и «послания» готовы. Осталось связать печеньки с новыми страницами. Для этого на главной странице наведите курсор на одну из печенек и кликните по синей иконке привязки.

Чтобы добавить кнопку «Повторить»/«Получить еще одно предсказание», нужно включить режим «Эксперт» на панели справа и перетащить кнопку на финальный экран. Так как экранов несколько, то кнопку можно будет скопировать на все при помощи Ctrl+V.

В открывшемся окне настройки проставьте для каждой печеньки «сильный» тип связи. Порядок не важен — главное, чтобы каждая печенька была связана с одной из страниц. Готово! Убедиться, что все сделано правильно, и покликать проект до публикации можно в разделе «Предпросмотр».

Готовый проект можно встроить на сайт или в блог, а можно сделать доступным по прямой ссылке, как в нашем примере (кликните на фото).

Инструкция актуальная на ноябрь 2020 года.

Над материалом работал
Олег Лукинов

Иллюстрации:
скриншоты сервиса Interacty

Знаете похожие технологии? Расскажите о своем опыте, нам интересно!

Сообщить об опечатке

Текст, который будет отправлен нашим редакторам: