технология

Как сделать голосование-баттл на вашем сайте: конструктор Interacty

В отличие от привычного «традиционного» голосования, голосование-баттл позволяет отдать за понравившийся вариант неограниченное количество голосов.

Формат голосования-баттла отлично подходит для повышения активности аудитории и лучше всего работает, когда есть 2 «непримиримых» варианта: например, кошки или собаки, платье белое с золотым или синее с черным, Оксимирон или Гнойный.

Как создать голосование-баттл?

Свой баттл можно сделать всего за несколько минут с помощью универсального конструктора интерактивного контента Interacty. Откройте галерею шаблонов и выберите механику «Рейтинг-баттл».

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

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

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

Для загрузки картинок баттла кликните по одной из карточек голосования (в нашем случае это кошка или собака). Обе карточки выделятся голубой обводкой — теперь их можно масштабировать и двигать внутри рабочей области. При этом на панельке справа появится кнопка загрузки изображений.

Нажмите на кнопку «Загрузить» — и перед вами появится всплывающее окно с двумя картинками. Кликните по картинке, чтобы заменить изображение. Для примера сделаем рейтинг-баттл «Оксимирон против Гнойного».

Когда изображения загружены, можно заняться деталями. Например, перекрасить кнопку голосования (в редакторе это «Подсветка лидера»).

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

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

Готово! Теперь опубликуйте проект: используйте прямую ссылку на ваш баттл или встройте проект на сайт или в блог, используя код, полученный при публикации.

Как добавить в Рейтинг-баттл текст и социальные кнопки?

Если вы создаете рейтинговое голосование, но не планируете встраивать его на сайт или же просто хотите добавить дополнительную информацию (такую как заголовок, подписи или социальные кнопки), вам потребуется режим «Эксперт».

Перед тем как начать добавлять элементы, в уже созданном проекте поменяем фон и сдвинем блок с голосованием ниже, чтобы освободить место для заголовка.

Режим «Эксперт» включается на панели справа и позволяет добавлять тексты, картинки (в том числе логотип) и кнопки. Кликните по элементу, чтобы он добавился в проект (также работает drag and drop).

У нас получился вот такой проект.

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

Все, публикуйте! Посмотреть, что получилось можно по ссылке.

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

Над материалом работал
Артем Гришанов

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

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

Если вы нашли ошибку, пожалуйста, выделите фрагмент текста и нажмите Ctrl+Enter.

Больше медиаполезностей

Больше медиаполезностей

Еженедельная рассылка по средам для мультимедийных авторов

You have Successfully Subscribed!

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

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