Как создавать отличные продающие виджеты для сайта за пару минут

Как повысить конверсию сайта? Применяем виджеты

партнерский материал

Уважаемые читатели SEOnews! Мы рады представить вам . Сервис позволяет улучшить поведенческие характеристики сайта, поднять позиции в Яндексе, повысить продажи на всех типах сайтов.

Все механики, используемые в getsale, не противоречат правилам поисковых систем.

Речь пойдет о виджетах (другое название – “pop up окна”) – далее мы расскажем, как это работает, вместе разберемся, почему они необходимы вам.

Введение

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

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

И совершенно наоборот, виджеты могут вызывать много негатива – это как раз результат, когда инструмент попал не в те руки.

При старте разработки продукта, мы провели исследование и выяснили, что рост использования виджетов в России составил более чем в два раза за год. К слову, в западных странах доля использования виджетов значительно выше.

Основные задачи и функции виджетов

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

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

Все это вместе положительно влияет на поведенческие факторы и приводит к росту позиций в Яндексе.

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

Давайте рассмотрим несколько рабочих схем применения виджетов для выполнения поставленных задач.

Как увеличить глубину просмотра?

К примеру, посетители читают новости или описания товаров на вашем сайте. Настройте показ виджета со статьей похожей тематики, когда новость прочитана на 80-90%. Если покупатель никак не переходит к покупкам, покажите виджет с товаром более высокого класса (вряд ли покупатель заинтересуется высокой ценой), но это подтолкнет его к покупке по более разумной цене.

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

Пример виджета-уведомления

Хотите вернуть пользователя на сайт?

Допустим покупатель был на сайте 3 раза, но так и не совершил ни одной покупки. Предоставляем ему скидку в обмен на оставленный email.

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

Пример всплывающего виджета сбора данных.

Увеличиваем время нахождения на сайте

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

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

Пример виджета при закрытии сайта.

Резюме

Необходимо выявлять слабые места в конверсии сайта и работать над ними. Лучший способ – это использовать всплывающие окна, которые быстро и легко настраиваются. Используя привлекательные призывы к действию в виджете, можно получить отличные результаты.

Считайте конверсию, не бойтесь экспериментировать и использовать дополнительные инструменты оптимизации конверсии.

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

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

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

В сервисе имеется интеграция со многими популярными CMS. Установив плагин getsale, вы сразу получите основные полезные опции для работы с конверсией.

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

Источник: https://www.seonews.ru/analytics/kak-povysit-pozitsii-v-vydache-primenyaem-vidzhety/

Создаем одностраничный продающий сайт (landing page) в Wix

При продаже различных товаров и услуг в интернете залогом успеха является простота: чем яснее и ярче виртуальное предложение, тем больше продаж. И в этом случае landing page сочетает все преимущества простоты, скорости восприятия и удобства для покупателей. Большинство онлайн-предпринимателей для продажи товаров и услуг в интернете выбирают именно этот инструмент.

Общие принципы лендинга

Понять, что такое лендинг (landing page), несложно: достаточно представить себе коммерческое предложение в интернете, в котором все характеристики товара, его преимущества, описание, выгода и покупательский функционал выложены на одной странице.

Пользователю достаточно бегло изучить страницу и оформить заказ: вся процедура отнимает пару минут и требует минимум кликов.

Лендинг пайдж максимально адаптирован под нужды покупателя: все кнопки для оформления и покупки расположены на видном и удобном месте и клиенту не нужно долго ориентироваться в навигации сайта. В этом заключается преимущество одностраничного сайта.

Создать свой лендинг бесплатно!<\p>

Основные принципы хорошего продающего сайта просты. Лендинг пейдж должен:

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

Форматирование текста

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

Содержание коммерческого текста

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

Джон Кеннеди в своей книге «Продающее Письмо» раскрывает некоторые тезисы коммерческих приемов в тексте:

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

Создание одностраничного сайта в конструкторе Wix

Вниманию тех, кто хочет собственноручно создать landing page (целевую страницу), предлагается немало онлайн-конструкторов. Одним из них является конструктор сайтов wix. Рассмотрим, как сделать с его помощью одностраничный сайт, не имея при этом навыков программирования, и не зная HTML. В качестве примера рассмотрим процесс создания лендинга для продажи экономителя топлива FuelFree.

