Иконки в текстовом редакторе

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

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

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

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

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

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

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

Текст

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

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

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

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

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

Палитра

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

Размер

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

Поворот

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

Нормально

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

Вращение

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

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

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

ОК

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

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

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

Отменить

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

Сохранить

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

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

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

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

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

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

Слой вверх

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

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

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

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

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