Кнопка обратного звонка на сайт: Обратный звонок для сайта и виджет callback

Облачная АТС Дом.ru Бизнес

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

Как работает

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

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

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

Что происходит при клике на виджет?

1. Появляется окно заказа звонка, которое сообщает клиенту, что ваш сотрудник перезвонит ему бесплатно в течение 26 секунд. От клиента требуется минимум усилий – правильно ввести свой номер телефона.

2. После того как клиент оставляет номер телефона и нажимает кнопку «Жду звонка», Облачная АТС Дом.ru Бизнес звонит вашему менеджеру.

3. Сразу после ответа менеджера робот сообщает ему, что клиент заказал обратный звонок с сайта, и Облачная АТС автоматически перезванивает клиенту.

4. Менеджер отвечает на вопросы, отрабатывает возражения, закрывает потребность клиента и совершает продажу.

Почему клиенту удобно пользоваться кнопкой обратного звонка

Большинство клиентов не любят, когда им приходится:

• платить за звонок,

• слушать голосовое меню,

• ждать ответа оператора.

Для таких клиентов кнопка обратного звонка – самый удобный способ быстро и бесплатно связаться с вашей компанией.

Виджет вычисляет нерешительных клиентов и тех, кто готов уйти

«Ловец лидов» анализирует поведение посетителя сайта, и виджет всплывает тогда, когда потенциальный клиент:

• провел на сайте некоторое время, изучая информацию,

• открыл несколько страниц сайта, но не решился на покупку,

• собирается уйти с сайта, так и не став вашим клиентом.

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

Если клиент заказывает обратный звонок в нерабочее время

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

Как только наступит рабочее время, Облачная АТС позвонит клиенту и соединит его с менеджером.

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

Как заказанный звонок отображается в АТС

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

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

Как установить кнопку обратного звонка

Как подключить веб-аналитику к виджету

как сделать форму заказа callback и особенности сервиса ⋆ Техподдержка

Как настроить обратный звонок, чтобы он не бесил

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

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

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

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

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

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

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

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

Что важно в коллбеках?

Решив вписать на сайт форму «обратный звонок», обратите внимание на следующие критерии:

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

• Настройка по отделам/городам.

В форме обратного звонка должен присутствовать выбор страны/города/отдела и т.д. (например, страна – Россия, город – Москва, отдел – техническая поддержка). Это важно, если у вас несколько подразделений или несколько филиалов в разных городах с общим сайтом, с которого могут звонить клиенты.

• Сбор заявок в нерабочее время.

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

• Уведомления о звонке (email, SMS и т.д.)

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

• Тональный набор для операторов.

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

• Отдельная настройка виджета для мобильной версии.

Оформление и набор элементов на десктопе и мобильном экране – разные. Кривые элементы на мобильном раздражают всех и всегда. Поэтому нужна отдельная настройка для корректного использования обеих версий.

• Отключение десктопа от мобильной версии.

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

Эта функция необходима для блокировки номеров, с которых нежелательно принимать заявки на обратные звонки (конкуренты, проблемные звонки и т.д.)

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

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

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

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

Как установить обратный звонок на сайт wordpress

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

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

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

Какая кнопка обратного звонка не будет раздражать посетителей сайта

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

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

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

Как не разозлить потенциального покупателя?

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

Кнопка «заказать обратный звонок»

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

Обычно кнопку «заказать обратный звонок» располагают в правом верхнем углу. Можете поэкспериментировать с расположением, но помните о том, что люди уже привыкли видеть этот элемент именно там, хотя, — это больше относится к сайтам бизнес тематики и услуг.

Конечно, в большинстве случаев модальные окна делают с применением javascript, но сегодня мы попробуем обойтись только средствами css, и не будем нагружать наш landing page лишним скриптом.

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

О том, как настроить контактную форму можно почитать в этих статьях:

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

Будем реализовывать такой функционал: 🙂

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

Первое, что нужно сделать,  это подключить таблицу стилей (less), представленную в исходнике. Я очень подробно описал его комментариями, посмотрите и внесите правки.

Html структура очень проста. Размещаем эту ссылку в нужное место на сайте. Туда, где вы планируете вывести кнопку «заказать обратный звонок»:

<a href="#modal">Заказать обратный звонок</a>

Теперь нужно создать контейнер модального окна:

<div>
    <div>
       <div> 

           содержимое модального окна

       </div>
        <a href="#close" title="Закрыть"></a>
    </div>        
</div>

Я добавил небольшую контактную форму, получилось так:

<div>
  <div>
    <p>Оставьте ваш телефон<br/>и наш консультант свяжется с вами</p>
    <form name="backPhone">
       <input name="telephone" type="Tel" maxlength="20" placeholder="Введите ваш телефон" required=”required” />
       <button type="submit" form="backPhone">Получить прайс </button>
    </form>

       <a href="#close" title="Закрыть"></a>
  </div>
</div>

Не стал публиковать таблицу стилей, можете скачать исходник здесь:

Скачать исходник

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

Как вы могли заметить, я написал, что использовал less. Посмотрите на структуру. Я не использовал и 5% от возможностей препроцессора (только вложенность),  так как только начал изучать его, но планирую в будущем чаще применять. Вот хотел спросить у вас, как лучше. Не против ли вы, если примеры кода будут не в CSS а less? У меня Google chrome и Яндекс браузер отказались компилировать less в css без открытия файла через Денвер или OpenServer. На Мазила и IE — проглотили. Так что, скорее всего, буду выкладывать обычные CSS стили.

А на сегодня — все! Всем пока!

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

Кому нужен и не нужен обратный звонок?

Остановимся на секунду и зададим себе важный вопрос: «А нужен ли вообще моему бизнесу обратный звонок?».

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

Сферы, которым точно не обойтись без обратного звонка:

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

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

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

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

В эти и подобные сферы приходят с четко сформулированным спросом, поэтому обратный звонок не обязателен. Хватит и чата.

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

Amazon

Walmart

DisneyStore