При переходе на главную страницу онлайн-конструктора wix, вы увидите простой и ничем не перегруженный интерфейс. Система предлагает начать создание landing page без необходимости изучения каких-то сложных инструкций и рекомендаций. Просто нажмите кнопку «Создать сайт», введите регистрационные данные, и можно приступать к работе.

Создать свой лендинг бесплатно!<\p>

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

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

Чтобы выбрать «основу» для создаваемого нами одностраничника, выберите в списке пункт «Одностраничные»-«Лендинг»:

Читайте также:  История поиска и просмотров в яндексе — как ее открыть и посмотреть, а при необходимости очистить или удалить

После этого конструктор предложит выбрать подходящий шаблон. Так как варианта, подходящего под нашу тему, не нашлось, возьмем любой, понравившийся по структуре. Нажав кнопку «Редактор», вы попадете в раздел редактирования шаблона.

ВАЖНО. Прежде, чем выбрать шаблон для сайта, вы можете оценить его работу. Для этого нажмите кнопку «Просмотр», и конструктор перенаправит вас в раздел с реально работающим примером на базе выбранного шаблона:

После выбора шаблона для лендинга вы попадаете в редактор, где и будет вестись работа над сайтом. Прежде, чем приступить к процессу создания landing page, можно посмотреть краткое видео, объясняющее порядок работы с системой:

Работа над одностраничным сайтом в Wix ведется в удобном визуальном редакторе. Выбранный шаблон представляется здесь в виде набора элементов (картинки, текстовые поля, формы, кнопки и т.д.). В левой части окна размещается меню для работы с создаваемым сайтом и его элементами. Кратко рассмотрим назначение каждого из его пунктов.

  1. Пункт «Страницы». Предназначен для работы со страницами сайта (добавление, удаление, настройка отображения и т.д.);
  2. Пункт «Дизайн». Здесь вы найдете инструменты, необходимые для работы с дизайном сайта. Для удобства они распределены по подгруппам для работы с фоном, цветовыми схемами, шрифтами и т.д.;
  3. «Добавить». При помощи этого пункта вы сможете добавить на свой одностраничник различные элементы: текстовые поля, кнопки, различные формы. Библиотека конструктора содержит просто огромный выбор подобных элементов.
  4. «App Market». Это собственный магазин приложений и полезных дополнений для сайта. Здесь вы можете найти массу платных и бесплатных приложений для веб-ресурса (виджеты погоды, торговые приложения и т.д.);
  5. «Настройки». При помощи данного пункта вы сможете настроить различные параметры создаваемой landing page (SEO, работа со статистическими данными, социальные настройки и т.д.).

Здесь же есть и пиктограммы, при нажатии на которые вы можете посмотреть, как лендинг будет выглядеть на компьютере или на мобильном устройстве:

В правой части окна вы найдете кнопки, необходимые в процессе редактирования шаблона (откат действия, предварительный просмотр, сохранение текущих изменений и т.д.).

Создать свой лендинг бесплатно!<\p>

Совет. Создавая одностраничный сайт в онлайн-конструкторе Wix, периодически (а лучше после каждого изменения) нажимайте кнопку «Сохранить» в правом верхнем углу редактора. При первом сохранении вам будет предложено ввести имя сайта. Можете сделать это сейчас, а можете и позже, перед публикацией:

Итак, для начала изменим фоновое изображение выбранного шаблона на заранее подготовленное для нашего одностаничника. Для этого кликнем по нему левой кнопкой мыши (при этом картинка подсветится голубой рамкой) и выберите пункт «Заменить фото»:

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

Источник: http://www.internet-technologies.ru/how-to-create-a-landing-page.html

Как сделать виджеты для сайта и увеличить его доходность? —

Источник: https://land-site.ru/landing-page/kak-sdelat-vidzhety-dlya-sajta-uvelichit-ego-dohodnost

3 виджета, которые повысят конверсию вашего сайта

