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

Кнопки мессенджеров и соцсетей для сайта: как сделать и добавить Гаджет

Что делать? 🙀

Так можно работать через агрегатор Callibri:

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

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

Как это повлияет на установку кнопок? 

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

Или кнопки можно не настраивать совсем, а установить на сайт виджет Callibri. Это онлайн-консультант, в котором есть встроенные ссылки на соцсети и мессенджеры. И отдельный таб «Контакты» — на него можно добавить не только соцсети, но и карту: 

Блок «поделиться» от яндекса

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

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

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

Виджет социальных сетей «сообщества»

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

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

Такие виджеты предлагают все популярные соц. сети, например: 

Для чего нужны кнопки соцсетей и мессенджеров на сайте?

Немного теории.

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

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

  • увеличить количество повторных обращений, потому что диалог с компанией отображается в общем списке чатов и остается на виду,
  • получить новых клиентов по «рекомендации» — когда пользователь посылает ответы компании другу или в общий чат, а потом они обращаются в компанию отдельно. Это нельзя измерить точно, но такие случаи тоже исключать нельзя.
Гаджет:  TECHNOLOGICAL GADGETS in Russian Translation

Например, это может сработать в доставке пирогов. Допустим, молодой маме нужен пирог на чаепитие в школе ребенка и она находит в поиске сайт пекарни. Видит, что можно написать в WhatsApp: 

Использовать бесплатные виджеты кнопок соцсетей и мессенджеров

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

Здесь мы собрали несколько примеров таких сервисов.

Как создать виджет в GetBtn?

Как добавить кнопки мессенджеров и соцсетей на tilda

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

В каких блоках Tilda предусмотрены иконки соцсетей и мессенджеров?

  1. Шапка сайта. Для этого выбирайте блоки из категории «Меню», в некоторых блоках предусмотрены иконки соцсетей.

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


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

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

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

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

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

    На сайте в конструкторе тильда вы можете добавить кнопки соцсетей в блок контакты


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

  4. В отдельном блоке. Для этого выбирайте шаблон из категории «Соц.сети»:

    В Tilda есть отдельная категория блоков "Соцсети", там есть и кнопки для ссылок на аккаунт и кнопки шеринга


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

  5. Виджет с иконками. На платных тарифах доступны собственные виджеты Tilda, они находятся в блоке «Форма и кнопка»:

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


    В настройках можно изменить цвет фона и задать расположение виджета в десктопной версии сайта.

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

Как добавить кнопки на сайт?

Есть несколько способов — сложных и не очень.

Как не пропустить сообщения, если клиенты пишут в разные соцсети и мессенджеры одновременно?

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

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

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

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

Каковы возможности и функции?

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

Кнопки «мне нравится» и «поделиться»

«Мне нравится» (Like) — самая популярная кнопка ,которая позволяет посетителям сайта выразить отношение к материалу.

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

Кнопки этого типа есть во всех популярных социальных сетях:

Tweet

Нравится

Кнопки социальных сетей

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

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

Кнопки социальных сетей share pluso

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

Выглядит на сайте это следующим образом:

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

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

Так же на PLUSO имеются подразделы Блог и FAQ, где вы сможете найти ответы популярные вопросы, а так же инструкции по установке.

Плюсы и минусы иконок мессенджеров и соцсетей на сайте

Сначала рассмотрим положительные моменты:

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

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

Правила установки социальных кнопок на сайт

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

Несколько правил установки кнопок соц. сетей:

  1. Следует устанавливать кнопки привычных вашим посетителям сетей;
  2. Устанавливайте кнопки с официальных сайтов той или иной сети или с проверенных сервисов;
  3. Чем больше информации содержит кнопка, тем ниже будет скорость загрузки страниц. 

Прочие кнопки и виджеты социальных сетей

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

Установить кнопки напрямую в html-код сайта

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

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

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

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

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

Конечно, вы можете написать код самостоятельно. Есть шаблоны и инструкции, приводим несколько в качестве примера:

Как установить кнопки через Google Tag Manager, если нет доступа к коду сайта?

Если у вас нет доступа для редактирования исходного кода, но на сайте установлен Google Tag Manager, вы можете добавить новые элементы интерфейса с помощью тега «Пользовательский HTML». 

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

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

Оцените статью
GadgetManiac
Добавить комментарий