Дело в том, что на Западе аудитория практически исключила подобный формат связи с интернет-магазинами. Звонки случаются только в том случае, если разъяренный клиент очень недоволен заказом. С другими сферами аналогично. Например, вот официальный сайт BMW:

А это сайт медиаконгломерата AT&T – одного из крупнейших сотовых операторов в США:

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

Кому нужен сервис callback

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

Разберемся,

какой способ коммуникации выбирают клиенты

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

общаться в чате

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

специфика бизнеса

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

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

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

Лучшие сервисы обратного звонка для wordpress

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

Существует огромное количество сервисов данной тематики. Большинство из них идентичны в предлагаемых функциях и имеют отличия лишь в незначительных вопросах, которые преподносятся как преимущества перед конкурентами. Чтобы не ошибиться в выборе, необходимо внимательно изучать их. Наиболее популярными сервисами являются:

1. Envybox. Это самый популярный и востребованный сервис, предоставляющий возможность соединения пользователей с операторами обратного звонка за 30 секунд. Преимущество Envybox заключается в экономической выгоде — владелец веб-ресурса не будет переплачивать за тариф, поскольку каждая минута разговора продается компанией по себестоимости.
2. CallBaska. Эффективность сервиса дает возможность увеличить количество обращений пользователей с веб-ресурса на более чем 50%.
3. LPTracker. Сервис предлагает не только callback-услуги, но и детальную аналитику поведения потенциальных клиентов на сайте, отделяя при этом нецелевых и вовлеченных пользователей.

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

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

Стадия формирования потребности

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

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

Одной из них является потребительское исследование. Оно производится тогда, когда человек осознал наличие у себя потребности, но пока не знает каким именно способом лучше её удовлетворить.

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

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

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

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

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

Чаще всего информационный продукт на вовлечение — лид-магнит — предлагается получить бесплатно в обмен на контактные данные или подписавшись на рассылку .

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

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

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

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

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

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

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

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

Очевидно, что это не основная причина отсутствия звонков из платного канала трафика, однако такой подход стимулирует рост количества лидов. 

Типичные ошибки настройки обратного звонка на сайте

Даже в век интернета и всеобщей компьютеризации человеческий фактор нельзя исключить полностью.

Могут возникнуть ситуации:

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

Дополнительно о техподдержке

Кнопка «обратного звонка» от А до Я | Callibri

Оригинал статьи: https://blog.callibri.ru/knopka-obratnogo-zvonka-ot-a-do-ya

Оригинал статьи: https://blog.callibri.ru/knopka-obratnogo-zvonka-ot-a-do-ya

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

Принцип работы и функции обратного звонка

«Купить или не купить?», — именно с такой мыслью посетители изучают сайт интернет-магазина. Вовремя показанная фраза: «Оставьте свой номер телефона, и мы вам перезвоним» способна подтолкнуть потенциального покупателя к активным действиям. Принцип работы «обратного звонка» прост: посетитель сайта заполняет форму с обязательным указанием телефонного номера, система автоматически связывает менеджера компании и клиента, причем для обоих абонентов звонок будет входящим.

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

• не придется искать контакты продавца
• не нужно тратить деньги на звонок
• не нужно тратить время на дозвон и ждать, когда соединят с менеджером

Кому нужен callback

Чем больше вариантов связи вы предложите посетителям сайта, тем чаще они будут с вами коммуницировать. Эффективность того или иного инструмента зависит и от типа бизнеса, и от личных особенностей клиентов.
Разберемся, какой способ коммуникации выбирают клиенты. Когда покупатель может четко и точно сформулировать свою потребность или запрос, то он предпочитает общаться в чате. А вот если посетитель сайта окончательно не определился, чего он хочет, или ему нужна серьезная консультация по товару и услуге, «обратный звонок»будет эффективнее онлайн-консультанта. Причем на один и тот же сайт приходят оба типа покупателей. Можно провести аналогию с покупкой в обычном магазине. Есть те, кто сразу идет к полке с нужным товаром, а есть те, кто воспользуется помощью консультанта. При онлайн-покупках первые, вероятнее всего, уточнят детали через чат, а вторая категория с большой вероятностью закажет «обратный звонок».
Но кроме психологии покупателя существует специфика бизнеса. «Обратный звонок»отлично работает на сайтах автосервисов, компаний, торгующих мебелью, занимающихся установкой окон и потолков, ремонтом квартир.Бизнес, связанный с финансами, требует обширных консультаций. В процессе общения у клиента возникают все новые и новые вопросы, потому что он никогда до конца не уверен, что получил полную информацию. Поэтому обратный звонок потенциальным клиентам будет интереснее, чем общение в чате.Для бизнесов, работающих по всей стране, функция «обратный звонок» будет одной из самых востребованных у посетителей сайта. Пользователь не будет думать, во сколько ему обойдется общение с компанией. Фирмам, работающим в северных регионах, где расценки на мобильную и телефонную связь выше, чем в целом по стране, наличие кнопки обратного звонка на сайте поможет привлечь покупателей.
А вот для интернет-магазинов, торгующих товарами повседневного и регулярного спроса, функция «обратный звонок» не так уж и важна. Обычно цветы, чай или продукты питания заказывают через форму на сайте, а небольшие нюансы выясняют в чате. Для бизнеса, который оказывает сложные услуги, например, разработка и продвижение сайтов, обратный звонок также не станет эффективным инструментом.
Выбирая способы коммуникации между компанией и клиентом, не стоит ограничиваться чем-то одним. Чем больше возможностей связаться с вами вы предоставите потенциальным покупателям, чем выше будут продажи. А уж какие именно инструменты принесут вам заказчиков, зависит от многих факторов.

Реакция посетителей сайта на кнопку

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

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

Такой призыв скорее заставить покинуть сайт, чем оставить свой номер.

Такой призыв скорее заставить покинуть сайт, чем оставить свой номер.

Как не взбесить потенциального покупателя?

• Всплывающее окно должно удержать посетителя на сайте, а не просто его проинформировать о чем-то. Удачно выбрать время показа поможет анализ записи вебвизора.
• Не навязываться. Предложить заказать обратный звонок один раз за сессию лучше, чем каждые 30 секунд.
• Кнопка отказа или крестик, закрывающий всплывающее окно, должны быть хорошо видны.