Да, знаем, что вы чертовски устали от кучи статей с подобным заголовком. Нет, тут не будет 100+ способов запустить конверсию в космос, которые вы не сможете использовать здесь и сейчас. Тут будет всего 3 виджета, которые действительно работают на повышение конверсии.

1. Лайвчат виджет

Почему? Отслеживает активность пользователей, проактивно выходит на контакт с посетителем сайта, персонализирует коммуникацию с клиентом

Результат: HelpCrunch Live Chat, которым пользуемся мы в SE Ranking повысил конверсию до 20%.

Как он работает?

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

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

Для остальных можно всегда предложить демо или консультацию.

Что особенного?

  1. HelpCrunch лайвчат отлично справляется с ролью “ночного портье” на вашем сайте. Работая и в оффлайн-режиме, он собирает контактные данные посетителей и не оставляет их запросы без ответа.
  2. HelpCrunch in-app messenger помогает конвертировать пользователей бесплатной версии в платных подписчиков.

    Чтобы юзеры TRIAL-версии действительно оценили ваш продукт и сервис смените спам на актуальные сообщения через чат или триггерные письма (которые реагируют на определенные действия клиента). Мы используем встроенный в SE Ranking HelpCrunch in-app messenger, чтобы мониторить активность пользователя и отправлять персонализированные предложения.

    Например, советы о том, как извлечь больше пользы от инстурмента, с которым клиент в данный момент работает.

2. Лидогенератор

Почему? Привлекать больше готовых к покупке лидов, контролировать затраты на лидогенерацию, сократить время на проведение SEO-аудита для клиентов.

Результат: Работа с готовыми к покупке лидами значительно повышает количество закрытых сделок. Один из наших клиентов увеличил конверсию на 30% после внедрения Лидогенератора.

Как он работает?

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

Заполнив её, посетитель сайта через несколько минут получает на почту детальный SEO-аудит своей страницы (аудит автоматически сделан SE Ranking), а вы — контактные данные перспективного клиента и копию отчета об аудите, который поможет вести предметные переговоры.

Что особенного?

  1. Виджет легко кастомизируется. Можно выбрать его вид (кнопка, пуш-уведомление, поп-ап), поменять цвет и текст. Письмо и отчет, которые уходят пользователю после заполнения формы — тоже можно оформить в корпоративном стиле.

     

  2. Вы полностью контролируете затраты на инструмент. Просто установите лимиты на бюджет или количество аудитов в день. 
  3. Ваша собственная мини CRM-система.

    Вы получаете лиды и управляете их продвижением по воронке продаж в самом инструменте. 

Виджет с отзывами клиентов

Почему? Заручиться доверием новых посетителей сайта, предложить дополнительный стимул к покупке на странице оплаты.
Результат: 58.29% повышение продаж на ecommerce сайте (Express watches)

Как он работает?

Согласно исследованиям 90% клиентов говорят, что позитивные онлайн-отзывы влияют на их решение о покупке. Поэтому мы и включили  виджет Trustpilot в свой список.

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

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

Что особенного?

  1. 19 видов виджета: карусель, попап, список отзывов.

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

  2. Разные представления виджета для разных страниц.

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

    Кликабельные микро TrustBox, которые показывают ваш общий рейтинг, а не отзывы, хорошо смотрятся на основной странице, но не подходят для страницы оплаты.

А какие тулы и методы для повышения конверсии используете вы?

Источник: https://seranking.ru/blog/seo/3-vidzheta-kotorye-povysyat-konversiyu-vashego-sajjta/

Виджет на сайт — тестируем инструмент witget

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

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

В начале работы с сервисом объясняется, что при наличии доступа к сайту, можно установить и начать работать с инструментом менее чем за 5 минут. Казалось бы, что последовательность реализации очень проста: регистрируешься, делаешь виджет и размещаешь его. Так проверим это!

Вначале стоит внести небольшую ясность: сервис меняется быстрыми темпами и делает это в лучшую сторону. Разработчики активно прислушиваются к советам и рекомендациям от пользователей.

