виджет на сайт — Envybox блог https://envybox.io/blog Блог от компании Envybox об интернет-маркетинге, продажах и бизнесе Thu, 04 Dec 2025 20:57:47 +0000 ru-RU hourly 1 Как установить контакт с клиентом: первое касание, отработка возражений и продажа https://envybox.io/blog/kak-ustanovit-kontakt-s-klientom-pervoe-kasanie-otrabotka-vozrazhenij-i-prodazha/ https://envybox.io/blog/kak-ustanovit-kontakt-s-klientom-pervoe-kasanie-otrabotka-vozrazhenij-i-prodazha/#respond Thu, 13 Nov 2025 08:37:29 +0000 https://envybox.io/blog/?p=19771 Найти точки соприкосновения с человеком означает половину успеха в продажах. Общие проблемы, темы помогают расположить собеседника и оказать на него большее воздействие. Но что делать тем, кто не обладают навыками обаяния или вовсе склонны к интровертности?

Рассмотрим основные фишки коммуникации в целях продаж.

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

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

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

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

Этапы, как установить контакт с покупателем

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

Подготовьтесь к диалогу

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

Первое касание

Оно должно быть четким и конкретным. Представьтесь (имя, компания), чтобы собеседник понял, с кем разговаривает. Если неизвестно имя потенциального потребителя — узнайте его и познакомьтесь. Как установить контакт с клиентом: первое касание, отработка возражений и продажа

Задайте вопрос на выявление потребностей

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

Пример закрытого вопроса и ответа:

  • Вас удовлетворяет уровень развития бизнеса? (да/нет).

 

Пример открытого вопроса и ответа:

  • Какие задачи стоят перед Вашим бизнесом сейчас? (Хочу увеличить продажи и ищу вспомогательные инструменты/ Не знаю).

Примените активное слушание

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

Метод “Зеркало”: что это и как применять

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

  • копирование языка тела: позы рук, наклон тела, жестикуляция;

  • темп и интонация речи: медленно или быстро, тихо или громко;

  • мимика: улыбки, ухмылки, удивление и другие эмоции.

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

Предложите готовое решение

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

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

Ошибки при общении с клиентом

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

Нарушение личных границ

Оптимальное физическое расстояние для общения с клиентом — 80–100 см. Чрезмерная близость может создать дискомфорт, что спровоцирует негативную реакцию — от лёгкого раздражения до острого желания прервать разговор и уйти. То же касается и личных границ, где не стоит сразу переходить на “ты” или затрагивать особые темы.

Неверный эмоциональный тон

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

Избыточная навязчивость

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

Монолог вместо диалога

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

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

Инструменты автоматизации коммуникации бизнеса в интернете

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

  • Виджет быстрых звонков с сайта

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

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

  • Чат со специалистом на сайте

Данный виджет будет использоваться теми, кто не любят общение вживую и предпочитают совмещать несколько дел одновременно: работу и покупки. Когда пользователь заходит на сайт, ему отправляется автоприглашение (без участия менеджера), которое учитывает имя, город и запрос. Потенциальный покупатель сам решает, готов ли вступить в диалог или ему потребуется время. Первое касание осуществляется оперативно и без навязывания. Попробуйте данную функцию для своего бизнеса бесплатно с Онлайн-консультантом Envybox в 8-дневном тестовом периоде.

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

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

  • Мультикнопка

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

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

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

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

]]>
https://envybox.io/blog/kak-ustanovit-kontakt-s-klientom-pervoe-kasanie-otrabotka-vozrazhenij-i-prodazha/feed/ 0
Как добавить виджет на сайт: пошаговая инструкция https://envybox.io/blog/kak-dobavit-vidzhet-na-sajt/ https://envybox.io/blog/kak-dobavit-vidzhet-na-sajt/#respond Tue, 06 May 2025 08:11:26 +0000 https://envybox.io/blog/?p=6466

 

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

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

 

Что такое виджеты, и как они работают

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

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

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

Какие задачи решают виджеты:

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

Виды виджетов для сайта

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

Онлайн-чат для сайта

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

1. Поп-апы

Pop-up (поп-ап) представляет собой всплывающее окошко с информацией, содержащей горячее предложение. Данный виджет обычно отображается в первые секунды появления на сайте или через некоторое время. Пример поп-апа представлен на картинке.

Поп-апыИсточник — сайт Lamoda.ru

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

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

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

Вот несколько способов, как привлечь внимание посетителей:

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

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

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

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

2. Чат-боты

Чат-боты

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

Алексей Молчанов

Комментарий эксперта

«Мы обязаны делать клиентов довольными
любыми доступными способами!»

Алексей Молчанов,
основатель международной IT-компании Envybox

Текущая ситуация в стране и мире с каждым днем набирает все больше и больше оборотов.

Сегодня каждый предприниматель задается вопросом: “А что же сейчас будет с моим бизнесом?”

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

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

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

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

Ниже представлены рекомендации по дизайнерскому оформлению чат-ботов:

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

3. Социальные сети

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

 

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

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

4. Многофункциональная кнопка (мультикнопка)

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

Мультикнопка

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

