Как добавить свои цвета и шрифты в попап или встроенный блок
  • 07 Feb 2023
  • 1 минута
  • Темная тема
    Светлая тема
  • формат pdf

Как добавить свои цвета и шрифты в попап или встроенный блок

  • Темная тема
    Светлая тема
  • формат pdf

Article Summary

Задача: шрифт и цвет на попапе совпадают со шрифтом и цветом на сайте.

Как создавать и интегрировать попап можно прочитать в статье как создать попап.

Выбор цвета

Рекомендуем для подбора цвета с формы использовать расширение для браузера Eye Dropper или использовать номер цвета с брендбука компании.

Во вкладке "Цвета формы" выберите подходящие цвета.

Снимок экрана 2021-01-28 в 16.34.35.png

Выбор шрифта

Зайдите на свой сайт, нажмите правой кнопкой мыши на текстовом поле – “посмотреть код” (для Safari - “проверить объект”):

Снимок экрана 2021-01-28 в 15.04.11.png

Находим значение font-family, полностью его копируем:

Снимок экрана 2021-01-28 в 15.17.41.png

Далее зайдите в форму в админке, нажмите “Изменить”:

Снимок экрана 2021-01-28 в 15.08.05.png

Затем перейдите в “Редактирование”:

Снимок экрана 2021-01-28 в 15.11.05.png

Здесь нужно выбрать “Шрифты: общие настройки”:

Снимок экрана 2021-01-28 в 15.07.47.png

Поставьте галочку “Использовать свой шрифт” и добавьте скопированный с сайта текст:

Снимок экрана 2021-01-28 в 15.19.52.png

Обратите внимание!

Шрифт в форме будет подгружаться с сайта, но при редактировании шаблона в Mindbox может отображаться некорректно из-за того, что на платформе Mindbox этого уникального шрифта может не быть. Ваш уникальный шрифт можно будет увидеть только на вашем сайте после того, как вы перейдете по тестовой ссылке формы.

Снимок экрана 2021-01-28 в 15.20.45.png

Подробнее о тестировании можно прочитать в статье - как создать поп-ап.

Если у вас возникли сложности на любом шаге настройки – напишите в нашу поддержку. Чат с поддержкой есть справа внизу.

Как использовать попапы, не раздражая клиентов. Какие ошибки совершают бренды при создании попапов и как сделать, чтобы этот инструмент приносил пользу и клиенту, и компании.

Была ли эта статья полезной?