После создания купонов в панели управления необходимо дать пользователю возможность активировать их при покупке. В Gridbox за это отвечает встроенный элемент формы оформления заказа. Вы можете настроить его визуальное отображение, изменить текст плейсхолдеров и кастомизировать дизайн кнопки применения скидки.
1. Интеграция элемента в Checkout
Вывод поля для ввода купона осуществляется через редактор страницы оформления заказа:
- ■ Откройте страницу Checkout в визуальном редакторе Gridbox.
- ■ В настройках плагина оформления заказа найдите и активируйте опцию отображения поля Promo Code.
- ■ Настройте внешний вид: выровняйте поле по сетке, задайте внутренние отступы (padding) и кастомизируйте сообщения об успешной активации или ошибке (например, «Промокод не существует»).
Не забудьте изменить дефолтный текст плейсхолдера «Enter promo code» на русскоязычный аналог («Введите промокод») в языковых константах или напрямую в настройках элемента, если проект не мультидоменный. Это снизит барьер для пользователей, не владеющих английским.
С точки зрения UX-архитектуры, если у клиента на текущий момент нет активных маркетинговых кампаний, это поле лучше временно скрыть через настройки плагина. Пустая строка «Введите промокод» заставляет пользователя бросать корзину и уходить в гугл на поиски купонов, откуда он часто не возвращается. Если поле активно — сделай его аккуратным, не перетягивающим на себя внимание от главной кнопки «Оформить заказ». Примени кастомный CSS для скруглений и цвета кнопки, чтобы элемент сидел в дизайне как родной.