5. Таймер обратного отсчета

 

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

  • Не обманывайте своих покупателей! Будьте честными. Если вы установили таймер, значит, акция реально существует. Не нужно использовать виджет лишь для привлечения пользователей и разового увеличения продаж. Человек поймет, что был обманут. А получить доверие покупателей обратно – дело не самое легкое. Если юзер зайдет на сайт на следующий день и увидит, что таймер снова отсчитывает то же самое время, вы надолго подорвете свою репутацию и потеряете лояльность клиентов.
  • Кнопка закрытия таймера. Как вы заметили, возможность убрать или скрыть виджет – одно из условий работы с ним. Не раздражайте посетителей таймером на полэкрана, который нельзя скрыть или убрать. Скорее всего пользователь совсем уйдет с сайта и не захочет возвращаться, даже если у вас действительно выгодное предложение.
  • Другая ситуация: клиент зашел на сайт, увидел таймер на акцию, но не заинтересовался этим. При этом человек остался на сайте, изучая другую информацию. Через некоторое время таймер снова появляется. Посетитель снова его скрывает. Но таймер появляется снова. Дайте возможность гостю сайта скрыть таймер на постоянной основе.

6. Интерактивные элементы

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

  • Онлайн-калькуляторы

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

  • До/после

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

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

Звонок

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

Как добавить виджет на сайт

  1. Как добавить виджет на сайт? Вначале нужно найти подходящий модуль и скачать его. Сделать это можно на специальных интернет-ресурсах для веб-мастеров. Можно использовать внешнюю программу, код которой интегрируется на страницу сайта, или особый файл с расширением .js. Файл JS необходимо сохранить на компьютерном устройстве в одном каталоге или в отдельной папке относительно HTML-файла определенной страницы вашего сайта.
  2. На следующем этапе нужно с помощью текстового редактора открыть страничку, на которую планируется установка виджета. Для этого может использоваться утилита «Блокнот», представленная по умолчанию в Windows. На странице нужно нажать правой клавишей мыши и выбрать опцию «Открыть с помощью», после чего в выпадающем перечне выбрать «Блокнот».
  3. Затем необходимо перейти в тот фрагмент кода, куда вы хотите добавить виджет. В этом месте устанавливается код типа:

    <script type = “text/javascript” src = “http://адрес_сайта/путь до виджета.js”></script>

  4. В поле type следует указать тип подключаемого модуля (Java Script), а в разделе src прописать адрес выбранного расширения в интернете. При использовании скачанного или созданного файла JS в поле src можно прописать абсолютный или относительный путь до файла с расширением .js. К примеру, если документ widget.js находится в папке widget, расположенной в одной директории с редактируемым файлом HTML, следует добавить:

    <script type = “text/javascript” src = “widget/widget.js”></script>

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

Как добавить виджет на сайт WordPress

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

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

Рисунок ниже отображает настройки для модулей:

Как добавить виджет на сайт WordPress

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

4 способа добавить виджет на сайт Joomla

 

  1. Примените модуля JivoSite

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

    Сама установка несложная: в разделе Расширения/Extensions выбираем Установка модуля/Install. Архив и JivoSite загружаем в CMS.

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

    В коде чата находим уникальный ID чата. Он понадобится нам в новом модуле. Данный ID находится в разделе “Управление” — Настройки сайта — Установка. После “widget_id =”: в коде чата вы увидите уникальную буквенную и цифровую комбинацию, которая и является необходимым нам ID виджета.

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

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

    Когда все настройки внесены, на сайте отобразиться форма чата.

  2. Применение менеджера шаблонов

    Виджеты могут быть добавлены для версии Joomla 2.5+. В панели управления сайта выбираем “Расширения” — “Менеджер шаблонов”. Перед вами появится таблица, далее в “Шаблоны” выбираем используемый нами шаблон. Его можно определить по звездочке, которая стоит у строки “По умолчанию” и в строке “Область системы” стоит “Сайт”. Далее переходим к “Основные файлы шаблона” — “Изменить шаблон главной страницы”. В шаблон перед тегом </body> вставляем код нужного нам виджета. Сохраняем. Все просто!

    Совет: если в процессе регистрации вы забыли сохранить код виджета, не переживайте. Его всегда можно найти в JivoSite: раздел “Управление”, далее переходим в настройки сайта — Установка.

  3. Установка виджета путем создание нового модуля

    Используем CMS Joomla 2.5+. В панели управления сайта находим профиль “Сайт”, далее переходим в “Мой профиль”.

    С правой стороны в строках меню переходим к основным настройкам. Во вкладке редактор выбираем “без редактора”. Не забудьте сохранить.

    Находим вкладку “Расширения”, затем переходим к “Менеджеру модулей”. Создаем новый модуль типа HTML-Код.

    Код нашего виджета вставляем в чистое поле текста. Настраиваем нужные функции, сохраняем. Все получилось! Состояние редактора можно восстановить во вкладке “Мой профиль”.

  4. Использование FTP

    Заходим на хостинг сайта. Или можно использовать FTP-клиент и найти исходные файлы сайта. В файл Index.php вносятся нужные изменения (файл можно найти по алгоритму /templates/название выбранного шаблона/index.php).Использование FTP

    Используем код нужного виджета перед тегом </body> и сохраняем. Все получилось!Используем код нужного виджета

Как добавить виджет на сайт Битрикс 24

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

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

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

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

Чтобы создать новый модуль виджета, следует кликнуть на кнопку «Создать виджет».

Как добавить виджет на сайт Битрикс 24

Источник — Битрикс24

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

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

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

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

Как добавить виджет на сайт Ucoz

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

