Рассрочка на витрине работает как аргумент в пользу покупки: человек видит цену не целиком, а частями по месяцам, и остаётся на странице. Поэтому платёжные сервисы дают магазинам готовые бейджи - маленькие плашки с условиями, которые ставят прямо в карточку товара. У Яндекс Пэй такой бейдж показывает две вещи: сколько баллов Плюса начислится и как разложится платёж по Сплиту.
Магазин мультибрендовой женской одежды подключил Яндекс Пэй со Сплитом на 2, 4 и 6 месяцев и попросил вывести обе плашки на карточку и в корзину. Документация обещает, что это делается одним тегом. На практике мы потеряли на этом день отладки - и рабочий способ нашли не в документации.
Как это должно работать по документации
Яндекс даёт готовый веб-компонент - специальный HTML-тег, который сам рисует плашку. Разработчик подключает скрипт платёжного сервиса, ставит тег с атрибутами (тип бейджа, цена товара, идентификатор) - и получает готовый блок с условиями. Ни вёрстки, ни расчётов на своей стороне: суммы и проценты сервис считает сам и держит в актуальном состоянии.
Мы так и сделали. Первое время всё работало: на живом товаре показывались и баллы, и Сплит.
Что пошло не так
В консоли браузера сервис писал предупреждение: один из атрибутов устарел, используйте новый. Обычная гигиена - поправили, как советует сам сервис. После этого Сплит пропал.
Дальше начинается то, ради чего написана статья. Сплит не вернулся, когда мы откатили правку обратно. Не вернулся ни при каком другом наборе атрибутов - мы перебрали около пяти комбинаций из документации и из собственного скрипта сервиса. Баллы Плюса при этом показывались всегда, но по базовой ставке, без учёта акций. Ошибок в консоли не было - только то самое предупреждение об устаревшем атрибуте, которое и сбивает с толку: кажется, что надо поправить именно его.
Штатная интеграция готового решения магазина тоже не подошла. У неё нашлись свои особенности: повторная вставка блока на странице ломала вывод, а цену не видели неавторизованные посетители - запрос за данными закрыт авторизацией. То есть ровно та часть аудитории, ради которой бейдж и ставят, условий рассрочки не видела.
Где нашёлся рабочий способ
В исходном коде того же официального скрипта Яндекса. Кроме нового тега там жив прежний способ вывода бейджей - обычный вызов метода, которому передаёшь контейнер и параметры. Именно им под капотом пользуются готовые компоненты самого сервиса, но на странице документации про новый тег он не описан.
Этот способ стабильно рисует обе плашки с правильными цифрами. Переключились на него - и в карточке товара, и в корзине. Никаких обходных хитростей: тот же официальный скрипт сервиса, просто другая точка входа в него.
Новый тег из документации: баллы показываются, рассрочка молча пропадает и не возвращается. Отладка только глазами - содержимое плашки закрыто от инструментов.
Прежний метод вывода из того же скрипта: обе плашки с правильными цифрами, на карточке и в корзине, в том числе для неавторизованных посетителей.
Что из этого стоит забрать
- →Проверяйте бейджи глазами после каждой правки. Отсутствие ошибок в консоли ничего не гарантирует: плашка отрисовалась, просто внутри неё половина условий.
- →Предупреждение об устаревшем атрибуте - не всегда то, что надо чинить. Оно уводит в сторону от настоящей причины и провоцирует правку, после которой становится хуже.
- →Смотрите исходный код скрипта сервиса, а не только страницу документации. Документация описывает рекомендуемый путь, а в скрипте живут и другие рабочие, которые сервис использует сам.
- →Проверяйте вывод от лица неавторизованного посетителя. Часть готовых интеграций отдаёт цену только тем, кто вошёл в аккаунт, - и условия оплаты не видит как раз новый покупатель.
Технический итог: рассрочка и баллы видны покупателю на карточке товара и в корзине, клиент подтвердил это на боевом сайте. Цифр влияния на продажи пока нет - для этого нужен период наблюдения. Для похожей задачи у другого магазина это экономия минимум одного дня отладки. Подключение и настройка оплаты - часть работ по сопровождению магазина: витрину смотрим целиком, а не только тот блок, который сломался.
