December 16, 2024

Как реализовать вывод частей промо-кода на странице из серии видео уроков.

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

Задача: Выводить на страницах с уроками значения промо-кода, которые ввел пользователь.

Условия:
1. Промо-код должен выводиться одной строкой с дефисом между частями
2. Пользователю должно быть понятно, какие части уже заполнены
3. Если есть ошибка в части промо-кода, то вывести сообщение об этом
4. Моментальное отображение введенной части на странице с уроком.

С какими сложностями столкнулся, при реализации?

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

Решение, оказалось намного проще, чем я изначально предполагал.

Как в итоге реализовал:

Создаем допполя пользователя для каждой части кода.
Далее в обычную форму вставляем допполе соответствующей части кода.
В обработчик формы добавляем переадресацию и в ней ставим галочку «Обновить текущую страницу».
А в настройках видимости блока формы скрываем по сегменту «Верно допполе часть...». Предварительно создаем сегменты для каждой части. Я использую две группы сегментов «Верно...» и вторая — «НЕ верно».

Если в части кода ошибка, то под формой выводится сообщение об этом:

Это обычный текстовый блок с настройками видимости - Показывать сегменту «НЕ верно....». Активна настройка анимации, чтобы привлечь внимание к блоку.

Блок с частью промо-кода:

В настройках видимости, показывать сегменту «Верно....» соответствующего уроку допполя.

А в тексте указана переменная допполя:
{chast_2_promo_dp}-XXX-XXX-XXX-XXX, где 2 -это часть промокода. ❗️Обязательно поставить галочку «Заменять переменные пользователя».

Блок со всеми частями кода

Настройки видимости по сегменту для 5ой части промокода.

Таким образом легко и просто можно выводить красиво промокод с прогрессом сбора. А далее уже от целей и фантазии.

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

Конец инструкции.

П.С.

Задать вопрос по статье

ТГ канал «Укротитель Геткурс»

Предсписок на курс по модулю «Воронки»