Как добавить виджет на сайт UcozИсточник — uCoz

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

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

  1. В раскрывающемся окне выберите требуемую категорию модулей. К примеру, «Игры и развлечения». В этом случае вы увидите окно с символами доступных игр.
  2. Выберите определенную игру (к примеру, «Снежок»), и вам будет доступны настройки игры.
  3. В поля под значком игры нужно добавить размеры окна, в котором будет отображаться виджет на странице сайта (к примеру, 320 х 240).
  4. При нажатии на кнопку «Получить код» открывается окно с кодом модуля.
  5. Код виджета необходимо копировать в буфер обмена, а затем закройте окно с кодом.
  6. Скопированный код следует добавить в поле редактора страниц в нужное вам место.
  7. После нажатия кнопки «Сохранить» вы увидите окно с сообщением об успешном сохранении. Теперь перейдите по ссылке «Перейти на страницу». Выша страница с установленным виджетом «Снежок» появится в окне браузера.

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

Как добавить виджет на сайт Wix
Как добавить виджет на сайт Wix
Источник — Wix

  1. В редакторе вашего ресурса следует выбрать (+ Добавить) → Apps (Приложения) → HTML
  2. Разместите модуль удобнее для вас и откройте его настройки.
  3. Выберите режим «Код HTML».
  4. В окошко для кода вначале нужно добавить такой код:

    <!DOCTYPE html>
    <html>
    <head></head>
    <body>
    </body>
    </html>

  5. После этого добавьте код виджета между<body>и </body>. Найти код для добавления можно на странице управления модулем путем нажатия кнопки «Получить код» в блоке «Регистрация на вашем сайте»:

    Пример такого кода:

    <!DOCTYPE html>
    <html>
    <head></head>
    <body>
    <script defer="defer" data-timepad-widget-v2="event_register" data-twf2s-event--id="АЙДИ_ВАШЕГО_СОБЫТИЯ" data-timepad-customized="АЙДИ_ВАШЕЙ_КАСТОМИЗАЦИИ" src="//timepad.ru/js/tpwf/loader/min/loader.js">
    . . .
    </script>
    </body>
    </html>

  6. Обновите настройки в редакторе виджета, и он будет добавлен на сайт.

Как добавить виджет Facebook *на сайт

Как добавить виджет Facebook на сайт Источник — Facebook

 

*  Здесь и далее по тексту Инстаграм/Instagram/Facebook, Фейсбук — принадлежат компании Meta, признанной экстремистской и запрещённой на территории РФ

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

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

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

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

Далее действуем по следующей инструкции:

    1. Заходим от имени владельца аккаунта на Фейсбук (нужно авторизоваться с использованием имеющегося логина и пароля) и нажимаем «Редактировать профиль». Такую кнопку можно найти на главной странице профиля.
    2. В конце странички открываем раздел «Разработчикам».
    3. В открывшемся поле находим кнопку Sharing, рядом с которой есть значок Like, и нажимаем ее.
    4. Выбираем пункт «Социальные плагины».
    5. Находим раздел Like Box.
    6. В открывшемся поле настроек виджета устанавливаем размеры модуля, его цветовую схему, контент и визуальные эффекты.
    7. Когда настройки сделаны, остается нажать кнопку Get Code для получения кода (нужно выбрать язык разметки, который совместим с движком вашего сайта.

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

Как создать и добавить виджет группы ВК на сайтИсточник — ВКонтакте

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

Если у вас не получилось найти данный пункт, вернитесь в самый верх вашей странички ВК и нажмите на треугольный символ рядом с вашим именем. Здесь необходимо найти пункт «Помощь».

После нажатия на эту кнопку будет открыта страничка, снизу которой есть пункт «Разработчикам».

После перехода на страницу разработки приложений нажмите на пункт «Подключение сайтов и виджеты».

В этом разделе следует найти «Виджеты для сайтов» и нажать на кнопку «Сообщества».

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

Вам будут доступны пять полей:

      1. В разделе «Ссылка на страницу» добавьте адрес своей группы.
      2. В разделе «Вид» нужно выбрать одну из следующих опций:

        • Участники (на таком виджете будут отображены аватарки членов вашего сообщества).

        • Новости (здесь можно найти последние новости сообщества).

        • Только название (виджет будет содержать только название вашей группы.

      3. Раздел с настройками ширины и высоты виджета.
      4. В четвертом поле можно добавить цвет фона, текста и кнопок.
      5. Последнее поле, которое представлено в красном квадрате, содержит код виджета для установки на сайт.

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

Как добавить виджет Инстаграм на сайт

*  Инстаграм/Instagram/Facebook, Фейсбук — принадлежат компании Meta, признанной экстремистской и запрещённой на территории РФ

]]>
https://envybox.io/blog/kak-dobavit-vidzhet-na-sajt/feed/ 0
Почему у вас не работает форма обратного звонка https://envybox.io/blog/forma-obratnogo-zvonka/ https://envybox.io/blog/forma-obratnogo-zvonka/#respond Fri, 21 Feb 2025 06:57:59 +0000 https://envybox.io/blog/?p=6715

 

Из этого материала вы узнаете:

  • Как работает форма обратного звонка
  • Возможности формы обратного звонка
  • Преимущества формы обратного звонка
  • Кому подойдет форма обратного звонка
  • Как настроить форму обратного звонка
  • «Подводные камни» настройки формы обратного звонка
  • 4 совета как сделать обратный звонок более эффективным
  • Как оценить эффект от установленной формы обратного звонка на сайте
  • Отзывы на форму обратного звонка
  • Другие популярные виджеты для сайта и правила их использования

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

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

Обратный звонок от Envybox

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

Установлено на 017844 сайтах

Подробнее

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

 