Как правильно настроить обратный звонок

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

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

2. В Callibri функция обратного звонка «зашита» в виджет. Так что подключить его можно только при подключении виджета. При клике на вкладку виджета посетителю предлагаются все возможные способы коммуникации, в том числе и обратный звонок.Без клика никакие кнопки не появляются и никого не раздражают.

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

3. Настроить порядок дозвона.

• Сначала дозвон до посетителя сайта, потом до оператора. Посетитель оставляет номер на сайте, система дозванивается до него и только после того, как он возьмет трубку, начинает звонить менеджеру. По сути получается, что клиент ждет, когда возьмут трубку. Этот вариант подойдет тем, кто работает с крупными корпоративными клиентами. Как правило, у таких клиентов есть собственная мини-АТС и процесс соединения с абонентом занимает длительное время.
• Дозвон до оператора, а потом до посетителя сайта. Чаще всего настраивают по этой схеме. Вариант подходит тем, кто работает с обычными потребителями. Человек принимает звонок, берет трубку и сразу начинает общаться с представителем компании.

4. Выбрать, в какое время обратный звонок будет доступен на сайте, а когда исчезнет. Когда бизнес спит, клиенты не будут звонить в пустоту. В настройках Callibri все время рабочее, потому что мы работаем круглосуточно 7 дней в неделю.
5. Настроить online-звонок — возможность позвонить прямо через браузер, используя гарнитуру или встроенный микрофон. Кстати, все это можно попробовать у нас на сайте.Вот как настройка обратного звонка выглядит в кабинете Callibri:

Избавляемся от «пустых» звонков

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

• Мало информации на сайте. Когда посетитель что-то не нашел, он заказывает звонок не чтобы что-то купить. Справиться с этой проблемой помогут:
• Хорошая навигация сайта. Если пользователю удобно искать и находить информацию на сайте, то ему не придет в голову звонить вам; если же на сайте ничего невозможно найти, то за недостающими сведениями он обратится к менеджеру.
• Раздел FAQ значительно облегчает пользователям жизнь. Здесь можно найти ответы на все “что, как, зачем и почему”. Если цель кнопки “обратный звонок” на вашем сайте продавать, то стоит дать как можно больше исчерпывающей информации именно на сайте, чтобы посетители не отвлекали операторов дурацкими расспросами.
• Онлайн-консультант, где можно уточнить мелкие детали. Чем больше способов коммуникации, тем чаще потенциальные клиенты будут общаться с менеджерами. По статистике большинство предпочитают общение в чате, так что если вы предоставите такую возможность, “пустых” звонков станет меньше.
• Посетитель заказывает обратный звонок, потому что ему это предложили, но не понимает, зачем. Возможно, стоит уточнить, для чего нужен «обратный звонок»: мы расскажем об условиях акции, поможем подобрать нужную модель, рассчитаем смету проекта и т.п.

Проблемы обратного звонка

Основные проблемы, связанные с обратным звонком, могут возникнуть исключительно из-за человеческого фактора. Ситуаций может быть несколько:

• Обратный звонок не совсем обратный звонок. В этом случае после того, как человек оставил на сайте свой номер, менеджеру приходит письмо. То есть здесь задействована не автоматическая система, а просто уведомление, что клиент хочет, чтобы с ним связались. Менеджер может вовремя не увидеть письмо или просто не перезвонить. Как результат — потерянный клиент.
• Обратный звонок настроен так, что сначала система звонит пользователю, а потом менеджеру. А он сейчас говорит по другой линии, пьет чай, зависает в интернете или вообще пошел погулять, в общем не может взять трубку. Результат тот же — потерянный клиент.

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

Оцениваем эффективность «обратного звонка»

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

• Источник перехода
• Адрес сайта, с которого пришел посетитель
• Рекламная кампания и конкретное объявление
• Поисковый запрос
• Город
• UTM-метки
• Посадочная страница

Оценивать эффективность обратного звонка можно по нескольким критериям:

• Востребованность. Очевидно, что если вам заказывают 2 обратных звонка в месяц, то это не самый эффективный инструмент продаж.
• Конверсия. Оценивать нужно не только количество звонков, но и их качество. Поэтому стоит проанализировать, сколько обратных звонков привело к продажам. Конверсия в продажу – один из главных показателей эффективности инструмента.
• Реклама. Анализ целевых звонков позволит понять, какие рекламные площадки работают, а какие приводят пустой трафик и спамеров на сайт.
• Региональность. Откуда чаще всего заказывают обратный звонок, клиенты из каких регионов покупают у вас и какие именно товары и услуги пользуются наибольшим спросом.
• Запись обратного звонка – это ценный источник информации для анализа. Во-первых, нужно внимательно отнестись к вопросам, которые задают клиенты. Возможно, стоит оптимизировать сайт или добавить какую-то недостающую информацию. Во-вторых, можно понять потребности своей целевой аудитории. В-третьих, выявить ошибки и просчеты в организации работы компании. Например, менеджер по телевизорам начинает давать консультацию по холодильникам вместо того, чтобы переключить на профильного специалиста. 

Статистика в одном окне – самый удобный вариант для аналитики и оценки эффективности различных каналов. Вы наглядно увидите, сколько обратных звонков дают реальных клиентов, и поймете, работает ли эта кнопка на вашем сайте. И если результаты неудовлетворительные, то всегда можно что-то исправить и перенастроить, чтобы инструмент «обратный звонок» начал работать на повышение конверсии вашего сайта. В Callibri все это отображается в Едином журнале лидов.

Как сделать обратный звонок эффективным

• Настраивать время работы функции в соответствии с работой менеджеров.
• Выбирать режим, при котором на звонок сначала отвечает менеджер, а уже потом клиент. Да, клиент будет дольше ждать звонка, но это лучше, чем он будет держать трубку и не дождется ответа.
• Понимать, что ОЗ это просто еще один вид коммуникаций. Он не единственный и не основной. Некоторым категориям граждан он интересен. На него не надо возлагать надежды или концентрироваться, он просто должен быть и работать.
• Предлагать и другие режимы коммуникаций, которые сэкономят деньги клиента: федеральные номера 8800 и 8804, а также онлайн звонок.

