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