На картинке представлен пример формы обратного звонка. Callback представляет собой функциональный элемент онлайн-страницы, который позволяет посетителям быстро связаться с компанией за ее счет. Работает этот виджет очень просто: пользователю сайта показывается форма, нажав на которую, он может заказать звонок менеджера фирмы. Для этого нужно всего лишь заполнить простую форму указав свой телефонный номер. Если все настроено правильно, то уже через 20-30 секунд поступит звонок от консультанта компании.

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

 

Всплывающая форма обратного звонка

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

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

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

Возможности формы заказа обратного звонка

 

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

Адаптация виджетов:

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

Дополнительные возможности форм Callback:

  • перенаправление звонков на нужные подразделения и филиалы компании;
  • настройка рассылки с уведомлением о заявках на обратную связь с помощью электронной почты и СМС;
  • настройка параллельной или последовательной переадресации звонков;
  • хранение заказов, которые были сделаны в нерабочее время;
  • запись телефонных разговоров;
  • настройки времени демонстрации форм заказа обратного звонка;
  • хранение статистических данных по звонкам и источникам перехода на интернет-страницы сайта;
  • функция «Отложенный звонок», которая позволяет клиенту заказать звонок на удобное для него время;
  • формирование черных списков с нежелательными номерами телефонов;
  • интеграция с аналитическими и другими ресурсами наиболее популярных сервисов: Google Ads, Яндекс. Директ, Битрикс24 и др.

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

Преимущества формы обратного звонка

 

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

Этот виджет обеспечит:

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

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

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

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

Кому подойдет форма заказа звонка для сайта

 

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

Виджет Callback получил широкое применение в следующих нишах:

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

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

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

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

  1. Все достаточно просто, вы можете сделать это самостоятельно. Есть специальный скрипт, который необходимо установить.
  2. В виджете находится функция обратного звонка. Поэтому подключив виджет, вы сможете подключить и обратный звонок. Находясь на веб-сайте, пользователь ресурса имеет возможность выбрать предложенные способы коммуникации. Если посетитель не кликнул на кнопку, то ничего не появится. Форма обратного звонка для сайта (HTML-код) может быть настроена посредством виджета, чтобы звонок имел отдельную кнопку. Если кликнуть на иконку, то форма для обратного звонка откроется автоматически. Форму также можно настроить на определенное слово. При этом она не будет перекрывать никакую информацию на сайте, мешая пользователям.
  3. Установить дозвон. Каким образом это происходит:

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

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

  4. Доступность обратного звонка. Можно контролировать показ функции. Не имеет смысла показывать обратный звонок в ночное время, если вы не работаете. Однако с круглосуточным режимом работы имеет смысл сделать обратный звонок доступным 24 часа.
  5. Функция online-звонка, чтобы посетитель сайта мог напрямую позвонить в компанию. Необходима гарнитура и микрофон.

«Подводные камни» настройки формы обратного звонка

 

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

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

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

 

  1. Работа обратного звонка должна совпадать со временем работы менеджеров сайта.
  2. Лучше устанавливать режим, когда система сначала звонит менеджеру компании, а затем уже клиенту. В таком случае пользователь точно дождется ответа на звонок, хотя это займет больше времени.
  3. Не надейтесь, если у вас установлена услуга, что поток клиентов увеличится в разы. Если у вас было мало звонков, вряд ли из-за обратного звонка ситуация резко улучшится. Помните, что это лишь еще один из способов коммуникации с клиентами. Он должен быть в рабочем состоянии.
  4. Имейте несколько способов общения с клиентами: установите online-звонок или бесплатный номер 8800.

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

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

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

  • как они пришли на сайт;
  • где они узнали о ресурсе;
  • контекстная реклама или сео-продвижение;
  • реклама или объявление;
  • какой запрос был введен в поисковике;
  • местоположение пользователя (город);
  • страница, на которую попал пользователь в первую очередь;
  • UTM-метки.

Критерии анализа и оценки эффективности функции:

  • Необходимость. Если после установки Callback вы получили лишь два запроса за месяц, то не стоит возлагать большие надежды на этот инструмент.
  • Конверсия. Количество запросов, конечно, важный фактор, но не стоит забывать про их качество. Какое количество звонков в итоге перешло в реальные продажи? Это один из самых важных критериев эффективности.
  • Рекламные кампании. Проанализировав источники поступления звонков, вы сможете отсеять нерентабельные площадки, приводящие пустой трафик.
  • Региональный фактор. Пользователи какого региона/района заказывают больше всего товара. Какой товар наиболее популярен?
  • Запись разговоров с клиентами. Безграничный кладезь информации, который поможет улучшить (при необходимости) сервис поддержки покупателей, а значит повысить лояльность клиентов. Вы сможете узнать о наиболее часто задаваемых вопросах, выявить потребности ваших клиентов, увидеть ошибки в работе консультантов и менеджеров по продажам. Например, ваш специалист не дает полную информацию о продукте, или клиента интересует конкретный вопрос, а ваш сотрудник не знает ответа.

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

Отзывы на форму обратного звонка

 

1. Увеличение продаж компании почти на 30 %.

Николаев Сергей, владелец компании Applik:

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

Каким образом мы выяснили это?

Консультанты прибегают с горящими глазами: “Нет времени на перерыв, телефоны звонят без остановок!”. Мы даже установили в офисе диван, чтобы менеджеры могли с удобством разговаривать с клиентами. Звонки увеличились раза в три, не меньше. Это очень радует!

На данный момент ситуация такая:

  • звонки по электронике выросли в два раза (с 20 звонков до 40);
  • запросы по ремонту техники возросли даже больше, чем в два раза (до 50 обращений в сутки с 20);
  • обращения по аксессуарам выросли в 2,5 раза с 10 до 25 заявок.

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