Кнопка обратного звонка для сайта

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

Теперь кнопка работает через Telegram и не снимает деньги за SMS.

Как работает кнопка обратного звонка

Посетитель оставляет свой номер мобильного через удобную форму на сайте. И в течении нескольких секунд этот номер приходит в виде сообщения на Telegram канал владельца (либо менеджера) сайта. После чего второй может незамедлительно позвонить клиенту. И весь этот процесс займет не более 10 секунд.

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

Кнопка обратного звонка для сайта с уведомлением в Telegram

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

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

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

Как установить кнопку обратного звонка на сайт

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

<script src='https://callback.pedanto.com/script.js' async></script>

Посмотреть пример работы кнопки вы можете на этом сайте (кликнув в нижнем правом углу на кнопку).

Стоимость услуги обратного звонка

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

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

Количество обращений через форму не ограничено. Никаких других скрытых платежей нет.

виджет обратного звонка для сайта

Виртуальная АТС Энфорта

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

Как работает

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

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

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

Что происходит при клике на виджет?

1. Появляется окно заказа звонка, которое сообщает клиенту, что ваш сотрудник перезвонит ему бесплатно в течение 26 секунд. От клиента требуется минимум усилий – правильно ввести свой номер телефона.

2. После того как клиент оставляет номер телефона и нажимает кнопку «Жду звонка», Виртуальная АТС Энфорта звонит вашему менеджеру.

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

4. Менеджер отвечает на вопросы, отрабатывает возражения, закрывает потребность клиента и совершает продажу.

Почему клиенту удобно пользоваться кнопкой обратного звонка

Большинство клиентов не любят, когда им приходится:

• платить за звонок,

• слушать голосовое меню,

• ждать ответа оператора.

Для таких клиентов кнопка обратного звонка – самый удобный способ быстро и бесплатно связаться с вашей компанией.

Виджет вычисляет нерешительных клиентов и тех, кто готов уйти

«Ловец лидов» анализирует поведение посетителя сайта, и виджет всплывает тогда, когда потенциальный клиент:

• провел на сайте некоторое время, изучая информацию,

• открыл несколько страниц сайта, но не решился на покупку,

• собирается уйти с сайта, так и не став вашим клиентом.

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

Если клиент заказывает обратный звонок в нерабочее время

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

Как только наступит рабочее время, Виртуальная АТС позвонит клиенту и соединит его с менеджером.

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

Как заказанный звонок отображается в АТС

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

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

Как установить кнопку обратного звонка

Как подключить веб-аналитику к виджету

Кнопка обратного звонка на сайт: бесплатные и платные сервисы

ГлавнаяТовары с меткой “Кнопка обратного звонка на сайт”

Показ всех 3 элементов

Added to wishlistRemoved from wishlist 0

Сравнить

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

Added to wishlistRemoved from wishlist 0

Сравнить

Платформа для управления маркетингом и продажами в сфере недвижимости.

2,900.00 ₽ / месяц

Added to wishlistRemoved from wishlist 0

Сравнить

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

1,000.00 ₽ / месяц

Преимущества виджета обратного звонка для вашего сайта

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

Что такое виджет обратного вызова? Это виджет на вашем веб-сайте (также известный как кнопка «Нажмите для вызова» или «Позвонить сейчас»), который позволяет посетителям ввести номер телефона, чтобы получить ответный звонок от одного из ваших представителей.Где их можно использовать? Они могут придерживаться вашего веб-сайта, чтобы их видели, когда пользователи просматривают его, поэтому у них всегда есть возможность связаться с вами на своем сайте. Что еще можно поставить виджет звонка по клику? Как насчет ваших целевых страниц, сайтов электронной коммерции и даже использования с отдельным номером для вашей страницы поддержки, которая специально направляет звонки в вашу службу поддержки.

Мы перечислили 10 причин, по которым вашему веб-сайту нужен виджет обратного вызова сегодня

1.Каждому сайту нужен призыв к действию

Призыв к действию — это способ, с помощью которого посетители могут совершить на вашем сайте действие, которое позволит им стать потенциальными клиентами / клиентами. Отличным призывом к действию является «кнопка вызова», чтобы посетители могли получить от вас звонок по поводу ваших услуг. Также важно, чтобы он был в верхней части страницы. Исследование показывает, что призыв к действию (CTA) в верхней части страницы имел видимость 73%, тогда как CTA в нижней части страницы имел видимость только 44%. Это делает его привлекательным и превращает посетителей в потенциальных клиентов!

2.Простота использования

Люди по своей природе не склонны к риску. Даже рискнуть позвонить кому-нибудь по телефону — это вызов для обычного потребителя. Чтобы это препятствие не уменьшалось для ваших потенциальных клиентов, кнопка «Позвонить сейчас» позволяет им позволить вам вместо этого позвонить им. Это позволит потребителю почувствовать, что он принимает на себя меньше рисков, и сделает его более комфортным, что повысит вероятность того, что он обратится к вам!

3. Увеличение доходов

Кнопка «Позвонить сейчас» — это призыв к действию с высокой конверсией.Это означает, что вы можете получить больший доход, просто разместив один на своем сайте. Тематическое исследование Adamence показало, что контакты компании с клиентами увеличились в 20 раз, а полученные в результате конверсии были на 15% выше, чем раньше, после внедрения виджета обратного вызова. Более высокие доходы получаются, когда компании переключаются с номера телефона на кнопку «Позвонить сейчас».

4. Качество обслуживания клиентов

Виджет «Звонок по щелчку» обеспечивает более удобное обслуживание клиентов. По данным Google, «61% пользователей обнаружили, что звонок по клику« чрезвычайно / очень важен »на этапе принятия решения о покупке, а 54% клиентов считают, что нужно задать больше вопросов / получить больше информации, чем было доступно по компании. интернет сайт.«Предоставляя клиентам возможность легко связаться с ними и получить ответы на свои вопросы, вы улучшаете их качество обслуживания клиентов.