По регистрации и получению доступа:

  • Плюсы: Имеется тестовый доступ для проверки инструмента. Письмо насчет тестового доступа приходит не сразу, об этом не предупреждают на сайте сайта.
  • Минусы:
    • Тестовый доступ предоставляется не сразу, а через несколько дней.
    • Каждый желающий пользователь встает в очередь, которая может достигать до 2 недель.
    • Дополнительный опросник, который должен заполнить каждый пользователь сервиса.
    • Если этого не сделать, то ждать тестовый доступ придется дольше
    • Долго ждать обратную связь после каждого действия. Это касается регистрации, авторизации.

Работа в тестовом аккаунте

  • Плюсы: Не требуется большие вмешательства дизайнера и разработчика. В личном кабинете есть пошаговая инструкция от создания виджета до его размещения на сайте. Много шаблонов. Можно сортировать виджеты по тегам, что очень удобно. Имеется панель выбора цвета в редактировании виджета.
  • Минусы:
    • На сайте нет объяснений интерактивным элементам: Топпер (верхний виджет), Флор (нижний), Всплывающие окна, Ярлычки.
    • Нет тегов для сортировки шаблонов по интерактивным элементам: Топпера, Флора, Всплывающие окна, Ярлычки (это те самые виджеты, которые можно разместить у себя на сайте).
    • Не объясняются значения, которые отображаются в разделе «Статистика».
    • Нет параметра — коэффициент конверсии, который показывал отношение заполненных/кликабельных виджетов по общему количеству их просмотра.
    • Нет возможности выгрузить полученную базу клиентов из раздела «Полученные данные».
    • Нет возможности добавить или удалить элемент при создании нового виджета.
    • Нет разграничений между конкретными блоками редактирования при создании виджета. Например: блок кнопка (цвет кнопки, цвет при наведении курсора, цвет текста, текст на кнопке) и т.д.
    • Не всегда срабатывает кнопка Refresh при редактировании виджета. Сюда можно отнести и то, что много нерабочих элементов в личном кабинете.
    • Нет возможности менять расположение элементов, передвигать элементы или текст на несколько пикселей, тем самым уменьшать лишнее пространство.
    • Для текста не предусмотрено начертание: полужирный, курсив, подчеркнутый.
    • Нельзя менять расположение текста в виджете при его редактировании.
    • В разделе «Мои виджеты» нет миниизображений и даты создания виджета, что позволяло бы быстро ориентироваться по элементам, когда их будет очень много.
    • В разделе «Поддержка» не хватает ответов на часто задаваемые вопросы (наверняка они имеются).

Использование:

  • Плюсы: Всё работает как часы.
  • Минусы: Неизвестно, на сколько дается тестовый аккаунт (или это можно отнести к плюсу?). Неизвестны тарифы и расценки.

Количество «Минусов» значительно опережает «плюсы».

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

Вот, что у нас получилось:

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

Источник: http://leadmachine.ru/2014/04/10/witget/

Под прицелом: сервис для создания виджетов Witget.com

Обзоры 1 983 0 25 января, 2016

Харо-харо, котанятки! Сегодня мы с вами будем обозревать сервис Witget, который позволяет создавать крутые виджеты на все случаи жизни, пихать их на свои сайты-ленды, и все это, как вы уже поняли, без помощи дизайнеров, программистов, админов и кучи других людей. Не будем сейчас обсуждать судьбы дизайнеров – гораздо важнее, что нам обещают повышение продаж на 30% и увеличение эффективности лидогенерации на 25%.

Харо-харо, котанятки! Сегодня мы с вами будем обозревать сервис Witget , который позволяет создавать крутые виджеты на все случаи жизни, пихать их на свои сайты-ленды, и все это, как вы уже поняли, без помощи дизайнеров, программистов, админов и кучи других людей.

Не будем сейчас обсуждать судьбы дизайнеров – гораздо важнее, что нам обещают повышение продаж на 30% и увеличение эффективности лидогенерации на 25%.

Не знаем, как там с лидогенерацией, но на момент написания данного абзаца, мы наблюдали следующую статистику за день: число сайтов с виджетами – 11 679, всего виджетов показано – 171 033, всего целей достигнуто – 17 787, средняя конверсия – 10,4%. Опытным путем было доказано, что стата меняется не только каждый день, но и в течение дня.

