Возвращайте до 18% с пополнений рекламы
  • Все популярные рекламные сети в одном окне
  • Рекламные инструменты — бесплатно
  • Доступ к конструктору лендингов и WebApp-приложений
  • Закрывающие документы точно в срок
ring svg
  1. Главная >
  2. Блог >
  3. Туториалы LPgenerator >
  4. Дополнительные шрифты - новый виджет редактора LPgenerator

Дополнительные шрифты - новый виджет редактора LPgenerator

Здравствуйте, дорогие пользователи платформы LPgenerator!

Сегодня мы готовы порадовать вас хорошей новостью: в визуальный редактор платформы добавлен новый долгожданный виджет “Дополнительные шрифты”.

С помощью нового виджета вы сможете загрузить в текстовый редактор LPgenerator любой шрифт (или сразу несколько), представленный на ресурсе Google fonts.

дополнительный шрифт

Итак, расскажем как это сделать.

1) Зайдите на ресурс Google fonts.

Google fonts

2) Обязательно укажите алфавит , то есть набор символов.

Если лендинг русскоязычный, то выберите кириллический (Cyrillic):

Google fonts

Google fonts

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

Google fonts

3) Выберите нужный шрифт.

Для того, чтобы протестировать шрифт, вы можете ввести в поле шрифта произвольный текст, любую фразу или буквы:

Google fonts

Здесь можно посмотреть шрифт в различном масштабе, заголовке, предложении и цифрах, а также задать нужную толщину шрифта:

Google fonts

Нажмите на "+" сверху справа от шрифта для того, чтобы добавить его.

Google fonts

Обратите внимание: шрифт будет добавлен именно той толщины, которую вы задавали в окне настройки:

Google fonts

4) Добавленный шрифт отобразится в вашей коллекции внизу:

Google fonts

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

Перейдите в коллекцию добавленных шрифтов. Для этого кликните по черной панели внизу:

Google fonts

Помните: использование большого количества различных шрифтов  может существенно замедлить загрузку вашей целевой страницы. Показатель влияния выбранных стилей на скорость загрузки страницы отображается справа:

Google fonts

Удалить ненужный шрифт из коллекции можно нажав на иконку минуса:

Google fonts

При необходимости можно отменить удаление. Для этого нажмите "UNDO" в правом нижнем углу:

Google fonts

5) Проверьте настройки вашего шрифта: 

Google fonts

Если набор и внешний вид добавленных шрифтов устраивает, перейдите в раздел "EMBED" и полностью скопируйте содержимое поля "STANDART":

Google fonts

6) Откройте целевую страницу в редакторе LPgenerator

LPgenerator

7) Нажмите на иконку “Дополнительные шрифты” на панели виджетов слева:

Дополнительные шрифты

8) В открывшемся окне, в поле “Введите url шрифта” вставьте скопированную строку:

Введите url шрифта

9) Подключенные шрифты отобразятся в поле “Названия шрифтов”

Введите url шрифта

10) Сохраните настройки

Введите url шрифта

11) С помощью инструмента “Текст” зайдите в текстовый редактор LPgenerator:

текст

Или зайдите в редактор кликнув дважды по существующему на лендинге тексту.

12) В разделе "Шрифт" внизу выпадающего списка вы увидите добавленные дополнительные шрифты:

дополнительные шрифты

13) Отредактируйте текст по вашему вкусу и сохраните страницу.

Теперь отредактированный текст будет отображаться с новыми шрифтами и в редакторе.

дополнительные шрифты

Новый шрифт можно задать для любой кнопки в ее свойствах справа:

шрифт

шрифт

Аналогично используйте этот шрифт для кнопки попап формы:

шрифт

Шрифт также подойдет для полей попап формы.
Достаточно выбрать его в свойствах поля справа в редакторе попап формы:

шрифт

Для полей обычной лид-формы шрифт указывается в простых свойствах справа:

шрифт

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

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

  • если шрифт не появился в списке, сохраните страницу и обновите вкладку редактора
  • если добавили новую лид или попап форму, а загруженного шрифта в их свойствах нет, сохраните страницу и обновите вкладку редактора
  • на данный момент дополнительный шрифт из списка не применяется к таким специфичным типам полей как: радио кнопки, выпадающие списки и поля типа «флажок». Для этих полей шрифт нужно прописывать в стилях с помощью css.

Хорошего дня и высоких конверсий!

Максим Гуйван,
руководитель службы технической поддержки LPgenerator 

blog comments powered by Disqus
Возвращайте до 18% с пополнений рекламы
  • Все популярные рекламные сети в одном окне
  • Рекламные инструменты — бесплатно
  • Доступ к конструктору лендингов и WebApp-приложений
  • Закрывающие документы точно в срок
ring svg
copyright © 2011–2024 Все права защищены
Запрещено любое копирование материалов ресурса без письменного согласия владельца — ООО "Центр рекламных бюджетов". ИНН:5902052888, КПП:590201001, ОГРН: 1195958009730, Пермь, ул. Окулова, д. 75 к. 8 офис 501Б

ООО «Центр рекламных бюджетов» — IT-компания с многолетним опытом работы, разрабатывающая инновационные решения для управления процессом лидогенерации (пост-клик маркетинг). Разработанное нами технологическое программное решение LPGENERATOR позволяет создавать целевые страницы в визуальном редакторе и управлять заявками (лидами) в CRM-системе в целях проведения эффективных, высококонверсионных рекламных кампаний