5. Увеличьте вероятность контакта

Исследование 2014 года показало, что 75% людей предпочитают связываться с бизнесом по телефону. Это показывает, что когда у посетителей сайта есть вопросы, они хотят как можно быстрее обратиться к кому-то и поговорить с ними. Фактически, 47% поисковиков описали чувство «разочарование или раздражение» или «большую вероятность изучить другие бренды», когда они не могли напрямую позвонить в компанию (Google).

6. Самостоятельная установка виджета

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

7. Настройте виджет

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

8. Специализируйте свой маркетинг

Возможность проверить, какие из ваших объявлений на каких целевых страницах работают лучше, является важной маркетинговой стратегией. При тестировании вы можете использовать виджет «Звонок по клику», чтобы увидеть, какие копии целевых объявлений, целевые страницы и другие элементы работают лучше в зависимости от количества получаемых вами звонков. Callback Tracker также позволяет отслеживать с помощью Google Analytics, чтобы вы могли получать еще больше данных о ваших маркетинговых инициативах, увеличивая глубину ваших знаний о ваших стратегиях.

9. Сделайте свой сайт выдающимся

Когда веб-сайты выглядят современно и имеют легкодоступные инструменты для использования посетителями, это значительно улучшает общее впечатление пользователя. Виджеты обратного вызова важны в современную эпоху, и когда вы занимаетесь тем, что еще не используется на 90% веб-сайтов, вы опережаете игру, и ваши клиенты БУДУТ это заметить.

10. Это доступнее

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

Важно использовать кнопку вызова, чтобы превратить посетителей вашего сайта в клиентов. Существует огромный спрос на способы связаться с вами. Виджет обратного звонка дает вашему бизнесу возможность повысить продажи потребителям по телефону, что, согласно недавним исследованиям, может привести к увеличению продаж на 23%.Используйте виджет для звонков по клику с самым высоким рейтингом, такой как Callback Tracker, и дайте вашим посетителям лучший опыт работы с клиентами, превратив их в клиентов уже сегодня.

Как сделать «Мы Вам перезвоним!» кнопки на сайтах имеют смысл?

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

Если я вижу такую ​​кнопку, мне интересно, зачем мне ждать звонка? Если я хочу поговорить, я позвоню себе.

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

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

Я понимаю аспект кнопки, которая привлекает мое внимание, приказывая мне что-то сделать. Я не спрашиваю обо всем, что можно было бы применить к «Звоните нам по номеру 000-000000!». но на.
Призыв к действию имеет смысл; Попытка поговорить со мной лично имеет большой смысл, по крайней мере, в случае сложных и небольших объемов продукции или ассортимента продукции.

Но зачем мне их ждать? Даже не очевидно, как долго! И если мне сейчас достаточно любопытно, это не значит, что я еще позже.

Например, на сайте http://trotec-leipzig.de, который предлагает станки для лазерной резки, есть кнопка «Мы вам перезвоним». (Немецкий: «Wir rufen sie zurueck.») В правом углу каждой страницы.
Нажатие на кнопку показывает форму с запросом некоторых деталей (любопытно, что большинство из них являются обязательными).

На скриншоте показана эта форма на немецком языке;
Этикетки переводятся как «Форма обратного вызова», «Свяжитесь с нами:», «Имя», «Телефон», «электронная почта», «В какое время вы хотите, чтобы вам позвонили?» (чтобы выбрать день недели и временной диапазон дня), «Тема» и «Почтовый индекс / город».

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

Виджет обратного вызова | Кнопка обратного вызова

Как работает кнопка «Назад» в веб-браузере?

Ваш веб-браузер хранит стек (или список, если хотите) веб-страниц, которые вы посетили в этом окне.|
текущая страница

Обратите внимание, что yahoo.com и cnn.com удалены из списка. Это потому, что вы выбрали новый маршрут. Браузер поддерживает только список страниц, которые вы посетили, чтобы попасть туда, где вы находитесь сейчас, а не историю каждой страницы, на которой вы когда-либо были. Браузер также ничего не знает о структуре посещаемого вами сайта, что может привести к неожиданному поведению.

Вы находитесь на сайте покупок (ne.|
текущая страница

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

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

Было бы здорово, если бы браузеры позволили дизайнерам сайтов запрограммировать кнопку «Назад» так, чтобы она делала очевидную вещь (поднимала вас на уровень выше), а не то, что она делает сейчас?

Edit: комментатор спросил, перезагружает ли браузер страницу или просто отображает ее из своего локального кеша.

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

4 шаблона дизайна, которые нарушают ожидания кнопки «Назад» — 59% сайтов ошибаются — Статьи — Baymard Institute

«Как мне вернуться? Просто нажмите «Назад».Навигация, если честно, это не очень хорошо. И теперь это вернуло меня к женскому. ХОРОШО. Не нравится «.

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

Часто это имеет серьезных последствий для удобства использования , когда используется множество распространенных шаблонов веб-дизайна, таких как наложения, привязки, динамически вводимые представления, скрытый контент и т. Д.- иметь техническую структуру по умолчанию, которая превосходит ожидания пользователей относительно того, как должна работать кнопка «Назад». Фактически, наш тест показывает, что 59% сайтов электронной коммерции ошибаются по крайней мере в одном из этих 4 ожиданий пользователей с точки зрения того, как они технически поддерживают использование кнопки «Назад».

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

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

• Как пользователи ожидают, что кнопка «Назад» будет работать
• Проблема 1. Оверлеи и лайтбоксы (37% сайтов этого не делают)
• Проблема 2. Фильтрация и сортировка (27% сайтов этого не делают)
• Выпуск 3: Кассы Accordion
• Выпуск 4: Навигация от страницы продукта к списку продуктов
• 5 других представлений, на которые влияет кнопка «Назад»
• Простое решение всего этого

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

Как пользователи ожидают, что кнопка «Назад» будет работать

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

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

Ожидания пользователя кнопки «Назад» в Walmart не оправдались. Путь пользователя был «список продуктов> страница продукта> подстраница обзоров», затем она нажала на странице «Назад» . Это вернуло ее с подстраницы обзоров на страницу продукта. Затем она провела пальцем по краю экрана, чтобы вернуться к списку продуктов — только для того, чтобы вернуться на подстраницу обзоров. В замешательстве она снова нажала ссылку «Назад» на странице и вернулась на страницу продукта.Теперь она забыла о своем первоначальном намерении вернуться к списку продуктов и вместо этого начала просматривать перекрестные продажи. Невыполнение ожиданий пользователей кнопки «Назад» может вызвать серьезную дезориентацию и сбить с толку пользователей.

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

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

4 самых распространенных ловушки кнопки «Назад»

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

1. Оверлеи и лайтбоксы (37% сайтов этого не делают)
2. Фильтрация и сортировка (27% сайтов этого не делают)
3. Accordion Checkouts
4. Возврат к списку продуктов со страницы продуктов

1) Оверлеи и лайтбоксы (37% сайтов этого не делают)

