Колесо фортуны

1. Колесо фортуны с кастомизацией. Простое создание и настройка колеса с различными секторами и призами.
2. Лимит призов. Ограничение на количество выигрышей с учетом лимита призов.
3. Адаптивный дизайн. Колесо фортуны автоматически подстраивается под разные устройства — от десктопов до мобильных телефонов.
4. Группы пользователей для призов. Победители автоматически распределяются по группам, в зависимости от полученного приза.
5. Простая настройка через дополнительные поля. Возможность задать названия призов и их распределение через удобные интерфейсы платформы GetCourse.
6. Гибкость в настройке шансов. Легкая настройка вероятности выпадения каждого приза, возможность учесть лимиты на количество победителей.
7. Сегментация пользователей. Управление видимостью лотереи на странице для разных сегментов пользователей.
8. Автоматическая выдача призов. Автоматизация процесса выдачи призов через заранее настроенные процессы GetCourse.
9. Настраиваемый внешний вид. Изменяйте размеры и внешний вид колеса с помощью переменных для оформления.

1. Создайте доп. поле с типом «Строка» и задайте ему любой заголовок. Обязательно проверьте другие доп. поля на наличие заголовков. Если у какого-то поля будет отсутствовать заголовок, то вы можете поймать баг платформы и значение приза может не записаться в поле.
2. Создайте группы пользователей равные кол-ву призов в колесе.
3. Создайте пустую страницу и импортируйте все блоки (коды для импорта блоков появятся ниже после оплаты). Как импортировать?
4. Самой странице сделайте доступ только для авторизованных пользователей. У неавторизованных нет возможности отследить и выдать выигрыш.
5. Создайте сегмент пользователей с условием «Значение поля», выберите созданное поля и укажите «Задано».
6. В HTML-блоке (само колесо) на странице в настройках видимости в колонке «Скрывать, если пользователь» укажите «В сегменте» и выберите созданный сегмент.
7. Создайте процесс для выдачи приза.
8. В форме на странице в обработчике формы поставьте запуск процесса.
9. В CSS-блоке указаны переменная для стилизации обводки колеса.
10. В блоке с количеством призов указаны текстовые блоки, их кол-во должно быть равное кол-ву секторов колеса. В каждом текстовом блоке указана переменная {calc_group_count_ID}. Это переменная, отображающая кол-во пользователей в конкретной группе. В процессе не забудьте после выдачи приза добавить блок «Операция», где выберите «Добавить в группу» и выберите группу соответствующую своему призу.
11. В этой переменной вместо ID, нужно указать реальное айди группы. Айди вы можете найти в адресной строке браузера, перейдя в саму группу.
12. После импорта всех блоков у вас будет 2 JS-блока. Нужно выбрать нужен ли учет шансов выдачи приза или нет. Тот JS-блок, который не понадобится нужно удалить или скрыть для всех настройками видимости.

Если выбран JS-блок без учета шансов:

1. В JS-блоке в самом начале указаны несколько переменных, которые нужно настроить под условия розыгрыша
2. В первых четырех переменных dekstopWidth, mobileWidth, dekstopFontSize, mobileFontSize нужно указать размеры самого колеса и текста в секторах в числовом формате.
3. Далее идет переменная prizes внутри которой есть строки для настройки каждого сектора. Если нужно добавить еще призы, то просто копируйте одну строчку и вставляйте под последнюю. Обратите внимание, что после каждой из этих строк должна быть запятая.
4. Вся информация о данных, которые нужно настроить в каждой строке указана под самой переменной prizes.

Если выбран JS-блок с учетом шансов:

1. В JS-блоке в самом начале указаны несколько переменных, которые нужно настроить под условия розыгрыша.
2. В первых четырех переменных dekstopWidth, mobileWidth, dekstopFontSize, mobileFontSize нужно указать размеры самого колеса и текста в секторах в числовом формате.
3. Далее идет переменная prizes внутри которой есть строки для настройки каждого сектора. Если нужно добавить еще призы, то просто копируйте одну строчку и вставляйте под последнюю, но в предпоследней строке после закрывающей фигурной скобки должна быть запятая.
4. Вся информация о данных, которые нужно настроить в каждой строке указана под самой переменной prizes.
5. При настройке процента вероятности каждого приза нужно учесть, что сумма всех процентов каждого приза должна быть не больше 100%.

Важно

Если добавляете сразу 2 JS-блока на страницу, то неиспользуемый скрывайте настройками видимости.

Дополнительно

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