Кредитный баннер

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

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

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

dd4af5c068cb286edcd26d2d7b3b5534.png


Группа виджетов:  Стейджи

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

13cfa17d853963d998926559283f97d6.png

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

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

673c4203a389657fd788d3c944cf6587.png
  • Выравнивание текста на баннере.

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

6da85fd70c0667654242fa1f13f7ac6d.png

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



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

746cb0905a4d9648b05923c5d78a6ebd.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. Добавление дисклеймера. Для добавления дисклеймера к выделенному тексту нужно вставить текст в специальную форму, которая вызывается нажатием на иконку * в панели визуального редактора.
Для редактирования дисклеймера необходимо выделить текст, к которому относится дисклеймер, нажать на иконку и отредактировать текст в всплывающем окне.
f7b7266b92aace5138c48e40132c51c2.png
  • Добавление колонки

0d9b6c938ec8ab3b58163acdd12d2b3c.png

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

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

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

658572e2c558744f1081f192026a0376.png

Цвет кнопки

f31d12c93b3902ce728a2022b3c4476a.png

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

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

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

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


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

bd110c96a7124f6d5ec4112f08f17d86.png

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

4129653dcbb7cfbd96aa3b740f2d791a.png






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