В Nike пользователи могут просматривать высококачественные изображения продуктов в наложенной галерее изображений.Однако нажатие кнопки «Назад» не возвращает пользователей на страницу продукта, а вместо этого отправляет их на предыдущую страницу (в данном случае — список продуктов). Это не соответствует ожиданиям пользователей о том, как должна работать кнопка «Назад».

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

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

Стоит отметить, что вероятность использования пользователем кнопки «Назад» для выхода из оверлея зависит от того, насколько заметным является предоставленный сайтом элемент «Закрыть» (например, «X» для выхода из оверлея). Очень заметные элементы «Закрыть», вероятно, будут использоваться пользователями чаще, чем незаметные элементы «Закрыть», и, таким образом, нагрузка на кнопку «Назад» снижается, когда наложения имеют очень заметные элементы «Закрыть». Конечно, пользователи все равно должны выходить из оверлея, нажимая «Назад», даже если он снабжен заметным элементом «Закрыть».

«Я не знаю, как выйти из этой… кнопки« Назад »? Так я вернулся в раздел поиска толстовок [список продуктов] ». Пользователь попытался выйти из оверлея галереи изображений, нажав кнопку «Назад» (первое изображение), но вместо этого он вернулся к списку продуктов (второе изображение). (Предоставленная сайтом ссылка «Назад» была фактически скрыта рекламой «Установить приложение».)

Во время тестирования мобильных устройств мы заметили, что пользователям сложнее закрывать оверлеи с помощью предоставленных сайтом элементов «Закрыть», часто из-за проблем с областью нажатия, при этом «X» часто помещается близко к краю экрана или «Установить приложение» », Закрывающее элемент« Закрыть »(см. Нашу статью о том, как сделать акцент на рекламе типа« Установить приложение »или полностью отказаться от нее).Таким образом, мобильных пользователей с большей вероятностью будут использовать кнопку «Назад» для закрытия оверлеев по сравнению с пользователями настольных компьютеров, и еще более важно, чтобы их ожидание выхода из оверлея поддерживалось при нажатии «Назад».

2) Фильтрация и сортировка (27% сайтов этого не делают)

Пользователь Amazon нажимает «Назад» после применения 3 фильтров (первое изображение). При этом будет удален последний примененный фильтр, и теперь показано, что применены 2 фильтра (второе изображение). Нажав «Назад» после применения фильтров, вы должны начать удаление примененных фильтров.

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

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

«Думаю, я вернусь…» Пользователь JBL отсортировал список продуктов наушников по цене от низкой к высокой (первое изображение).Изучив продукт на странице продукта, она решила, что хочет продолжить просмотр, и нажала, чтобы вернуться к списку продуктов (второе изображение). Однако она коснулась дважды: это привело к тому, что ее вернули к списку продуктов, а также изменилось направление сортировки, но направление сортировки было изменено только на заднем конце, так как направление сортировки по-прежнему было «Цена: (От низкой к высокой ) » (третье изображение). По ее словам, «Фильтр [направление сортировки] убран, хотя он говорит, что все еще работает … Они не в порядке фильтра [сортировки] … Те, на которые я смотрел, я не могу их найти.” Такие технические ошибки были довольно частыми во время тестирования и вызывали у пользователей неуверенность в сортировке списка продуктов.

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

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

3) Аккордеонные кассы

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

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

4) Возврат к списку продуктов со страницы продуктов

«Когда вы нажимаете кнопку« Назад », вы возвращаетесь к началу. Скорее, чем на том месте, где вы остановились ». Этот пользователь потратил много времени во время тестирования, прокручивая список продуктов Walgreens, уточняя продукты после возврата со страниц продуктов.

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

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

«Когда вы нажимаете кнопку« Назад », вы возвращаетесь к началу. Скорее, чем на том месте, где вы остановились ».

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

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

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

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

5 других просмотров, на которые влияет кнопка «Назад»

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

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

1. Многоступенчатые процессы на странице
2. Расширяющееся содержание
3. Анкерные звенья
4. Усеченное содержимое
5. Варианты на странице товара

1) Многоступенчатые процессы внутри страницы

1) Многоступенчатые процессы на странице. Пользователь во время предыдущего раунда тестирования Sears взаимодействовал с многоэтапным оценщиком доставки на странице продукта (поле «Параметры доставки», ). Он прошел несколько шагов, прежде чем нажать кнопку «Назад» в браузере. Однако он был прокручен только до верхней части страницы, а не был переведен на предыдущий шаг в оценщике доставки, как он ожидал. Затем он щелкнул предоставленную сайтом ссылку «назад» в оценщике доставки и смог вернуться назад через процесс.

Часто бывает сложно определить, что показывать пользователям после того, как они нажимают кнопку «Назад», когда они взаимодействуют с многоступенчатым процессом, встроенным в страницу — например, с оценками доставки, мастерами поиска товаров, анкетами и т. Д. Хотя некоторые пользователи могут предположить, что они будут переведены на предыдущую страницу, другие будут предполагать, что они будут переведены на предыдущий шаг процесса.

