Источник изображения
Здравствуйте, глубокоуважаемые пользователи LPgenerator!
Обратите внимание: на данный момент в отечественном редакторе имеется готовый виджет, разрешающий создавать слайдеры на лендингах без скриптов. Рекомендуем применять как раз его: Виджет Галерея — слайдер изображений с повышением
Необходимо помнить о важности влияния визуальных образов на визитёра вашего лендинга — ясно, что имеется люди, предпочитающие просматривать текстовые описания вашего оффера. Но таких всегда было, имеется и будет исчезающее меньшинство – большая часть же предпочтет взглянуть картины (к тому же, на каждом слайдере возможно разместить ровно одну строке описания функции, опции либо ценностного предложения). Для представления одного оффера слайд-шоу, продемонстрированное через слайдер, выглядит в полной мере убедительным способом действия на целевую аудиторию.
Сейчас мы вам поведаем о том, как создать прекрасную галерею изображений со увеличением и слайдером по клику. Для получения успешного результата управлению ход за шагом!
Ход первый
1. Копируем код, размещенный тут.
2. Вставляем его через инструмент “Скрипты” по большей части меню редактора:
задав положение “По окончании тега ”:
3. Сохраняем трансформации:
Ход второй
1. Копируем код, размещенный тут.
2. Вставляем его посредством инструмента “Произвольный HTML”:
3. Редактируем ссылки на увеличенные изображения и названия и миниатюры изображений (“Заголовок”):
Изображения вы имеете возможность разместить у себя на хостинге, в облачном хранилище либо загрузить через редактор в хранилище медиа-файлов LPgenerator через инструмент “Изображение”.
Настоятельно рекомендуем загружать изображения нужного размера!
4. Сохраняем трансформации.
Примечания
1. В случае если изображение в галерее будет единственным, то атрибут rel=”gallery1” направляться удалить.
2. Заголовок будет отображаться под всплывающим окном. Если он не не нужно, удалите из кода атрибут title=”Заголовок”.
3. В случае если требуется разместить 2 и более галерей на одной странице, то для них применяйте “gallery2”, “gallery3” и т. д.:
в исходном коде замените значение атрибута rel=gallery1на rel=gallery2 и т. д., в зависимости от числа создаваемых галерей.
Ход третий
1. Копируем код, размещенный тут.
2. Вставляем его через инструмент “Скрипты” по большей части меню редактора:
задав положение “Перед тегом ”:
3. Сохраняем трансформации:
Вот и все! Прекрасная галерея с “пролистыванием” (“слайдером”) и повышением из миниатюры по клику готова. Взглянуть галерею в действии возможно на странице.
Обратите внимание: в случае если изображения не выстраиваются в один последовательность, размер HTML заглушки. Он обязан соответствовать ширине одного последовательности изображений и высоте этих изображений.
Нужно подбирать однообразные по размеру картины как для миниатюр так и увеличенных просмотров.
Приятной работы!
С уважением,
работа техподдержки LPgenerator
Случайные статьи:
- Сплит-тест: повысит ли персонализированный pop-up конверсию товарного лендинга?
- Сколько конверсионных воронок у вашего продукта?
СЫГРАЛ В ЯЩИК #2: Топлес, ЯнГо, Антон из Франции, Андрей Немодрук и Стас Шмелёв
Подборка похожих статей:
-
Увеличение продаж в интернет магазине при помощи личных рекомендаций более чем на 30%
Одним из способов повышения продаж в интернет магазине есть совет к приобретению дополнительных товаров на стадии просмотра корзины. В течение трех лет…
-
Основные элементы продающей целевой страницы
Один из пунктов замысла проектирования целевых страниц мы отметили как «Создание эскиза». Разглядим, какие конкретно элементы являются необходимыми и на…
-
Возможности редактора целевых страниц
Обновленная статья по работе с редактором тут: Панель инструментов редактора LPgenerator 1. Начните работу с создания страницы Для этого надавите на…
-
Как уберечь свои целевые страницы от “блокировщика рекламы” adblock plus?
Источник изображения Одним из самых «злостных» неприятелей рекламодателей и веб-разработчиков на сегодня стал всем узнаваемый аддон AdBlock Plus (в…