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

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

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

Спешим порадовать вас новым инструментом текстового редактора LPgenerator, при помощи которого вы сможете добавлять на лендинг вкусные иконки, задавая им нужный цвет, размер и даже заставляя вращаться.

Плагин иконок

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

1) Откройте ваш лендинг в визуальном редакторе LPgenerator:

Лендинг в редакторе

2) На верхней панели инструментов нажмите «Текст»:

Текст

3) Кликните по инструменту «FontAwesome», который находится справа:

Плагин иконок

4) В открывшемся окне с иконками задайте параметры изображения перед тем как добавить его на лендинг:

Параметры иконок

5) Выберите цвет из палитры и он автоматически применится ко всем иконкам

Палитра

Размер указывается в соответствующем поле вручную в пикселях:

Размер

Далее в пункте «Отражение и поворот» можно задать одноименные параметры:

Поворот

Чтобы вернуть изначальное положение иконок выберите «Нормально»:

Нормально

В пункте «Вращение» укажите «Да», если нужно, чтобы иконка вращалась:

Вращение

В следующих параметрах при необходимости можно задать фиксированную ширину и рамку, а также найти нужную иконку по названию.

Прочие параметры

6) После того, как оформление закончено нажмите кнопку «ОК» и иконка добавится в текстовый редактор:

ОК

7) Чтобы заменить иконку или ее параметры дважды кликните по ней:

Готовая иконка

Чтобы отменить изменения используйте стандартный инструмент:

Отменить

8) Нажмите «Сохранить»:

Сохранить

Готово! Иконка успешно добавлена на вашу посадочную страницу:

Иконка и такса

9) Если вам хочется, чтобы при клике на иконку всплывала форма или осуществлялся переход, установите для используемой кнопки прозрачный фон, а вместо текста укажите пробел. Например:

Параметры кнопки

Прозрачность

Прозрачную кнопку расположите на иконке и обязательно разместите эту кнопку на верхнем слое с помощью инструмента «Слой вверх»:

Слой вверх

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

Для кнопки попап

На этом обзор нового инструмента закончен. Если у вас возникли сложности или вопросы, напишите нам по адресу support@lpgenerator.ru — будем рады помочь!

Высоких вам конверсий!

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

blog comments powered by Disqus
Возвращайте до 18% с пополнений рекламы
  • Все популярные рекламные сети в одном окне
  • Рекламные инструменты — бесплатно
  • Доступ к конструктору лендингов и WebApp-приложений
  • Закрывающие документы точно в срок
ring svg
copyright © 2011–2024 Все права защищены
Запрещено любое копирование материалов ресурса без письменного согласия владельца — ООО "Феникс-Маркетинг". ИНН:7725812838, КПП:772501001, ОГРН: 513774619323915280, Москва, ул. Ленинская слобода, д. 19, стр. 1, этаж/пом 3/25

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