Сама структура встроенного процесса, вероятно, сильно влияет на ожидания пользователей. Например, когда процесс занимает более 50% интерфейса — что очень часто бывает на мобильных устройствах — многие пользователи могут ожидать, что после нажатия кнопки «Назад» они увидят предыдущий шаг процесса, а не предыдущая страница.

Однако длина процесса также является здесь фактором. Для пользователей нетрудно вернуться, например, через трехэтапный процесс, даже если они ожидали, что кнопка «Назад» вернет их на предыдущую страницу. Следовательно, последствия принуждения всех пользователей к этому не столь серьезны. Если, с другой стороны, процесс длительный — например, процесс из 7 этапов — то действие обратного нажатия становится намного более утомительным, если, например, пользователям приходится возвращаться через 6 отдельных представлений, чтобы наконец вернуться к предыдущую страницу они были на.

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

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

2) Расширение содержимого

2) Расширение содержания. В одном из наших первых раундов тестирования навигации пользователь изучал эскизы изображений в IKEA «Решения для сидения» . Каждый эскиз при нажатии растягивается на всю ширину страницы. Развернув первую миниатюру (первое изображение), пользователь развернул другую миниатюру, но затем захотел вернуться к первому изображению и щелкнул в браузере кнопку «Назад» (второе изображение). Однако кнопка «Назад» вернула его обратно на главную страницу категории, а не на первое развернутое изображение (третье изображение), поскольку расширенные параметры не были частью истории браузера.

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

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

3) Якорные звенья

3) Якорные звенья. Пользователь на странице целевого продукта нажал на среднюю звезду обзора вверху страницы (первое изображение) и перешел в раздел обзоров (второе изображение). Удовлетворенный отзывами, пользователь нажал «Назад», но оказался в списке продуктов, а не вернулся в верхнюю часть страницы продукта, как предполагал (третье изображение). Она повторно нашла элемент списка продуктов, который ее интересовал, нажала, чтобы вернуться на страницу продукта, затем добавила продукт в свою корзину.

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

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

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

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

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

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

4) Усеченное содержимое

4) Усеченное содержимое. Пользователь Overstock изучала страницу продукта и в процессе нажала, чтобы развернуть усеченный контент (первое изображение).Готова вернуться к списку продуктов, она прокрутила страницу до верха и нажала «Назад» (второе изображение). Однако это вернуло ее к контенту, который она только что просматривала, в середине страницы (третье изображение). Она снова нажала «Назад», и на этот раз вернулась к списку продуктов. Возвращение пользователей к ссылке, по которой они перешли, чтобы показать усеченный контент, приводит к неприятным результатам.

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

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

5) Варианты на странице продукта

5) Варианты на странице товара. «Хорошо, это раздражает … Просто пытаюсь вернуться на страницу помады, где мы были [список продуктов]. Я просто не держу ее [кнопку «Назад» в браузере], верно? » Пользователь Sephora несколько раз нажал кнопку «Назад», но ничего не произошло, за исключением того, что страница немного сдвинулась вверх (первое изображение).Затем она открыла историю просмотров, удерживая кнопку «Назад», и таким образом смогла вернуться к списку продуктов (второе изображение). До нажатия кнопки «Назад» пользователь изучал образцы цвета, и из истории браузера кажется, что Sephora реализовала каждый вариант цвета как отдельный URL-адрес. Тем не менее, изображение продукта не изменилось для пользователя, когда она нажала «Назад» (но это изменилось, когда она первоначально изучала образцы).

Варианты продукта должны быть объединены в один элемент списка продуктов.Затем пользователи могут изучить варианты на странице продукта. Однако, должны ли эти варианты иметь отдельные URL-адреса — и, таким образом, пользователи будут возвращаться к каждому предыдущему варианту, который они уже изучили, нажимая «Назад» — снова зависит от контекста.

Когда обычно есть несколько вариантов продукта, в частности цвета, которые пользователи могут рассмотреть, то использование их в качестве отдельных URL-адресов может быть лучшим выбором, поскольку большинству пользователей не придется нажимать «Назад» более нескольких раз, чтобы перейти к фактическая предыдущая страница (часто список продуктов или страница результатов поиска).В то время как некоторых пользователей будет немного раздражать необходимость повторного нажатия 2 или 3 раза, чтобы вернуться на предыдущую страницу, других, вероятно, будет больше раздражать, если они нажмут «Назад», чтобы перейти к ранее просмотренному варианту, и вместо этого будут запущены . страницу товара целиком .

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

Если у каждого варианта есть свой отдельный URL-адрес, очень важно, чтобы изображение продукта менялось после каждого нажатия кнопки «Назад». В противном случае пользователи будут нажимать «Назад» с без указания , что в интерфейсе что-то происходит (даже если они технически видят разные URL-адреса). Это верный путь к катастрофе, так как большинство пользователей будут считать, что сайт «завис», или им будет просто непонятно, почему кажется, что их действия не имеют никакого эффекта.

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

Решение

Хорошая новость заключается в том, что HTML5 предоставляет относительно простое решение: API истории HTML5. Точнее история .Функция pushState () позволяет сайту вызывать изменение URL без перезагрузки страницы, то есть сайт может настроить поведение кнопки «Назад» в браузере в соответствии с ожиданиями пользователей. (Возможно и обратное: изменить URL-адрес, не вызывая записи в истории пользователя.)

На сайте Skechers.com реализация «Загрузить больше» активно решает проблему с кнопкой «Назад», переписывая URL-адрес каждый раз, когда пользователи нажимают кнопку «Загрузить еще». Следовательно, когда пользователи нажимают кнопку браузера «Назад» на странице продукта, они возвращаются в нужную позицию в списке продуктов (например,г., на «страницу 3»).

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

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