Кстати, а началось-то все с того, что партнерская программа Witget на прошлой неделе пришла в Advertise. За первую оплату любого тарифа нам платят 40% от суммы сделки, за не первую оплату – 20%. Гео – Ру, Украйна, Белка, Казахстан и ко. Можно юзать все виды трафа, кроме мотивирки и кэшбека.

Так что мы тут с вами сейчас убиваем сразу двух зайцев: будем смотреть, добро это или уг (можно ли пользоваться самому) и тестировать оффер на себе, как нас в детстве учили (стоит ли лить).Макбук, кружечка, виджеты.Итак, Witget – это, по сути, готовые шаблоны виджетов.

Шаблонов много и все их поделили на несколько больших групп: Mail (для сбора e-mail с телефонами, организации заявок, заказов, регистрации на мероприятия), Chat (для налаживания обратной связи, колбэк, отзывов с сайта), Social Media (для приглашения пользователей в свои группы в ВК, FB, OK, Instagram), Action (для анонсирования акций, создания оповещений и акцентировании на определенных разделах сайта), а также Gadget (повышение функциональности сайта) и Universal (всплывающие окна с отображением страниц HTML и iFrame).

Если у вас возникли проблемы с чтением предыдущего абзаца, то, короче, эти виджеты собирают контакты, налаживают обратную связь, коллбэчат, заставляют подписаться на ваши группы в соцсетях, втюхивают скидки и показывают всякие оповещения. А еще, у Витгета есть блог , где можно узнать гороскоп для интернет-маркетологов на 2016 год , почитать кейсы по увеличению продаж, а также всякие полезные советы, лайфхаки и прочее.

Извините, кнопка «позвать своего программиста» не поместилась – но она вон там, ниже, вот ее кусок видно.

Фичи:

  • более 100 готовых шаблонов в виде всплывающих окон, топперов, флоров, ярлычков + множество способов кастомизации и адаптации под дизайн сайта;
  • гибкие настройки показа, в зависимости от поведения пользователя, времени и т.д.;

Источник: https://gdetraffic.com/Obzory/Pod_pritselom_servis_dlya_sozdaniya_vidzhetov_Witgetcom

Топ пять виджетов для лендинг пейдж

После тестирования конверсии на сайте в заявку с виджетами и без, было выявлено, что в добавлении трех виджетов из топ пяти основных конверсия landing page увеличивалась.

Самый лучший виджет оказался всплывающее окошко с дополнительной ценной информацией в фиксированной позиции position: fixed и расположением в нижнем углу.

Топ пять виджетов для лендингов

1). Всплывающее окошко через две секунды внизу слева

В этом виджете можно делать всплывание формы заказа, но это будет навязчиво, поэтому лучше, чтобы всплывало сообщение с основным преимуществом товара.

Код в index.html.

Пишем основное приемущества товара!  X

Код в main.sass.

123456789101112131415161718192021222324252627282930313233343536373839404142434445 #parent_popup  display: none  position: fixed  z-index: 99999  bottom: 0  right: 0#popup  font-size: 1.2em  background: #fff  width: 300px  padding: 5px 20px 13px 20px  border: 3px solid #b641b0  position: relative  -webkit-box-shadow: 0px 0px 20px #000  -moz-box-shadow: 0px 0px 20px #000  box-shadow: 0px 0px 20px #000  -webkit-border-radius: 15px  -moz-border-radius: 15px  border-radius: 15px.close  background-color: rgba(0, 0, 0, 0.8)  border: 2px solid #ccc  height: 24px  line-height: 24px  position: absolute  right: -24px  cursor: pointer  font-weight: bold  text-align: center  text-decoration: none  color: rgba(255, 255, 255, 0.9)  font-size: 14px  text-shadow: 0 -1px rgba(0, 0, 0, 0.9)  top: -24px  width: 24px  -webkit-border-radius: 15px  -moz-border-radius: 15px  -ms-border-radius: 15px  -o-border-radius: 15px  border-radius: 15px  -moz-box-shadow: 1px 1px 3px #000  -webkit-box-shadow: 1px 1px 3px #000  box-shadow: 1px 1px 3px #000  &:hover    background-color: rgba(0, 122, 200, 0.8)