2. Увеличение конверсии в три раза!

Валерий, владелец компании “HTF — светодиодное освещение”:

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

Другое преимущество работы с Envybox: они предоставляют отличный сервис, всегда готовы разобраться и помочь. Сотрудники компании настроили все виджеты на сайт самостоятельно. И даже бесплатно! Если что-то происходит, без проблем звоню в их техподдержку. Всегда качественно и оперативно оказывают помощь. Всем советую воспользоваться услугами Envybox. Самый лучший сервис!

 

3. Регулярно от 30 новых звонков на сайт

Михаил Корольков, Руководитель ИТ отдела:

Установили такие сервисы, как “Обратный звонок” и “Стадный инстинкт”. Мы меняли их поочередно в зависимости от сезонности и спроса. Оба виджета помогают развитию сайта и увеличению продаж.

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

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

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

Другие популярные виджеты для сайта и правила их использования

1. Всплывающее окно

 

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

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

  • дайте гостю время осмотреться на сайте. Окно должно появиться через некоторое время, а не через пять секунд. В противном случае у пользователя это вызовет негодование: “Как я могу что-то найти за пять секунд?”;
  • информация, содержащаяся в окне, должна логически дополнять поиск гостя, то есть быть релевантна его запросу. Если клиент ищет фотоаппарат, предложите ему дополнительные аксессуары для новой камеры, а не новый телефон;
  • обязательно установите кнопку для закрытия всплывающего окна. Это очень важно, чтобы не раздражать посетителя вашего сайта.

2. Счетчик обратного отсчета времени

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

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

3. Окно чата

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

 

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

  • чаще всего виджет чата находится в левом нижнем углу, но это не является обязательным условием. Если строгих ограничений или других дополнений нет, то его можно установить и справа;
  • посетитель сайта может быстро свернуть или полностью закрыть окно чата;
  • ответы на вопросы посетителя нужно давать очень быстро. Оперативность – основное преимущество чат-ботов. Если пользователю придется долго дожидаться ответа, то чат теряет свою актуальность. Посетитель должен получать обратную связь максимум на протяжении одной-двух минут;
  • нужно указывать статус чата. Если нет свободных консультантов и никто не может дать ответ клиенту, последний должен знать об этом. Точно так же посетителю будет полезно узнать, что консультант присутствует в режиме онлайн. Писать в пустоту не хочется никому. Информация в форме чата должна быть максимально конкретной для посетителей. Важно не просто написать, что сейчас нет свободных операторов, а указать, что оператор будет доступен онлайн через 10 минут;
  • хорошо, если в форме чата будет фото консультанта. Даже такая мелочь повысит лояльность со стороны покупателей. Не стоит применять стандартные или стоковые фотографии. Лучше, чтобы это были фото реальных менеджеров. Пользователю важно понимать, он общается не с роботом, а с живым человеком;
  • текст обращения в окне чата должен быть направлен на решение проблемы посетителя. Здесь может быть написано «Напишите нам, мы онлайн», или: «Хотите задать вопрос? Консультанты нашего чата с удовольствием на него ответят!». Не забывайте о креативных решениях. Стандартные предложения можно заменить более оригинальными.

4. Стадный инстинктПочему у вас не работает форма обратного звонка

 

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

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

  • так же, как и при установке виджета с таймером обратного отсчета, необходимо предоставлять пользователям правдивую информацию. Если клиенту станет понятно, что данные в открывшемся окне – это ложь, вы не получите нужного результата. К примеру, рассмотрим портал Booking.com. Здесь всегда представлена честная информация, если указано, что номер был забронирован три часа назад, то это соответствует действительности;
  • размеры и место расположения виджета нужно подбирать так, чтобы форма не мешала просматривать другую информацию на странице сайта. При этом окно должно легко убираться.

5. Многофункциональная кнопка (мультикнопка)

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

 

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

6. Видеовиджет Почему у вас не работает форма обратного звонка

Инструмент для удержания внимания и повышения конверсии: короткое объясняющее видео рядом с предложением повышает доверие, ускоряет принятие решения и увеличивает кликабельность CTA. Правила использования просты: делайте ролики короткими и цельными (30—90 секунд), размещайте виджет в зоне видимости без перекрытия основного контента, используйте автозапуск только без звука и с уважительной подсказкой пользователю — звук включается по его желанию. 

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

]]>
https://envybox.io/blog/forma-obratnogo-zvonka/feed/ 0
Как и почему Онлайн-чат на сайте увеличивает конверсию? https://envybox.io/blog/kak-i-pochemu-onlajn-chat-na-sajte-uvelichivaet-konversiju/ https://envybox.io/blog/kak-i-pochemu-onlajn-chat-na-sajte-uvelichivaet-konversiju/#respond Thu, 07 Apr 2022 10:44:15 +0000 https://envybox.io/blog/?p=12144 Рассказываем подробно, почему же пользователи так активно взаимодействуют с виджетом Онлайн-чат.

И как они используют его для принятия важных решений о покупке!

1. Пользователи предпочитают Онлайн-чат, потому что это быстро

Онлайн-чат предоставляет клиентам быстрое решение для ответа их на запросы, повышая таким образом важный коэффициент конверсии и увеличивая доход.  Исходя из наших исследований, наличие чата добавляет около 30% к конверсионному курсу.

Онлайн-чат для сайта

2. Клиенты находят Онлайн-чат очень полезным

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

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

Клиенты находят Онлайн-чат очень полезным

3. Онлайн-чат — экономически эффективный сервис

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

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