В итоге: Используйте history.pushState () , чтобы убедиться, что ваш сайт вызывает поведение кнопки «Назад», которое соответствует ожиданиям пользователя. В частности, убедитесь, что любое визуальное изменение, которое пользователь будет воспринимать как новую страницу, добавлено в его историю просмотров, независимо от того, технически это новая страница или нет.Это включает, но не ограничивается:

• Оверлеи / лайтбоксы
• Фильтрация и сортировка выборок
• Ступеньки кассовых аппаратов Accordion
• Расположение в списке товаров

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

• Многоступенчатые процессы на странице
• Расширяющееся содержание
• Анкерные звенья
• Варианты на странице товара

Усеченное содержимое, как правило, никогда не должно быть реализовано как новая «страница» с использованием истории .pushState () .

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

В этой статье представлены результаты исследования только 1 из 580+ рекомендаций по UX в Baymard Premium — получите полный доступ, чтобы узнать, как создать «современную» систему навигации для электронной коммерции.

Редактирование функции обратного звонка в теме Shoptimizer WooCommerce

Shoptimizer включает возможность отображать форму «Запросить обратный звонок» на странице одного продукта через модальное окно. Это особенно полезно для магазинов, продающих дорогостоящие товары.Это выглядит так на демо-сайте темы.

Чтобы отключить функцию

Просто перейдите по ссылке: Внешний вид> Настроить> Макет> WooCommerce и выключите параметр Отображение плавающей кнопки и сохраните.

Для изменения текста метки кнопки

Опять же, вы увидите текстовое поле, чтобы изменить это в том же месте. Внешний вид> Настройка> Макет> WooCommerce

Для изменения цвета кнопки

Просто зайдите в «Внешний вид »> «Настройка»> «Цвета»> WooCommerce — и настройте фон плавающей кнопки и Цвет текста плавающей кнопки образцов.

Чтобы изменить ссылку на

Щелчок по кнопке вызывает отображение содержимого области виджетов. Внешний вид> Виджеты> Модальное содержимое плавающей кнопки . Выглядит это так:

Это текстовый виджет с шорткодом формы.

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

В WP Forms — вы увидите идентификатор, который вам нужно использовать.

Для отображения на мобильном телефоне

По умолчанию эта функция предназначена для отображения только на экранах рабочего стола. Модальные окна могут «застревать» на небольших устройствах, поэтому так будет безопаснее. Если вы действительно хотите включить его, вы можете использовать собственный CSS. Добавьте его в: Внешний вид> Настроить> Дополнительный CSS

@media (max-width: 992px) {
.call-back-feature {
дисплей: блок;
}
}

Как перемещаться вперед и назад в Chrome Android?

Узнайте, как перемещаться вперед и назад в Chrome для Android. Эта навигация помогает перейти к следующей и предыдущей веб-странице без ввода URL-адреса.

Так же, как в настольной версии Chrome есть значок навигации для перехода вперед или назад на страницу веб-сайта, в Chrome Android есть то же самое.Однако кнопки и вперед, и назад расположены в разных местах, но помогают пользователю легко перемещаться по сайту.

Обычно я слишком увлекаюсь чтением, не осознавая, сколько страниц я израсходовал. Если это интересная тема, то я просто плыву по течению и несу несколько офлайн-страниц в chrome android.

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

Связано: Как перемещаться вперед и назад на компьютере Chrome?

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

Как двигаться вперед в Chrome Android?

Если вы посещали предыдущие или даже более ранние страницы во время сеансов просмотра, вы можете перейти вперед и перейти к последней странице, пока кнопка не станет серой.Кнопка вперед служит отличной цели для удобной навигации в Chrome.

Следуйте инструкциям для перехода вперед с помощью кнопки «Вперед» в Chrome Android :

1. Запустите браузер Chrome Android.
2. Откройте веб-сайт и начните перемещаться по веб-сайтам и ссылкам.
3. Предположим, вы уже переходите назад по веб-сайту.
4. Нажмите для выбора параметров в правом верхнем углу.
5. Вверху вы увидите указатель справа → значок стрелки.
6. Нажмите значок → , чтобы двигаться вперед в навигации по сайту.

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

Как вернуться назад в Chrome Android?

Кнопка «Назад» помогает вернуться на страницу, которую вы оставили без чтения или на которую хотите вернуться. Нажав на хромированную кнопку возврата в системе Android, вы перейдете на предыдущую страницу и предыдущие страницы, пока не перейдете на первую страницу.

Следуйте инструкциям для перехода назад в Chrome Android :

1. Запустите браузер Chrome Android.
2. Откройте веб-сайт и начните перемещаться по веб-сайтам и ссылкам.
3. Предположим, вы уже просмотрели несколько веб-страниц.
4. Нажмите на кнопку «Назад» <значок в меню навигации Android.

Вы будете перенаправлены на предыдущую страницу в Chrome Android, нажав кнопку «Назад».Если вы продолжите нажимать кнопку «Назад», вы продолжите переход к предыдущей странице, пока не увидите первую страницу, с которой вы начали сеанс.

Если вы нажмете и удерживаете кнопку «Назад» в Chrome Android, опция отобразит список недавно закрытых страниц веб-сайта, которые вы посещали во время сеанса. Это позволяет вам вернуться на любую старую страницу без перехода на следующую заднюю страницу.

Видеоурок по навигации Chrome для Android

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

Надеюсь, вам понравилось видео. Если да, то подпишитесь на наш канал на YouTube.

Итог: Chrome Android: прямая и обратная навигация

Хромированная навигация в телефоне Android очень полезна и важна для заядлого читателя. Если вы человек (как и я), который на 100% полагается на веб-браузер, а не на собственное приложение, вам следует выработать привычку использовать систему навигации.Это сделает вас продуктивным, а также избавит от необходимости использовать новые вкладки и окна в Chrome Android.

Кнопка «Вперед» вместе с кнопкой «Назад» на хромированном экране значительно упростила просмотр страниц. Это помогает мне переключаться между страницами без особых усилий с моей стороны. Я даже могу перейти к последней странице сеанса без каких-либо проблем!

Точно так же вы также можете найти прямую и обратную навигацию на компьютере Chrome, который работает аналогично Chrome на Android.