2). Виджет всплывающее окошко с указанием покупателя, и какой он товар приобрел

Окошко появляется через минуту в верхнем углу справа.

Через пять секунд исчезает.

Срабатывает триггер продаж у посетителя.

Если другие покупают, значит товар хороший, и я куплю.

Два вида сообщений.

Сообщения можно чередовать для разнообразия.

Код в index.html.

        Дмитрий Петров, сделал заказ!        Иван Тургеньев, сделал заказ на товар!<\p>        Виктория Столова, оставила заявку на обратный звонок.

Код в main.sass.

12345678910111213141516171819202122232425262728293031323334 .yved  position: fixed  z-index: 3  right: 30px  top: 80px  vertical-align: middle  height: 120px  color: white  padding: 15px  font-size: 1em  line-height: 90px  border-radius: 10px  display: none.yvedi  float: left  width: 50px !important  margin-right: 10px  margin-top: 20px.yvedt  width: 220px  line-height: normal  display: inline-block  vertical-align: middle  font-size: 1.2em.yvedf1  background-color: #b641b0.yvedf2  background-color: #b641b0.yvedvt  float: left  height: 70px  line-height: 70px  display: inline-block  vertical-align: middle

Код в common.js.

$('').appendTo('head');var i = 0;function yved(){i=1;$('.yved:nth-child('+i+')').fadeIn(500).delay(7000).fadeOut(500);//время анимации}setTimeout(function(){setInterval(function(){i=i+1;if(i>10) i=1;//сколько уведомлений$('.yved:nth-child('+i+')').fadeIn(500).delay(7000).fadeOut(500);//время анимации},10000);//между показамиyved();},10000); // перед показом первого

3). Чат онлайн

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

Чат лучше использовать от социальной сети vk, она самая популярная или живосайт.

Чат от vk установить просто. Пишем в поисковике и читаем полную инструкцию.

Будет два кода у чата.

  • Первый расположится в конце шапки перед закрывающим тегом head.
  • Вторая часть кода перед закрытием тела сайта тегом body.

4). Количество людей, которые купили товар сегодня

Располагается виджет внизу в углу в окошку, либо над шапкой сайта.

Используем триггер эффект толпы, который остался от древнего мышления, подробно тут.

Можно объединить с виджетом сколько человек купили товар сегодня.

Указать три цифры возле друг друга.

На складе осталось мало товара или осталось последнее место.

Триггер дедлайн. Посетитель думает, что может не успеть, а если еще и акция, то точно нужно купить сейчас.

5). Последний виджет называется, мы заморозили цену

Появляется сбоку окошко с изображением льда и надписью, что цена заморожена.

Добавь себе один или несколько виджетов на лендинг пейдж и увеличь конверсию.

Источник: http://sdelatlending.ru/top-pyat-vidzhetov-dlya-lending-pejdzh.html

Сервис GetSale: как умные таргетированные виджеты помогут е-коммерсам?

Вы точно встречали в сети виджеты (они же pop-up окна): количество их в рунете увеличилось в 2 раза за последние полгода.

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

), и по задумке эти элементы должны действительно помогать. Но для пользователя они нередко превращаются в непреодолимое препятствие или раздражающий фактор.

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

В двух словах: GetSale делает упор на создание виджетов с тончайшей настройкой таргетинга, сценариев показа, сегментацией аудитории и гибкой ценовой политикой: тарифы зависят от количества просмотренных страниц, так что маленькие сайты платят мало, сайты-гиганты – умеренно. Средний интернет-магазин с порядка 30 000 показов в месяц будет платить около 650 руб/мес.

В сервисе огромное количество красивых, современных шаблонов виджетов разных типов: растяжек, мобильных поп-апов, виджетов-сборщиков e-mail, виджетов-уведомлений (обычно появляются в правом нижнем углу сайта). А также – безграничные возможности для создания виджетов своих собственных дизайнов, стилистик и форм.

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

К виджетам GetSale прилагается подробная статистика, так что не придется дополнительно настраивать сложносочлененные Цели в Метрике или Аналитиксе.

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

