Полоса бесплатной доставки для интернет-магазина

Полоса бесплатной доставки для интернет-магазина: для чего нужен

Полоса бесплатной доставки показывает клиенту, сколько осталось до бесплатной доставки, и это побуждает добавить ещё один товар в корзину, а не отказаться из-за стоимости доставки. Задайте минимальную сумму, сообщение, пока не хватает (с суммой в рублях вместо {valor}), и сообщение при достижении порога.

Код создаёт функцию freteGratis(total), которую вы вызываете каждый раз при изменении суммы корзины. Полоса использует элемент progress, а сообщение озвучивается для программ чтения с экрана. Проверьте с помощью поля суммы прямо на странице.

Как пользоваться

1. Задайте сумму для бесплатной доставки.
2. Напишите сообщения и выберите цвет.
3. Скопируйте код и вызывайте freteGratis(total) в корзине.

Когда использовать

• Корзина интернет-магазина.
• Верх страницы товаров.
• Страница оформления заказа.

Частые вопросы

Увеличивает ли полоса бесплатной доставки продажи?

Она показывает, сколько осталось до бонуса, что побуждает клиента добавить ещё один товар, а не бросить корзину из-за доставки. Лучше всего работает, когда минимальная сумма немного выше среднего чека магазина.

Как подключить полосу к моей корзине?

Код создаёт функцию freteGratis(total). Вызывайте её каждый раз, когда сумма корзины меняется, например freteGratis(87.5), и полоса с сообщением обновятся. В готовых платформах добавьте вызов в событие обновления корзины.

Доступна ли она?

Да. Полоса использует элемент progress, который понимают программы чтения с экрана, а сообщение находится в области aria-live, которая озвучивается при изменении.

Правда бесплатно?

Да, 100% бесплатно. Без регистрации, без подписки и без ограничений использования. Все инструменты Tools123 бесплатны.

Похожие инструменты