Виджет «Преимущества Mini»

Виджет «Преимущества Mini»

Виджет «Преимущества Mini» — это компактный способ показать ключевые выгоды вашего сервиса онлайн-заказов. Он подходит для того, чтобы кратко и убедительно рассказать клиентам о ваших сильных сторонах, занимая мало места на странице.

Создание виджета

Добавить виджет на сайт можно двумя способами:

Способ 1: Через раздел «Виджеты»

  1. Перейдите в раздел Контент → Виджеты.

  2. Нажмите кнопку «Добавить» в правом верхнем углу.

  3. В открывшемся окне выберите «Преимущества Mini» и нажмите «Создать».

Способ 2: Через редактор страницы

  1. Откройте нужную страницу в редакторе (через Контент → Наполнение сайта → Страницы).

  2. В левой панели с виджетами найдите «Преимущества Mini».

  3. Перетащите его в нужную область страницы или нажмите на значок +.

  4. Во всплывающем окне выберите действие:

    • «Создать» — чтобы сразу настроить новый виджет.

    • «Выбрать» — чтобы использовать уже созданный ранее виджет из списка.

Настройка виджета

После создания откроется форма настройки. Заполните следующие параметры:

  • Название - Внутреннее название для удобного поиска в списке виджетов. На сайте не отображается.

  • Количество в ряд - Определяет, сколько элементов преимуществ будет показано в одной строке. Доступны варианты: 2 или 3. Выберите то, что лучше смотрится в дизайне вашей страницы.

  • Тип устройства - Позволяет настроить, на каких устройствах будет виден этот виджет. Например, можно скрыть его на мобильных, если он плохо вписывается. По умолчанию стоит значение «Универсальный», чтобы виджет отображался везде.

  • Тег заголовка преимущества - HTML-тег для заголовков каждого элемента. Это важно для SEO. Используйте H2 или H3 для сохранения логической структуры заголовков на странице.

Настройка элементов преимуществ

Здесь вы добавляете и настраиваете каждое преимущество, которое хотите показать.

  • Заголовок - Короткий и яркий заголовок преимущества (например, «Быстрая доставка»).

  • Описание - Небольшой поясняющий текст, который раскрывает заголовок (например, «Привезём заказ за 2 часа в пределах города»).

  • URL - Ссылка, которая будет открываться при клике на заголовок преимущества. По умолчанию стоит ссылка на главную страницу. Вы можете изменить её на любую другую, например, на страницу с подробным описанием услуги.

  • Изображение - Иконка, которая визуально усиливает сообщение. Нажмите «Обзор», чтобы загрузить файл с вашего устройства.

Не забудьте нажать кнопку «Сохранить», чтобы применить все изменения.

Требования к изображениям

Для сохранения единого стиля и чёткого отображения соблюдайте следующие параметры:

  • Формат: JPEG или PNG.

  • Размер: 40×40 пикселей. Изображения другого размера будут автоматически сжаты до этих пропорций, что может ухудшить их качество.

Порядок установки на сайт

Если вы создали виджет через раздел «Виджеты» (Способ 1), его нужно вручную разместить на нужной странице.

  1. Перейдите в Контент → Виджеты и найдите созданный виджет.

  2. Скопируйте код из поля «Код для установки на сайт».

  1. Откройте страницу, которую хотите редактировать, перейдите в режим HTML-редактора. Так же можно сделать через виджет «Компонент» или «Исходный код».

  2. Вставьте скопированный код в то место, где должен отображаться виджет.

  3. Сохраните изменения.

(Дважды кликните по изображению, чтобы запустить GIF)

Совет: Для простоты и наглядности используйте Способ 2 (через редактор страницы), так как он позволяет сразу видеть, как виджет будет выглядеть в структуре сайта.

(Дважды кликните по изображению, чтобы запустить GIF)