Как увеличить конверт на прелендинге: фишки и новые элементы

Важно! Скрипты платные (до $22) и предназначены для стандартных арбитражных сайтов, где код лендинга или прелендинга содержится в файле index.html или index.php. На сайтах с динамическим HTML-кодом и на ресурсах, созданных на CMS, скрипты не тестировались.

Всплывающая форма контактов на прелендинге

Форма отправки заявки появляется при нажатии — это не самый распространенный способ коммуникации потенциального лида с лендом. Скрипт активируется по клику по любом рандомном месте сайта (будь то изображение, ссылка, кнопка) или при прокрутке к заданному месту на прокле.

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

Форма запускается с помощью JavaScript, который не конфликтует с фреймворками или другими скриптами. Даже наличие jQuery на сайте не создает проблем. Установка и использование просты и доступны каждому. Все подробно в мануале. Вот видео-версия:

Геймифицированные всплывашки для прелендингов

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

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

Доступно несколько вариантов таких блоков, которые можно адаптировать под свои нужды:

Автоматический слайдер — альтернатива стандартному блоку с фото “До/После” или галереям с изображениями на “болевые точки”. Можно грузить картинки любой кадровки и использовать их в виде слайдов — 2, 3 или 4 фото в контейнере. 

Докторский подход — включает 4 блока, где также есть диаграммы в виде анимаций и интерактивов. Можно использовать для наглядного сравнения нескольких аналогов оффера. Замените изображение персонажа — и у вас уже новый подход.

Всплывающее окно с моделью (поза на выбор: стоя, лежа, полулежа) может добавить «перчинки» прелендингам для категорий адалт, потенция и простатит. Такое окно имитирует «живое» общение с женским персонажем и позволяет варьировать уровень вовлеченности пользователя с помощью откровенных фото и игривых текстов.

Предполагается использование собственных фотографий. Стандартные изображения служат лишь примером для наложения ваших. В комплект входит PSD-шаблон для Photoshop, позволяющий без труда разместить свои фото без фона поверх образца, соблюдая необходимые пропорции для корректного отображения всплывающего окна.

Блоки с социальным доказательством показывают уведомления, что «некто» из такого-то города приобрел такой товар пару секунд назад. Блок активируется при скролле до нужного элемента. 

Лучшее место для таких блоков — раздел с отзывами. Здесь пользователь уже почти решился на покупку, иначе он бы покинул сайт, но ему всё еще нужна небольшая поддержка — доказательства, что продукт действительно работает и его покупают. Проще всего показать, что товар востребован и пользуется популярностью.

Рулетки в модальном окне на прелендинге

Рулетки, адаптированные под различные офферы, устанавливаются скрытно, без необходимости объяснять их наличие текстами на сайте, который не связан с казино. Клик — и вас ждет сюрприз! 🙂

Колеса фортуны появляются, когда пользователь пытается кликнуть на форму заявки или кликает на любой другой элемент прелендинга. В комплекте идет «плавающая кнопка» — еще один способ вызвать рулетку. Эта кнопка подгружается при скролле к нужному месту и «парит» перед глазами.

Суть идеи в том, что юзера она вызывает дополнительные мысли — так почему бы не покрутить? 🙂 А здесь ещё и поощрения в виде неожиданных подарков. Ссылка с возрастными ограничениями, плеером не прикрепить. Так что клик сюда или смотрите примеры ниже. 

Рулетка под суставы — помогает разнообразить взаимодействие с пользователями в этой категории. Также поддерживает подход «До/После», с анимированной сменой изображений на CSS. Сначала показывается воспаленный сустав, затем текстовые подсказки, и картинка «До» сменяется картинкой «После».

Варианты рулеток с сюрпризами от автора: 

Адалт-рулетка — инструмент, чтобы добавить “огонька” на прелендинги для тем адалта, потенции и, вероятно, простатита. В любых случаях, где тема так или иначе связана с сексом, она станет отличным эмоциональным акцентом. Приятный «сюрприз» — на «финише» модель раздевается. Подробнее смотрите здесь.

Рулетка для кардио — прекрасно дополнит прелендинги на темы кардиологии, гипертонии, усиливая эффект До/После. Смена изображений «больное сердце / здоровое сердце» — что может быть нагляднее? Рулетка появляется при клике на форму контактов или любой элемент на прелендинге.

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

Альтернативный вариант рулетки для кардиотематики — включает дополнительные анимированные изображения. В первой части, где показано больное сердце, отображается картинка с показателями высокого давления. Для изображения со здоровым сердцем используется картинка с нормальными показателями давления.

Рулетка с паразитами — специально для офферов соответствующей тематики. Эффект «До/После» с легким юмором, чтобы вызвать у потенциального клиента улыбку 🙂

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

Рулетка под суставы — помогает разнообразить взаимодействие с пользователями в этой категории. Также поддерживает подход «До/После», с анимированной сменой изображений на CSS. Сначала показывается воспаленный сустав, затем текстовые подсказки, и картинка «До» сменяется картинкой «После».

❗️Цена с установкой — всего $22. Автор постарался и всё детально расписал и показал. Все равно уже есть в паблике, так что берите, а мы продолжаем тестировать!