Баннер модели

Последние изменения: 23.03.2022

Баннер модели

Виджет отображения текстовой и визуальной информации о модели. Имеется возможность добавления ссылок и кнопок.

Пример использования на сайте:

db0656fb00dc9ede5a04b23f0ff3da75.png

Заходим в группу виджетов “Стейджи”, выбираем “Баннер модели”.

06ddfa1f6e893e60bf8fcc90f7519f59.png

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

  • Настройки отступов. При желании вы можете настроить отступы между виджетами. По умолчанию они включены:

0ccb26f5ce9646b9c2ffccec2d510a14.png
  • Выбор изображения. Имеется возможность добавления изображения для десктопа, лэптопа, планшета и мобильного устройства.

dd1d9caef2c25d9e4e48165671097b66.png
  • Использование разметки schema.org. Путем нажатия галочки вы можете использовать разметку на данной странице.

86c314405da6e0fcb7fd5f34a29298f9.png
25036755fb8061706fb1bab760fecfeb.png


Микроразметка schema.org помогает поисковикам лучше понимать данные, представленные на сайте. С помощью данной разметки можно указать поисковым роботам какая модель автомобиля находится на данной странице и передать основные параметры: название модели, цену, описание.

Визуальный редактор

Доступ к разметке (html) не предоставляется.

Панель инструментов визуального редактора

1c119029b81b0b4241cb70bbf4c35b7a.png
  1. B выделение текста жирным

  2. I преобразование выделенного текста в курсив.

  3. U подчеркивание — добавление сплошной линии под выделенным текстом

  4. T зачеркивание — добавление сплошной линии через выделенный текст

  5. h — возможность использовать теги

  6. А — размер текста. В развернутом виде есть возможность установить заголовок. В свернутом виде отображает размер текста, на котором установлен курсор. Рекомендуемый размер обычного текста — А2.

  7. Выравнивание текста по левому краю

  8. Выравнивание текста по центру

  9. Выравнивание текста по правому краю

  10. Возможность установить неразрывный пробел в тексте

  11. Изменение цвета выделенного текста (набор цветов предустановлен в соответствии со стилистикой сайта).

  12. Вставка телефонного номера

  13. Прикрепление ссылки. Нужно выделить текст для ссылки и нажать на иконку, указав URL в всплывающей форме.

  • Для ссылки на страницу текущего сайта достаточно указать относительный URL , например, /models/rapid

  • Для ссылки на внешний ресурс необходимо указать полный URL , например, https://skoda-avto.ru/models/rapid

14. Добавление дисклеймера. Для добавления дисклеймера к выделенному тексту нужно вставить текст в специальную форму, которая вызывается нажатием на иконку * в панели визуального редактора. Для редактирования дисклеймера необходимо выделить текст, к которому относится дисклеймер, нажать на иконку и отредактировать текст в всплывающем окне

fd7dc9d4768a2b00d46674d9cf71dd8d.png
  • Добавление колонки

f2c2cb0a0326427ecedc23be8e5a1a71.png

Данный компонент виджета позволит вывести на баннер модели необходимую информацию (стоимость, условия кредита, ставки). Также имеется возможность добавления дисклеймера.

332d7e6dde30045ad1a8981c0d928055.png
  • Добавление кнопки. Данный компонент виджета позволит добавить необходимые кнопки на баннер.

e02994c0a23af8a4987a2b312c3a6bc8.png
9c4497905a27e7cc3734fa789768f4f1.png

В поле “Текст” пишем название кнопки, выбираем необходимый Размер.

3e429aa1d6ff5b9f2a0eea39193009fd.png
f8fb5332f7b83156eabbacef0f0959d5.png


Настройки ссылки

  • Выбор типа ссылки _self (ссылка откроется в том же окне) или _blank (в новом окне)

  • Строка для вставки ссылки на страницу и кнопка для загрузки файла

  • Выбор значения атрибута rel

После окончания работ, сохраняем виджет 

06f22ea3ec743097b18b94f18c9eec6b.png

и публикуем страницу

05be0642adb8fcb07eaf5ccdd2f04fb3.png


Помогла ли вам статья?