Если вы еще не предлагаете поддержку своим пользователям в Онлайн-чате, то сейчас самое время это изменить!

Онлайн-чат - экономически эффективный сервис

Онлайн-чат от Энвибокс

]]>
https://envybox.io/blog/kak-i-pochemu-onlajn-chat-na-sajte-uvelichivaet-konversiju/feed/ 0
Виджет ВКонтакте на сайт: как добавить и что учесть https://envybox.io/blog/vidzhet-vkontakte-na-sajt/ https://envybox.io/blog/vidzhet-vkontakte-na-sajt/#respond Fri, 28 Feb 2020 10:49:41 +0000 https://envybox.io/blog/?p=6844

 

Из этого материала вы узнаете:

  • Зачем нужен виджет ВКонтакте для сайта
  • Плюсы и минусы виджета ВКонтакте для сайта
  • Инструкция как добавить виджет ВКонтакте на сайт
  • Как установить виджет комментариев ВКонтакте на сайты Joomla и WordPress
  • Нюансы удаления и администрирования комментариев ВКонтакте

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

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

Зачем нужен виджет ВКонтакте для сайта

Зачем нужен виджет ВКонтакте для сайта

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

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

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

Для расположения посетителя используют несколько проверенных инструментов:

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

Виджет группы ВКонтакте

По сути, вставить виджет ВКонтакте на сайт означает гарантированно увеличить приток пользователей и решить некоторые другие вопросы за счет:

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

Онлайн-чат для сайта

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

Плюсы и минусы виджета ВКонтакте для сайта

Плюсы и минусы виджета ВКонтакте для сайта

1. Какие преимущества дает установка на сайт комментариев ВКонтакте?

Их несколько:

  • Отсутствие нагрузки на базу данных ресурса. Виджет ВКонтакте не использует ее для хранения комментариев, они остаются на серверах социальной сети. Для динамических сайтов на базе Joomla или WordPress это очень важно, поскольку позволяет избежать избыточной нагрузки на базы данных.
  • Установка виджета возможна на любой сайт, какой бы движок ни использовался.
  • Установка и настройка виджета осуществляются элементарно.
  • Дополнительное продвижение в соцсети – еще одно важное преимущество, которое можно реализовать при помощи комментариев. Небольшая доработка позволит обеспечить их отображение как на странице вашего сайта, так и на странице пользователя ВКонтакте. Кроме того, этот же комментарий, содержащий ссылку на ваш ресурс, будет появляться в новостной ленте друзей этого пользователя. Если учесть, что у многих число друзей достигает нескольких сотен, то возможности продвижения, за которое вам не надо платить, воодушевляют.
  • Идентифицировать комментатора проще простого. При необходимости вы можете просмотреть его профиль и направить личное сообщение через социальную сеть.
  • Благодаря виджету вы будете избавлены от спамных комментариев и токсичных пользователей.

Недостатки виджета комментариев

2. Недостатки виджета комментариев

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

Инструкция, как добавить виджет ВКонтакте на сайт

Инструкция, как добавить виджет ВКонтакте на сайт

Каждая социальная сеть имеет раздел «Разработчикам», у ВК он расположен по адресу https://vk.com/dev.

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

  • Мобильные приложения. Доступ к методам API и упрощенной авторизации с помощью SDK для мобильных платформ: iOS, Android, Windows Phone.
  • Сайты и виджеты. Внешние веб-сервисы или установленные на сайтах виджеты. Сайты используют для авторизации и вызова методов серверную авторизацию OAuth или клиентскую авторизацию Open API. Доступно большинство методов API.
  • Приложения для других платформ. Клиентские приложения для различных платформ. Требуют авторизации по протоколу OAuth.
  • Игровая платформа. Для приложений, созданных при помощи Javascript SDK или Flash SDK, доступен игровой каталог и API для приема платежей. Для мобильных приложений, использующий SDK для мобильных платформ, доступна мобильная игровая платформа.
Алексей Молчанов

Комментарий эксперта

«Мы обязаны делать клиентов довольными
любыми доступными способами!»

Алексей Молчанов,
основатель международной IT-компании Envybox

Текущая ситуация в стране и мире с каждым днем набирает все больше и больше оборотов.

Сегодня каждый предприниматель задается вопросом: “А что же сейчас будет с моим бизнесом?”

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

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

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

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

Эта платформа позволяет запустить общую для сайта и социальной сети ВКонтакте систему авторизации. Об этом детально рассказано в разделе https://vk.com/dev/main.

Как поставить виджет ВКонтакте на сайт

Но поскольку сейчас нас интересует, как поставить виджет ВКонтакте на сайт, перейдем в раздел https://vk.com/dev/sites. Владельцам веб-площадок предлагаются следующие варианты:

  • Комментарии.
  • «Запись на стене».
  • Сообщества.
  • «Мне нравится».
  • Рекомендации.
  • Опросы.
  • Авторизация.
  • Публикация ссылок.
  • Подписаться на автора.

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

Следующий шаг – указать вид и размеры виджета.

Цвета фона, текста и кнопок сохранены в формате HEX.

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

Как установить виджет комментариев ВКонтакте на сайты Joomla и WordPress

1. Получение и настройка виджета комментариев

Получить виджет комментариев можно по ссылке http://vk.com/dev/Comments.

Раздел «Подключение комментариев» выглядит так:

Подключение комментариев

Выбираем свой ресурс в выпадающем списке в поле «Сайт/приложение». Если найти его не удалось, выбираем «Подключить новый сайт».