Проблема 1. После запуска виджета упала глубина просмотров

Резкое падение глубины просмотров – прямое следствие препятствия на пути пользователя: он не смог закрыть поп-ап, перекрывший доступ к сайту. Проверьте размер окна, проверьте видимость крестика закрытия, проверьте – вы показываете поп-ап всем подряд и в первые секунды на сайте?

Решение от GetSale: выбираем нужный шаблон, задаем размер, место отображения, редактируем, настраиваем на показ, например, после 40 секунд нахождения на странице. Можем также настроить сценарий показов только на определенных страницах или только после определенного действия. Можем настроить показ только пользователям i-устройств или, наоборот, только десктопным пользователям.

Сценарий показов “всем подряд с первой секунды на сайте на всех страницах” – вот что губит глубину просмотров и время на сайте. Решение этой проблемы – сегментация пользователей + настройка сценариев показа + таргетинг.

Проблема 2. Создание, настройка и привязка виджетов на сайт трудозатратны

Дизайнер рисует баннер, под него пишется контент, вебмастер прикручивает его к сайту, и не факт, что все это будет работать с первой попытки. Час работы приличного разработчика стоит 700р., а ведь скорее всего понадобятся еще и правки.

Решение от GetSale: виджет может собрать любой человек, без специальной подготовки, после чего оперативно настроить у себя на сайте показы и вносить нужные правки за считанные минуты. Благодаря полной кастомизации через визуальный редактор мы создаем свой уникальный виджет: там, где раньше требовался маленький отдел сотрудников, справляется один человек, не специалист, за 15 минут.

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

Проблема 3. Установили виджет, упал кликрейт

Старые виджеты стояли и стоят до сих пор на “костылях” разработчиков. Окна, к примеру, с онлайн-консультантом могли появляться сразу после того, как с консультантами только что пообщались. Виджет, который показывается бесконечное количество раз, стимулирует пользователя к одному — покинуть сайт.

Виджеты GetSale обладают более тонкими настройками: мы можем назначить цель, которую пользователь выполнит для показа pop-up, сегментировать аудиторию на более мелкие группы не только по геотаргетингу и поведению на сайте, но и по нажатию на кнопку или другому элементу отдельной страницы.

К примеру, вот так в настройках таргетируется специальное предложение пользователю из Орла, зачастившему на сайт за последнюю неделю:

Проблема 4. Виджет-сборщик e-mail виноват в том, что с рассылки плохой конверт

Базу e-mail нужно формировать органически: пусть пользователь поделится своей почтой добровольно. И у него должен быть выбор – делиться или нет. И он должен четко понимать: ЗАЧЕМ ему надо оставлять вам свою почту. Решает не виджет, решает ценность предложения и контент рассылки.

Более того, любой опытный e-mail-маркетолог вам подтвердит: чудеса конверсий возможны даже при рассылке по “левым” адресам. Главное – что вы пишете, что предлагаете. Невозможно всю ответственность за эффективность рассылок переложить на виджеты-сборщики. Но вот в качестве именно что сборщиков виджеты работают надежно и безотказно, как автомат Калашникова.

И лучшего инструмента для этой цели в Digital пока просто не существует.

Проблема 5. Пользователи заходят на сайт неоднократно, но не совершают конверсионных действий

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

Конверсия в покупку с подобного поп-апа видна на скриншоте ниже.

Вывод

GetSale позволяет избежать проблем технического характера: виджеты сервиса не увеличивают время загрузки страниц, не мешают мобильным пользователям и устанавливаются на любую CMS.

Попробовать однозначно стоит: сервис доступен для 14-дневного триала (платным будет только виджет обратного звонка), в ходе которого вы, благодаря статистике, как минимум получите свежий взгляд на поведение аудитории вашего сайта. Главное – уделите внимание настройкам таргетинга и сценариям показа.

GetSale – это iPhone среди подобного рода сервисов, так что было бы странно выбрать его, но задействовать на 1/10 от всех функций и возможностей.

Источник: https://devaka.ru/pr/smart-widgets-getsale

Ссылка на основную публикацию