Optimizepress. Фишки, повышающие конверсию в 2-3 раза
Итак, вы счастливый владелец одного из лучших маркетинговых плагинов вордпресса OptimizePress 2.0.
А все ли возможности OptimizePress вы используете?Предлагаю вам 7 фишек OptimizePress, которые позволят вам повысить конверсию ваших подписных и продающих страниц в 2-3 раза минимум!
Для тех, кто не в курсе:
OptimizePress это инструмент для создания высококачественных целевых страниц, страниц продаж и порталов с закрытым платным доступом на wordpress.
С помощью OptimizePress вы в несколько кликов можете по готовому шаблону создать все, что вам угодно:
Все созданные страницы — «резиновые», одинаково хорошо смотрятся как на больших мониторах, так и на экранах мобильных телефонов и планшетов.
OptimizePress 2.0 предлагается в 2-х вариантах:
- как плагин (пример страниц вы видите на рисунке выше),
- как тема для wordpress для тех, кто хочет, чтобы блоговая часть сайта не отличалась по дизайну от всех страниц, созданных на OptimizePress.
Элементы, которые позволят вам повысить конверсию страниц подписки
#1 Форма подписки в 2 этапаФункционал OptimizePress предлагает 2 варианта формы подписки на выбор:
- классическую, когда посетитель сразу видит поля для ввода своего электронного адреса и/или имени,
- и реализацию подписной формы в 2 клика. Зайдя на подписную страницу посетитель видит кнопку, при клике на которую всплывает форма подписки.
Американские маркетологи утверждают, что форма регистрации в 2 клика повышает конверсию страницы на 30-60%.
С исследованиями Клея Коллинза, основателя Leadpages, по формам регистрации в 2 клика можно ознакомиться по этой ссылке.
Как создать форму подписки в 2 кликаЧтобы создать форму подписки в 2 клика, используйте элемент Overlay Optimizer (появился в конце 2014 года).
1. Открываете Live Editor и в месте, где вы хотите расположить кнопку с всплывающей формой подписки, нажимаете Add Element:
2. С помощью поиска находите элемент Overlay Optimizer и кликаете на него:
3. В открывшемся окне выбираете элемент, к которому вы хотите привязать всплывающую форму подписки.
Вы можете привязать форму подписки к следующим элементам:
- текстовой ссылке Text Link,
- кнопке Button Designer (размер и цвет которой вы задаете сами),
- любому изображению Image Upload,
- невидимому элементу No Style, который будет срабатывать с задержкой по времени (об этом чуть ниже).
4. В нашем примере мы создадим кнопку, при клике на которую будет всплывать форма подписки.
Выбираем Button Designer и во всплывшем окне оформляем кнопку на свой вкус и цвет:
Далее прокручиваете попап до конца и нажимаете продвинутые настройки Advanced Options:
Здесь вы можете задать ширину вашего всплывающего окна Windows width, задать отступы от краев и выбрать скорость и эффект всплытия.
Если вас не устраивает полученный результат, вы всегда можете отредактировать вашу кнопку:
5. Нам осталось добавить саму форму подписки в созданный нами попап.
Для добавления формы подписки в созданный попап нажмите на карандаш:
И дальше с помощью привычного функционала добавляете нужны вам элементы — заголовок и саму форму подписки.
В итоге вы получите нечто похожее:
Сохраняете страницу, проверяете, все ли верно вы настроили и готово! У вас есть форма подписки в 2 клика.
Кстати, чтобы вставить индикатор процесса подписки используйте элемент Progress Bar (как в примере выше).
Вы задаете цвет индикатора, указываете процентное соотношение выполнения и пишите свой текст:
Недостатки OptimizePress:
На момент написания этой статьи (июнь 2015) Overlay Optimizer работает исключительно на страницах, созданных с помощью Live Editor. В блоговой части данный функционал не реализован. Но я очень рассчитываю, что он появится в ближайшее время.
Для того, чтобы поставить формы подписки в 2 клика в статьи и баннеры на блоге, я использую всплывающие формы Lead Box от сервиса Lead Pages.
#2 Всплывающая форма подписки с задержкой по времениКак можно усилить форму подписки в 2 клика, чтобы еще больше увеличить конверсию страницы подписки?
Добавить таймер времени, чтобы форма подписки автоматически всплывала через заданный вами интервал времени!В OptimizePress 2.0 настроить появление формы подписки с задержкой по времени легко:
1. Нажмите на редактирование вашей кнопки Overlay Optimizer (шаг 4 из настроек выше), перейдите во вкладку Advanced Options:
2. Раскройте бокс Overlay Pop и задайте настройки, при каких условиях ваша форма будет появляться автоматически:
1) В поле 1 укажите через сколько секунд будет всплывать ваш попап (даже если посетитель страницы НЕ кликнул на кнопку).
2) В поле 2 укажите, сколько дней будет неактивным попап при повторном заходе посетителя на страницу (0 значит, что попап будет всплывать при каждом заходе).
3) Если хотите спрятать попап с задержкой по времени для мобильных устройств и планшетов, проставьте галочки Hide on Mobile и Hide on Tablet.
Сохраните страницу, обновите и проверяйте, как все работает.
#3 Всплывающая форма подписки при закрытии страницыТакже вы можете настроить, чтобы ваша всплывающая форма подписки активировалась при попытке закрыть страницу.
(Как вы понимаете, вы можете использовать или попап с задержкой по времени или попап при закрытии страницы.)
Зайдите в настройки редактирования Overlay Optimizer продвинутые опции и отметьте галкой Exit Intent:
Сохраните страницу и проверьте, что получилось.
#4 Перенаправление exit траффикаВ OptimizePress 2.0 к любой странице, созданной с помощью Live Editor, вы можете добавить перенаправление, которое будет срабатывать при закрытии страницы.
1. Зайдите в Настройки страницы в Live Editor:
2. Включите Exit Redirect (шаг 1 на рисунке) и задайте его настройки: укажите ссылку для переадресации и напишите текст, который будет всплывать при попытке закрыть страницу.
Со страницами подписки мы закончили.
Давайте посмотрим, какие элементы OptimizePress 2.0 можно использовать для повышения конверсии.
Элементы, повышающие конверсию продающих страниц
#5 Всплывающее окно со спец. предложениемПример спец. предложения на странице апселла к одному из моих курсов:
Всплывающее окно со скидкой реализуется с помощью элемента Overlay Optimizer (см. пункт #1).
Только вместо формы подписки в попап вы добавляете нужный вам текст и кнопку на оплату.
Ну и конечно же, не забудьте добавить автоматическое появление вашего предложения с задержкой по времени (см. пункт #2 выше).
Однозначно могу сказать, что 30% моих клиентов оформляют заказ именно с попапа.
#6 Появление кнопки оплаты с задержкойДовольно распространенный прием в сфере инфобизнеса:
Человек заходит на страницу с видео, которое запускается в автоматическом режиме, и спустя определенное время под видео появляется продающий блок с кнопкой оплаты.
Данный функционал можно реализовать с помощью сторонних скриптов и сервисов, но в OptimizePress он встроен по умолчанию.
Как настроить появление продающего блока с задержкой1. Откройте Live Editor, выберите элемент (или несколько), который должен появиться спустя определенный интервал времени.
Нажмите на шестеренку:
2. В продвинутых настройках элемента докрутите до Delayed fade in, задайте интервал задержки (в секундах):
Если вы хотите, чтобы целый блок элементов проявлялся спустя определенный интервал времени, повторите настройки для каждого отдельного элемента.
#7 Фиксированный фон страницы при прокруткеНе буду утверждать, что фиксация заднего фона повышает конверсию (не измеряла), просто мне самой очень нравятся такие страницы.
Фиксированный фон отлично смотрится как на подписных, так и на продающих страницах.
Реализовать фиксацию фона можно с помощью добавления css.
1. Зайдите в Live Editor, выберите цветовые настройки, как на рисунке:
2. Выберите вкладку Общие цветовые настройки страницы:
3. Добавьте изображение фона страницы.
Внимание: Поскольку фон страницы будет фиксироваться, размер изображения должен быть достаточно большим, чтобы он хорошо смотрелся, не зависимо от размера монитора или ноутбука.
Сохраните страницу. Теперь у вашей страницы есть фон.
Давайте закрепим его, чтобы при прокрутке страницы он не менялся.
4. Добавьте css код в Настройки страницы (если забыли, см. картинку в пункте #4).
Нас интересует вкладка Другие скрипты Other Scripts:
Убедитесь, что при вставке css кода вы выбрали настройку Custom CSS (см. рисунок).
Код css, который вы копируете и вставляете:
body
Сохраните страницу, обновите и наслаждайтесь!
Как закрепить фон отдельного ряда на страницеТакже вы можете закрепить фон отдельного ряда на странице.
Отличие от примера выше в том, что у вас может быть несколько рядов текста с разными фонами:
1. Зайдите в Live Editor. Откройте настройки редактирования ряда, нажав на карандаш:
2. В поле Row CSS class добавьте класс css, например, fixed:
3. Перейдите в Настройки страницы Page Settings и добавьте код css fixed:
Убедитесь, что при вставке css кода вы выбрали настройку Custom CSS (см. рисунок).
Код css, который вы копируете и вставляете:
.fixed
Сохраните страницу, обновите и проверьте, что получилось.
Понятно, что в одной статье невозможно показать все возможности, которыми обладает OptimizePress 2.0, но даже если вы внедрите некоторые из них, конверсия ваших целевых страниц может вырасти в несколько раз.
Точные цифры покажет только сплит тестирование.
Передаю слово вам…
Я поделилась с вами фишками OptimizePress, которые использую на своих сайтах, и сейчас я хочу дать слово вам.
Какую фишку вы внедрите первой и почему?
Расскажите, что вы думаете в комментариях.
РЕКОМЕНДУЕМЫЕ ПОХОЖИЕ СТАТЬИЧто нового в Facebook Live. 2017 год
Алена СтаровойтоваРуководитель проекта Ключи Мастерства. В свободное время делюсь своими стратегиями контент маркетинга. Как приносить пользу людям и при этом хорошо зарабатывать.
Благодарю,Алена! Обязательно внедрю форму подписки в 2 клика!
Теперь буду знать, где посмотреть создание подписной формы в 2 клика с помощью Overlay Optimizer, а то пользовался готовой формой, которую ты давала на бизнес-модуле 2 курса ИР, сам с нуля еще не делал))
Кому как не тебе писать такие подробные инструкции по Optimizepress, не знаю никого, кто так подробно изучил все его возможности — так держать!
Согласна с Марисом на 100%. Алена — прекрасный наставник!
Алена, благодарю! Только вот села делать подписную страничку и тут такой подарок!))))
А ты на бизнес модуль идешь? Я там кроме стратегии давала готовые шаблоны страниц под оптимайз…
Смотря когда он будет — если буквально сразу, то нет — нужно время, что бы прописалось все по консультированию — пока не знаю сколько, но месяца полтора, наверное точно. Все эту неделю работала с холодными клиентами — чуйка только формироваться стала, что-то «бродит» рядом, то пока это еще на чувствовании больше, особенно с мужчинами когда работаешь. С ними — очень интересно работать. И плюс к этому сейчас по второму кругу иду танец с тенью проходить — мне интересно сравнить то, что было 2 года назад и то, что выйдет сейчас :-) и по чакрам вводный курс — хочу в этих потоках себе дать поплавать, а потом на бизнес модуль. Работать буду все равно через интернет, а там учиться только у тебя продвижению надо — все то, что учила раньше это другой аспект — проекты, связанные с духовностью, совсем по другому принципу продвигаются и плюс твоя уникальность подачи -только свое и только проверенное и формат «для всех». Я в своей работе хочу максимально уйти от тайна-волшебство-эзотерика: в свое время мне очень помогла вернуться к себе твоя модель: узнавай-делай-получай результат и никаких танцев с бубнами для избранных, а потом такая же подача «все возможно» в ИР)) — поэтому нужен сейчас перерыв в учебе, что б прорисовать для себя все, почувствовать почерк свой прежде, чем на бизнес-модуль идти.
Не знаю, когда будет… не интересовалась пока… мне бы прошлую группу допинать до результата… подвисли чуток на стратегиях.
гад я)), но меня это радует — пока ту группу допинаешь,я как раз со своими планами справлюсь))
Простите, а что за обучение? Что за бизнес-модуль? Сегодня увидела у Вас на этом блоге все то, в чем давно искала наставника!
Это студенты Института Реинкарнационики… учатся предлагать свои услуги консультирования… Буду признательна, если уточните, что такого вы тут нашли… Этому проекту всего 2 месяца… Еще не думала, в каком направлении его развивать…
Благодарю, Алена! В текстовом варианте с пошаговой инструкцие и в одном месте — Класс.
Нужные фишки, спасибо Алена. Только закончила оформление подписных страниц, задавалась вопросами в их оформлении. В дальнейшем намереваюсь твои фишки использовать.Всплывающее окно для спец предложение очень наглядно и искать посетителю не надо -подписывайся! облегчает его путь. Фон это класно — сам оформляешь как хочешь, возможность проявить индивидуальность. Все остальные фишки пригодятся когда начну работать. Сейчас задача — платные клиенты, а потом вкладывание в развитие сайта. Благодарю за подробную информацию и инструкции.
Правильный подход… чтобы развивать сайт, нужны деньги!
твой опыт и мудрый подход к делам — твоя школа! спасибо тебе за это
Алена, большущее тебе спасибо, за такую роскошную подачу информации. Очень наглядно и понятно. Лучшей подачи не встречала.
Только вчера помощнице делал ликбез по Overlay Optimizer. Можно было просто дать твою статью — тут все настолько подробно и наглядно, что трудно не сделать :). Нашел пару интересных моментов для себя на внедрение. Благодарю.
А я сижу раздумываю, может видео все-таки записать для наглядности… Значит, не нужно…
Доброго времени, Алена. Информация замечтательная, как и всегда :) Но можно для особо одаренных танкистов, которые в подлодках сидят, с самого начала? Оптимайзпресс это тема WP или плагин? Если тема, то где ее взять? Если плагин, то устанавливается на любую тему? Нашел сайт http://optimizepress.ru и http://optimizepress.com — это одно и то же? Я английский люблю, но не достаточно тесно с ним общаюсь, чтобы понимать терминологию, поэтому на русском ближе, но вдруг это разные вещи…
Олег, конкретно этот материал для профи… Я этот сайт планировала с высокой планкой… пока не появился Перископ )) Теперь азы разбираем…
Оптимайзпресс это и тема и плагин — 2 в одном идут, что ставить — выбираете сами. официальный сайт — на английском.
В рунете есть реселлеры, они по моему файл перевода для админки дополнительно предлагают. Но из 3-х переводов, что я видела, все три корявые… и обновляют ли их, тк постоянно появляется новый функционал, надо у них спрашивать.
Я видела в сети бесплатный курс по оптимайзу… со всеми необходимыми настройками. В гугле наберите и увидите его.
спасибиссими… Понятно, что ничего не понятно… будем разбираться
Спасибо за замечательную статью) Не подскажете, как убрать вертикальную черту в шаблоне
Скриншот можете дать или ссылку на страницу? Не поняла, о какой вертикальной черте речь…
Вроде все разобрался, спасибо
Благодарю за статью! Очень полезна. И благодарю за то, что открыли для меня в принципе эту систему! Если можно, помогите, пожалуйста, два дня ищу настройки: как у Вас сделано, что кнопка «Продолжить чтение» под статьей (именно кнопка на этом сайте, а не просто ссылка), сверху на русском отображается количество комментариев (это на Ключах Мастерства видела)?
На этом сайте нет оптимайза, здесь тема Фокус Блог стоит — кнопка продолжить чтение встроена в тему.
Про перевод темы на Ключах — мы покупали русификацию темы, во ВКонтакте есть 2 группы или страницы, которые официально предлагают купить русификацию.
Приветствую. Подскажите, где я могу почитать как поставить видео фон на страницу? Заранее спасибо.
Добрый день! В самом Оптимайзе нет такого функционала… Я видела, что делают видео фон, но заказывают доработку программистам…
Подскажи, если я удалю плагин оптимайза останутся ли страницы, созданные в нем?
Провел эксперимент… Стринцы не открываются
Не откроются… это же надстройка для вордпресса. Если тему заменить на плагин, это рабочий вариант. Если совсем выключить или удалить плагин — не будут работать. К сожалению.
да, жаль. Хотел снести с одного сайта оптимайз, он конфликтует с learndash. А страницы придется тое переносить. И менять везде везде с ссылки(
Я себе поддомен попросила поставить и туда все страницы на оптимайзе поставила ) Никаких конфликтов теперь нет )
Алёна, может сделаешь статью по полезным фишкам Focus blog и плагинам. Например, какой плагин используется, что бы кнопки соц сетей появлялись при прокрутке страницы… Как сделать, что бы верхнее меню плавно исчезало и тд) Было бы очень полезно
Могу… но это не плагинами реализовано, а настройками самой темы Фокус Блог… Если запрос есть, почему бы и да. А что еще конкретно интересует? Я вроде все по их видео у себя делала…
Интересует всё про фокусблог! Просто все что у них есть в видео — я половину не понимаю. Мне сложно работать по инструкции на английском(
Вопрос появился: а у тебя только тема от thrivethemes или еще плагины их стоят? В частности контент билдер их есть?
контент билдера нет
Алёна, доброго времени. Подскажите пожалуйста, как реализовать в оптимайз пресс, чтобы по истечении работы таймера исчезала цена со скидкой и появлялась цена без скидки. Это реализуется на одной странице или же делается дубликат страницы со старыми ценами. Заранее благодарю за ответ.
Добрый! Если использовать встроенный таймер, в его настройках есть ссылка для переадресации Redirect URL. Значит, нужна 2я страница с высокой ценой и на нее переадресацию ставить.
Благодарю! Все получилось
Алёна! Привет Еще раз)
1. Как можно в конструкторе optimize вставить комментарии из ВК. Вставка кода в head и java не помогает. Он его игнорит 2. Ты не вкурсе, что случилось с рекламой в FB? У нас в России не работает реклама оптимизированная на конверсии… Уже давненько недели 3
Благодарен за ответы и помощь .
1. Вопрос отпал! Ты уже помогла, просто своей энергией! Сразу как написал, подумал, а что если второй элемент кода это не java а HTML вставил, как хтмл и заработало! Не поверишь, пробовал до этого раз сто и забивал!
Супер! А что с рекламой не того? данные по конверсии перестали показываться? я в отпуске была, надо вникнуть туда…
у меня конверсии вообще были не активны некоторое время. Теперь все в порядке.
Данные по конверсиям бывают сильно завышены…
завтра посмотрю… а завышенные цифры от настроек пикселя зависят… он и старых клиентов считает.
Низкий вам поклон за ваш труд!
Алена, здравствуйте! Очень хорошая статья спасибо вам! Скажи как сделать feature-box с прозрачным фоном?
Вечер добрый! Заготовкой Оптимайза воспользоваться… там есть 1 вариант полностью прозрачный. Где-то ближе к концу )
Алёна, нужна Ваша подсказка. С фоном разобрался, а вот текст не читабельный. Не могу найти опцию как выделить (покрасить) фон (очертил желтым) чтобы вместе с текстом двигался, а задник оставался фиксированным. На 2-ом скрине то что мне нужно получить. Надеюсь понятно )) Заранее благодарю за помощь!
Алик, вопрос еще актуален… я без ноута временно сижу… Если надо, попробую с айпада путь нарисовать…
Алена, здравствуйте! Не нашла ответа на этот вопрос в комментариях. Очень нужно знать как включить эту хитрую функцию. Заранее, благодарна.
Она не хитрая… решается с помощью классов css )
В редактировании блока есть шестеренка — и там есть поле Класс элемента. прописываете латиницей любой на выбор.
И потом в настройках страницы код css этого класса вставляете.
У меня такой стоит: div.prozrachniy
С классом элемента prozrachniy. где 255,255,255 — цвет, а 0.7 — это глубина прозрачности… можно увеличивать или уменьшать.
Алена, спасибо за статью. Подскажите, пожалуйста, Вы Optimizeпress на поддомен ставили как плагин или как тему. Это я к тому, что у Вас на поддомене главная страница — просто статичная страница. Но, ведь в реальности у Вас там стоит Вордпресс.
Как тему! Везде… Но и в плагине вы страницу на оптимайзе вы можете главной сделать. Любую страницу же можно вместо главной поставить.
Если надо, могу скрин сделать — где…
Спасибо, Алена! Если не трудно, скрин не помешает :)
Любую опубликованную страницу можно выбрать главной.
Алена, здравствуйте! Спасибо за ответ. Если можно, есть еще вопрос. Вы пользуетесь и Оптимайзом и темой focusblog. Я вот тоже думаю использовать тему focusblog для своего сайта, но возникает вопрос, достаточно ли ее будет для создания продающих и подписных страниц, или лучше все таки еще поставить оптимайз на субдомен. Что посоветуете?
Подписные средствами thrivethemes я делала… но для длинных продажников все-таки оптимайз… Это дело привычки скорее…
На этом сайте просто нет продажников, поэтому у меня и нет опыта мастерить продажники ни на чем кроме html или оптимайзпресса )
Спасибо за ответ, Алена
Добрый день, Алена! Подскажите, как правильно установить обновленный плагин оптимайзпресса на сайт вместо предыдущей версии?
Не очень поняла вопрос… Я через ftp на сайт заливаю, если через админку он не обновляется. У любого сайта есть ftp доступ к нему, хостеры обычно пишут, как это сделать.
Катерина, добрый день! Могу ответить. В апреле 2016 произошло обновление WP, и оптимайз перестал поддерживать редактирование страниц в старых версиях. Поэтому надо зайти на https://optimizepress.zendesk.com/hc/en-us/articles/218137508 и скачать плагин бесплатного обновления. А дальше просто установить этот плагин (саму тему не надо менять), он сам подгрузит нужные изменения. Правда, вот я покупала OP еще в 2013 году и для таких старых версий обновление не работает, придется покупать пакет платного обслуживания на год за 2800… Это, конечно, не есть хорошо — покупаешь тему, плюс «подсаживаешься» на годовое обновление. А вдруг через год опять что-то произойдёт… Заставить вордпресс не обновляться? так его автоматически обновляют, без нашего спроса. Такие дела. Удачи!
Алена, привет, вот который раз выручает статья. У меня вопрос, вроде как и не по опиме. Ты в перескопе давала какойто другой или дополнительный плаги тему или как правильно то назвать, не знаю, для создания страниц, ты показавала — там хороший набор для того чтобы делать красивые страницы, единственное что помню, ты рекомендовала таам не полный пакет, а тот что за 30-40$ купить.. пошла искать в болталке — а не зайти (перебрасывает на блог)..и нет нечего, гдеб порыться-поискать инфо. можешь дать названия ссылки , чем еще кроме просто оптимайза пользуетесь, чтоб посмотреть — найти «ту штуку». благодарю.