В процессе подключения вашей веб-площадки придется внести сведения в несколько полей: Название сайта, Адрес сайта, Основной домен сайта, Тематика сайта. Завершаем ввод данных нажатием кнопки «Сохранить».

Количество комментариев, отображаемых на странице, вы определяете сами.

Активная галка поле «Медиа» дает пользователям возможность сопроводит текст комментария фотографией, видеороликом, граффити или аудиозаписью.

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

На рисунке видно, что ВКонтакте предоставляет код, после установки которого на странице вашего ресурса появится виджет. Разберемся, как это сделать для сайтов на базе Joomla и WordPress.

2. Добавление виджета комментариев ВКонтакте на сайт WordPress

Добавление виджета комментариев ВКонтакте на сайт WordPress

Существует два способа установки:

  • Первый вариант предполагает использование плагина для WordPress – «vkontakte api», найти его можно на официальном сайте. В числе функций этого плагина – оповещение на почту админу и автору комментария о появлении комментария VK.
  • Второй вариант – установить виджет вручную. Первые два абзаца кода помещаем перед закрывающим тегом в файле header.php.

Последний абзац вставляем в файл single.php перед строчкой:

<?php comments_template(); ?>

Всё готово, виджет установлен.

3. Добавление виджета комментариев ВКонтакте на сайт Joomla

 Joomla

Эту задачу также можно решить двумя способами.

Первый – при помощи плагина для Joomla. Сторонние производители ПО предлагают готовые варианты для настройки вывода комментариев ВКонтакте, например, есть плагин JL VKcomments.

У этого варианта есть определенные недостатки:

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

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

Как правило, путь к этому файлу имеет следующий вид:

\templates\используемый_шаблон\index.php

Последний абзац кода, который начинается со строки

<!— Put this div tag to the place, where the Comments block will be —>

размещаете там, где будет виден сам виджет с комментариями.

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

Предлагаем более простой вариант. Открываем для редактирования файл:

\templates\папка_шаблона \html\com_content\article\default.php

При отсутствии этого файла в папке с вашим шаблоном используем другой путь:

\components\com_content\views\article\tmpl\default.php

Находим в файле строчку:

<?php echo $this->text; ?>

Она отвечает за вывод полной версии материала.

Третий абзац кода размещаем сразу после нее и сохраняем файл.

Нюансы удаления и администрирования комментариев ВКонтакте

Нюансы удаления и администрирования комментариев ВКонтакте

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

  • Обзор. Все комментарии, оставленные пользователями, представлены в виде списка и отсортированы по дате появления: сначала – новые, потом – более ранние. Здесь же виден адрес страницы, материал на которой комментировал посетитель. Администратору виджета предоставлена возможность удаления нежелательных комментариев. Если принято решение убрать несколько сообщений одного и того же пользователя, идущих подряд, система предложит избавиться и от остальных комментариев автора, которые он оставил при помощи виджета, а также добавить его в черный список. Чтобы стереть выбранные сообщения, нажимаем на три точки в правом верхнем углу и выбираем «Удалить запись».
  • Комментарии. Под этим заголовком помещаются комментарии второго уровня, то есть ответы пользователей на предыдущие сообщения.
  • Черный список. От токсичных и неадекватных комментаторов можно избавиться, поместив их в черный список и тем самым лишив возможности писать новые сообщения в виджете.

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

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

Онлайн-чат от Envybox

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

Виджет ВКонтакте на сайт: как добавить и что учесть
Виджет ВКонтакте на сайт: как добавить и что учесть
Виджет ВКонтакте на сайт: как добавить и что учесть
Виджет ВКонтакте на сайт: как добавить и что учесть

]]>
https://envybox.io/blog/vidzhet-vkontakte-na-sajt/feed/ 0
Виджет Инстаграма* для сайта: инструкция по установке + 3 лучших онлайн-сервиса https://envybox.io/blog/vidzhet-instagrama-dlja-sajta/ https://envybox.io/blog/vidzhet-instagrama-dlja-sajta/#respond Thu, 27 Feb 2020 07:15:11 +0000 https://envybox.io/blog/?p=6805

 

Из этого материала вы узнаете:

  • Что такое виджет Инстаграма* для сайта
  • Подробная инструкция как создать и добавить виджет Инстаграма* на сайт
  • 3 онлайн-сервиса для установки виджета Инстаграма* для сайта
  • Как легко и быстро установить виджет Инстаграма* для сайта на WordPress

О том, что такое виджет Инстаграма* (здесь и далее по тексту  Инстаграм/Instagram/Facebook — принадлежит компании Meta, признанной экстремистской и запрещённой на территории РФ)  для сайта и как его установить правильно, полезно знать всем, кто занимается бизнесом в интернете. Так уж сложилось, что готового способа установки от официальных создателей приложения нет, поэтому нужно искать другие варианты. Зачем это вообще необходимо?

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

Что такое виджет Инстаграма* для сайта

Что такое виджет Инстаграма для сайта

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

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

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

Онлайн-чат для сайта

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

Вот как выглядит виджет Инстаграма на сайт:

Виджет Инстаграма на сайт

Подробная инструкция, как создать и добавить виджет Инстаграма* на сайт

Подробная инструкция, как создать и добавить виджет Инстаграма на сайт

1. Требования к виджету

Обязательные элементы приложения:

  • иконка Инстаграм*;
  • заголовок;
  • фотография профиля;
  • статистика профиля;
  • кнопка перехода к странице профиля;
  • кликабельные фотографии;
  • настраиваемое количество фотографий (общее количество и сколько выводить в строку);
  • резиновый дизайн и автомасштаб фотографий в зависимости от нужной ширины виджета;
  • вывод фотографий по хэштегу;
  • вставка widget одной строчкой в HTML-код.

Инстаграм

Для вставки виджета в HTML применяется следующая команда:

<iframe src=’/inwidget/index.php’ scrolling=’no’ frameborder=’no’></iframe>

2. Регистрация сайта в Инстаграм*

Документация к API размещена на сайте Instagram*, найти ее можно по ссылке:

http://instagram.com/developer/

Алексей Молчанов

Комментарий эксперта

«Мы обязаны делать клиентов довольными
любыми доступными способами!»

Алексей Молчанов,
основатель международной IT-компании Envybox

Текущая ситуация в стране и мире с каждым днем набирает все больше и больше оборотов.

Сегодня каждый предприниматель задается вопросом: “А что же сейчас будет с моим бизнесом?”

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

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

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

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

Первым делом находим раздел «Управлять программами», где происходит регистрация сайта, чтобы Инстаграм* разрешил установить свой виджет на вашей веб-площадке. Заполняем форму, которая появляется после нажатия кнопки «Регистрация новой программы»:

  • Application Name – вводите название своего ресурса;
  • Description – добавляете описание приложения;
  • Website – указываете URL-адрес нашего сайта;
  • OAuth redirect_uri – вписываете URL, на который перейдет пользователь попадет после авторизации. Для обычного виджета опознавать посетителя не требуется, поэтому в этом поле повторяем адрес сайта.

Завершаем эту процедуру нажатием кнопки «Register».

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

3. Получение данных через API

Для получения данных через API задействуются «Конечные точки», описание которых дано в документации. Они представляют собой перечень URL-адресов, каждый из которых курирует выдачу данных определен

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

Получение данных через API

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

Идентификатор содержится в HTML-коде страницы профиля, и его можно скопировать оттуда. Второй вариант – отправить запрос на следующий URL:

https://api.instagram.com/v1/users/search?q=LOGIN&client_id=CLIENT_ID

Вместо LOGIN подставляем логин в Инстаграм*, а вместо CLIENT_ID – ключ, выданный вам при регистрации приложения. Полученный в итоге JSON массив включает идентификатор и URL аватарку пользователя.

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

https://api.instagram.com/v1/users/USER_ID/media/recent/?client_id=CLIENT_ID

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

Получать статистику профиля вы сможете после отправки еще одного запроса:

https://api.instagram.com/v1/users/USER_ID/?client_id=CLIENT_ID

Как получать данные, теперь понятно. Следующий этап – реализация.

Реализация

4. Реализация widget

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

В связи с этим предстоит обойти две проблемы:

  • Количество запросов к API ограничено 5000 в час от одного CLIENT_ID или авторизованного пользователя.
  • CLIENT_ID в свободном доступе позволяет любому пользователю использовать ваше приложение для получения данных, а это крайне нежелательно.

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

При отрисовке widget Инстаграм* сервером реализация будет на PHP+HTML+CSS.

Для подключения можно использовать iframe.

  • Кэширование

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

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

  • Исходный код

После отправки запросов с URL записываем в кэш полученные данные, для отрисовки виджета применяем HTML+CSS, затем составляем детальную инструкцию и тратим еще некоторое время, пока результат нас полностью не устроит.Исходный код

Наибольший интерес представляет файл inwidget.php.

За настройки отвечает config.php, за верстку – template.php.

5. Подключение widget к сайту

Подробная инструкция, как вставить виджет Инстаграм* на сайт:

  • Регистрируете свой ресурс в Инстаграм*.
  • Скачиваете исходный код виджета.
  • Загружаете папку с widget на сервер.
  • Устанавливаете права на запись для папки /inwidget/cache.
  • Настраиваете параметры виджета (файл config.php).
  • Устанавливаете виджет Инстаграм* в сайт, используя код.

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

При обращении к скрипту они передаются как GET параметры:

  • width – ширина widget Инстаграм* (базовая настройка – 260 px);
  • inline – количество фотографий в строке (по умолчанию 4 шт.);
  • view – сколько снимков будет показываться в виджете Инстаграм* (по умолчанию 12 шт., максимум 30, в confing.php можно задать собственные параметры);
  • toolbar – отобразить тулбар с аватаркой и статистикой (значения true/false, по умолчанию true);
  • preview – размер и качество изображений (small – маленькие до 150 px, large – большие до 306 px, fullsize – полноразмерные до 640 px, по умолчанию small);
  • lang – язык виджета Инстаграм* (значения ru/en, в качестве базовых задействуются настройки из config.php);

Изменяя ширину или количество снимков, важно внести коррективы в размер iframe.

Как легко и быстро установить виджет Инстаграма* для сайта на WordPress

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

  1. Проходим авторизацию в админпанели WordPress, используя учетную запись администратора.
  2. Открываем вкладку «Внешний вид» -> «Виджеты».
  3. Текстовый блок из раздела «Доступные виджеты» перетаскиваем в один из контейнеров справа.
  4. Заполняем поля настроек widget Инстаграм* в верхней части страницы, указываем аккаунт или хэштег для показа фотографий, нажимаем «Сгенерировать код вставки» и копируем то, что получили.
  5. Выданный нам код вставляем в текстовое поле и сохраняем.

На этом процесс установки виджета Инстаграм* на WordPress завершен.

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

 

* Инстаграм/Instagram/Facebook — принадлежит компании Meta, признанной экстремистской и запрещённой на территории РФ

]]>
https://envybox.io/blog/vidzhet-instagrama-dlja-sajta/feed/ 0