Как установить whatsapp на сайт wordpress
С популярностью мобильных устройств, вы обязаны иметь адаптированный дизайн для мобильных устройств.
Согласно смарт Insights, использование мобильного обгоняет фиксированный доступ в Интернет, в то время как 91% пользователей мобильного интернета заходят в интернет, чтобы пообщаться.
В сегодняшней статье я рассмотрю, как интегрировать WhatsApp с WordPress сайта для максимального участия и сделать его проще для ваших посетителей поделиться своим содержанием.
Что такое WhatsApp и почему я должен использовать это?
Если до сих пор Вы не установили приложение WhatsApp на свой телефон, то это нужно сделать сейчас.
Разница между Twitter и WhatsApp является то, что обмен WhatsApp является частным, то есть он работает так, как будто вы отправили письмо другу.
Я изучил потенциал отображения кнопки WhatsApp для пользователей устройств. Давайте посмотрим на то, как его реализовать.
WhatsApp с мобильный Sharebar Plugin
Перейдите к Настройки> Mobile Sharebar этого модуля.
Конфигурация довольно проста. Вы можете редактировать тексты если вы хотите, но я рекомендую оставить их как есть. Вы можете добавить свои bit.ly учетные записи при сократить URL-адреса в течение обмена.
Наконец, сохраните изменения и очистить кэш.
Единственным ограничением является кнопка WhatsApp работает только на IOS устройств на данный момент.
Теперь пришло время проверить, работает ли кнопка, так что открываем свой сайт на устройстве IOS и проверить его.
WhatsApp с AddToAny Plugin
В Настройки> AddToAny
Существует также возможность использовать плавающую панель в соцсети на части страницы, которая отображает, как вы прокрутите вниз статью.
Вы также можете использовать пользовательские иконки в соответствии с дизайном вашего сайта.
Наконец, сохранить изменения и проверить с вашего устройства IOS, чтобы увидеть, если кнопка WhatsApp работает.
Что мне больше всего нравится AddToAny является то, что она интегрируется с Google Analytics, чтобы вы могли отслеживать количество трафика вы получаете от совместного аналитики.
Подробный гайд по виджетам связи через WhatsApp для сайта. Как выжать максимум эффективности? Как сделать бесплатную рассылку в WhatsApp без блокировок и бана? В конце статьи будет обзор инструментов, которые есть на рынке.
Сразу пример виджета WhatsApp. (увидеть его можно только на мобильных устройствах).
Виджет (или плавающая кнопка) WhatsApp — это простой по своей сути инструмент. Но не смотря на эту простоту, он очень эффективен, особенно для тех, кто разобрался во всех нюансах. Моя цель была сделать всеобъемлющую статью, основанную на изучении этой темы, проведенных экспериментах и личном опыте. Я буду очень рад вашему мнению, вопросам и примерам в комментариях. Итак, начнем повествование!
С каждым годом для серфинга в Интернете люди все больше пользуются мобильными устройствами. Почти любой сайт имеет две версии дизайна — мобильную и десктопную (т.е. для компьютеров). Мы делаем все возможное, чтобы всем посетителям было удобно взаимодействовать с контентом.
Однако об особом отношении к мобильному трафику с точки зрения лидогенерации задумываются не все. А ведь мы можем сделать отправку лида более удобной для таких посетителей. Как и мобильный дизайн в свое время сделал сайты более дружественными к мобильной аудитории в целом.
И тут на сцену выходит виджет WhatsApp. Он создан для того, чтобы выжимать из мобильного трафика максимум лидов. Способ относительно новый, недооцененный и еще не имеет широкого распространения.
Действия, которые требуются от посетителя сайта для отправки лида — только 2 клика!
Главный механизм работы виджета — это генерация ссылки на диалог в WhatsApp. Сгенерировать такую ссылку может любой желающий. Грубо говоря, виджет придает этой ссылке правильную, рабочую форму, без которой много пользы не будет. Но как бы там ни было, это очень классный функционал, который хочется использовать максимально!
В статье идет речь о плавающем виджете WhatsApp. По итогам тестов он дал наилучший результат, чем обычные кнопки, поп-апы или просто ссылки. Это было проверено несколько раз. Во всех случаях разница была более чем значительная — в разы. Вы и сами можете убедится в этом экспериментально.
Забегая вперед, скорее всего, чтобы провести тест, вам не нужно будет потратить и рубля. Но для того, чтобы получить максимальный результат, советую дочитать статью до конца. Нюансов много и о них речь ниже.
Если ответить на этот вопрос коротко, то ответ будет: «За счет простоты и удобства».
Удобство. Большинству людей удобнее общаться через мессенджеры, к интерфейсу которых они привыкли. Это удобнее чем почта, звонок или онлайн-чат.
Правда, а почему только WhatsApp? Можно же добавить 5 разных мессенджеров и социальных сетей? Пусть клиент сам выбирает куда ему удобнее писать! Или нет?
Вроде бы все логично, но только тогда страдает эффективность. Это тоже проверено нами экспериментально.
Клиенты путаются во всех этих способах. Требуется дополнительное разъяснение, как это работает и дополнительные действия по выбору способа связи.
Это тот случай, когда выбор не во благо. В расход идет одно из главных преимуществ WhatsApp виджета — простота.
Таких очень мало. WhatsApp есть почти у всех, кто использует смартфон для Интернет-серфинга. WhatsApp постоянно увеличивает базу пользователей, что не удивительно, так как он принадлежит Facebook. Не за горами интеграция с Инстаграмом и Фейсбук-мессенджером.
Но все-таки, если виджет увидит человек у кого нет Ватсапа?Определить через браузер, установлен ли на устройстве WhatsApp невозможно. Но если есть призыв к действию, о котором пойдет речь ниже, шанс, что такой человек кликнет на виджет будет практически равен нулю.
Призыв к действию как бы объясняет посетителю, что должно произойти по клику. Например: «Нажмите для связи через WhatsApp».
Сам по себе виджет не генерирует трафик. Он только более эффективно превращает в лиды то, что уже есть на сайте.
Результатом может быть увеличение конверсии мобильного трафика от 30 до 400%. Однако, если на сайте очень мало людей или трафик нецелевой, то можно и совсем не увидеть результат.
Самые лучшие результаты виджет может показать для компаний, которые существуют в большой конкуренции или там, где просто большая доля мобильных посетителей. Например, самый лучший результат, который мне довелось увидеть был у компании, которая занимается аварийной эвакуацией автомобилей.
Будет отлично, если вы поделитесь в комментариях своими результатами!
Вопрос, с которым вы можете столкнуться: это где принимать и обрабатывать обращения клиентов?
Самый очевидный вариант прост и бесплатен. Используйте стандартные приложения WhatsApp для компьютера или браузера. Отличный вариант, но имеет ограничения.
Интерфейс официального приложения WhatsApp для компьютераИз-за этого работать с одним аккаунтом WhatsApp нескольким консультантам бывает не очень удобно, но тем не менее это возможно. И многим будет приемлемо работать по такой схеме. Но для кого-то более удобно будет интегрировать WhatsApp с CRM. В этом случае можно будет вести диалог с клиентом хоть с десяти разных компьютеров одновременно. Это второй способ, более удобный, но не бесплатный.
Вы просто сканируете QR-код, который вам дадут, и все заработает в течении нескольких часов. В дальнейшем останется только следить, чтобы ваш смартфон всегда был в сети и не разряжался.
Мы использовали подобные решения на нескольких проектах. Они работают хорошо. По цене — около 2500 руб. в месяц. Ссылки и названия писать не буду, кто захочет, найдет.
Я также слышал о решениях, которые используют API WhatsApp. Эти компании как-то получили доступ к API в свое время. По логике, этот способ должен быть более надежным, но мы им не пользовались.
Чат-боты в WhatsApp штука до сих пор трендовая. Уже, наверное, больше двух лет я не перестаю слышать вопросы о них. Спрашивают достаточно часто, и у многих нет полного понимания, зачем они нужны.
Если коротко, то смысл любого чат-бота — это заменить человека в общении с клиентами . Но эта замена так себе, особенно когда нужно коммуницировать с человеком, который еще ничего не купил.
Хочу уточнить, что речь идет о чат-ботах для обработки лидов. Серые схемы и операционные нужды я не беру во внимание.
В серые схемы я также отношу сервисы, которые предлагают с рекламы отправлять клиента не на сайт, а сразу в WhatsApp. Это с переменным успехом блокируется рекламными системами. Например, Google сейчас это делает более эффективно, чем Яндекс. Да и сам этот фокус вы можете провернуть без чат-бота, если очень нужно. Но я не рекомендую это делать.
«Супер-выгодное» предложение одной из сотен компаний, жаждущей втюхать бота тому, кому он на самом деле не нужен.Так почему чат-боты — это зло? Допустим, у вас не стоит задача обработки огромного количества обращений, где человек физически не успеет. В этом случае эффективнее будет доверить общение с потенциальными клиентами человеку, а не программе.
Если консультацией клиентов по WhatsApp будет заниматься более-менее профессиональный продавец, вы получите в разы больше продаж, чем от лучшего в мире чат-бота.
Меня очень возмущает, что некоторые компании навязывают чат-боты за большие деньги тем, кому они на самом деле не нужны. Часто более чем достаточно связки виджет+автоответ+интеграция с CRM, что будет значительно дешевле и даже результативнее.
Чат-бот не способен заменить человека, он может только немного помочь при большом объеме клиентских запросов. Однако эта помощь в большинстве случаев не нужна и часто даже оказывается вредна. Качество разработки такого бота почти всегда оставляет желать лучшего. Встретить действительно качественную разработку почти невозможно.
Но, несмотря на все это, я не против чат-ботов. Есть много примеров, когда они действительно очень полезны.
Эта функция поможет бесплатно решать несколько задач, а именно:
Для работы функции автоответа, смартфон должен быть всегда включен и быть в Интернете.
Чтобы настроить автоответ, вам нужно установить вместо стандартного WhatsApp Messenger приложение WhatsApp Business на ваш смартфон.
WhatsApp Business — официальный аналог обычного WhatsApp. Его отличает несколько полезных для организаций функций. Также клиенты будут видеть название компании, а аккаунт приобретет статус «Бизнес». В будущем его можно будет подтвердить, но пока это сделать почти невозможно. Переживать на счет этого не нужно, так как надпись «Компания не подтверждена WhatsApp» ни на что не влияет.
Также интерес имеют функции «Ярлыки» и «Рассылка». Ярлыками вы можете отмечать статусы того или иного клиента. Можно классифицировать свои контакты. Удобно для тех, у кого нет CRM системы. О рассылках же пойдет речь ниже.
Любой, даже самый слабый лид — это расширение клиентской базы в WhatsApp. По этой базе можно делать бесплатные рассылки через WhatsApp Business и не бояться бана.
Если делать рассылки всем подряд, скорее всего WhatsApp очень быстро заблокирует ваш аккаунт. Но рассылать тем, кто сам первый написал, можно спокойно.
Отдельно стоит отменить открываемость таких рассылок. Это не email с ее 25%. Процент открытия будет в разы больше, вплоть до 80-90%.
За счет того, что виджет собирает значительно больше лидов, чем другие средства, средняя температура лидов может понизиться. Это нормально.
Могу посоветовать фильтровать совсем некачественные обращения с помощью автоответа, оперативно отвечать на вопросы клиентов и помнить, что даже совсем прохладный лид — это увеличение клиентской базы.
Лиды не берутся из воздуха, это отражение вашего трафика. И если некачественных лидов слишком много, что-то может быть не так с трафиком или самим сайтом.
С точки зрения законодательства, сам по себе виджет не собирает и не обрабатывает персональные данные.
Данные хранятся на серверах WhatsApp, а клиент сам пишет первым. Когда человек устанавливает себе WhatsApp на смартфон, он соглашается со всеми правилами, в том числе, связанными с персональными данными.
Советую сначала протестировать виджет бесплатно, а для обработки заявок использовать бесплатное приложение WhatsApp для компьютера и WhatsApp Business для смартфона. Ответственный человек может держать при себе телефон, тем самым всё контролировать. Во время теста, лиды можно заносить в CRM вручную.
По окончанию теста, увидев целесообразность, вы можете инвестировать в виджет и интеграцию с CRM. Благодаря такому плану вы избавляетесь от рисков и оптимизируете время внедрения.
Переходим к обзору сервисов. Сперва опишу элементы и функционал, который я буду сравнивать. Это нужно для понимания, почему на это стоит обращать внимание.
Значение призыва к действию невозможно переоценить.
Логотип WhatsApp сам по себе не является призывом к действию. Не все посетители вашего сайта поймут, какая функция у виджета. Но даже не смотря на это, без нормального призыва к действию эффективность все равно была бы низкой.
Виджет с призывом к действию значительно более эффективенТакже, менее эффективно выводить призыв в виде подсказки. Подсказка появляется и пропадает и клиент ее может просто не заметить.
По результатам тестов, без призыва к действию конверсия сильно снижается. Призыв к действию, который выводится в виде подсказки, также недостаточно эффективен. Лучший вариант — это призыв, который виден постоянно и встроен в сам виджет. Но в этом случае у любого посетителя сайта должна быть возможность его скрыть, если он помешал обзору контента.
Некоторые компании пытаются фильтровать некачественные лиды, отключив эту возможность. Это неправильно, так как вместе с ними фильтруется много хороших лидов. Рекомендую для фильтра некачественных лидов использовать функцию автоответа с вопросами, о которой шла речь выше.
Виджет должен выводиться только на мобильных устройствах. На компьютерах и ноутбуках показывать его не имеет большого смысла.
Также существует функция, благодаря которой вы сможете избежать конфликта в дизайне между виджетом WhatsApp и другими плавающими виджетами для сбора лидов. Функция разделяет трафик вашего сайта на мобильный и весь остальной. При просмотре сайта с мобильного устройства исполняется код, который выводит виджет WhatsApp. В иных случаях вместо него будет показываться любой другой виджет, например, онлайн-чат. Настраивается это всё очень просто.
Я считаю, что перед тем, как тратить даже небольшие деньги на новое ПО, его нужно сперва попробовать в деле бесплатно.
Одни сервисы предлагают тестировать их ограниченное время без оплаты. После того, как время выйдет, у вас будет выбор, продолжить платно или перестать пользоваться.
Альтернативная модель, это нелимитированная временем бесплатная версия с ограничением по функционалу. Недостаток этого способа в том, что, скорее всего, вы не сможете оценить эффект конечного продукта бесплатно и вам даже для теста придется оформлять подписку. На первый взгляд может показаться, что бесплатной версии хватит. Но в большинстве случаев, это урезанная демо-версия, которая не годится для полноценного использования и тестирования.
Важный параметр, который позволит виджету органично вписаться в дизайн вашего сайта. Гибкие настройки позволят виджету не конфликтовать по дизайну с другими элементами сайта. Отлично, если сервис предоставляет возможность изменить шрифт, цвет, размер и положение.
У вас есть веб-сайт, и некоторые посетители хотят с вами связаться. На протяжении многих лет электронная почта была идеальным каналом для этого. Это все еще хороший канал для некоторых предприятий, где быстрый ответ не важен. Однако для других категорий веб-сайтов даже электронная почта может считаться устаревшей.
Как добавить чат WhatsApp на ваш сайт WordPress
Кроме того, как продавец, консультант или эксперт, вы получаете лучшую возможность установить отношения с вашими клиентами. Когда люди смогут связаться с вами, бизнес станет более живым, доступным и человечным. Все это приведет к лучшим результатам как для вас, так и для посетителей вашего сайта.
WhatsApp имеет более 1,5 миллиарда пользователей. Это делает его одним из самых популярных приложений чата на планете. Следовательно, это хорошая идея, чтобы дать вашим посетителям простой способ связаться с вами через это приложение.
Установите WhatsApp Chat Plugin
Войдите в административную панель бэкенда вашего сайта WordPress. На левой панели, нажмите на Плагины. Подменю откроется. Нажмите Add New из этого подменю.
В правом верхнем углу этой страницы щелкните в поле поиска, указанном на следующем рисунке, где вы видите текст Плагины поиска. Введите Cresta WhatsApp здесь. Затем нажмите «Установить сейчас» в плагине Cresta WhatsApp Chat. Когда это будет сделано, кнопка «Установить сейчас» изменит свой текст на «Активировать».
Нажмите «Активировать», чтобы включить плагин.
Это будет Перейдите на страницу со списком всех установленных плагинов.
Настройка плагина чата WhatsApp
В Cresta WhatsApp Chat нажмите «Настройки».
Прокрутите вниз пока вы не найдете поле ввода, где вы можете добавить свой номер телефона WhatsApp. Добавьте число в международном формате и не забудьте удалить все начальные нули. Например, если ваш номер 0720123456, а код страны +40, число, введенное вами в поле, будет +40720123456, а не +400720123456. Это означает, что мы удалили первый ноль в 0720123456, который становится 720123456, плюс предыдущий код страны.
Остальные настройки подробно описаны на странице настроек плагинов. По умолчанию, однако, функция чата не будет активна на каждой странице. Прокрутите вниз, пока не найдете настройки плавающего окна. Добавьте флажки также во все поля, чтобы окно чата стало активным на всех типах страниц.
Прокрутите страницу вниз и нажмите кнопку «Сохранить изменения».
Как работает плагин на веб-интерфейсе
Если вы сейчас посетите страницу веб-интерфейса вашего веб-сайта, вы заметите, значок WhatsApp в правом нижнем углу.
Заключение
Ваши посетители будут рады, что могут связаться с вами через то, что может быть их любимым приложением чата. Хорошей идеей будет добавить окно чата в Facebook аналогичным способом. Можно с уверенностью сказать, что у большинства людей на устройстве установлено хотя бы одно из этих двух приложений.
Сегодня разберем, как сделать красивую анимированную кнопку для связи по WhatsApp прямо с сайта. Делать мы это будем без плагинов, только при помощи CSS. Поэтому данный способ подойдёт для любого сайта. Ну а разбирать мы всё это будем, конечно же, на примере самой популярной CMS WordPress.
Ссылка для перехода в Whatsapp
Для начала рассмотрим, как выглядит ссылка на чат в Whatsapp для сайта.
А вот она в виде HTML кода:
Вместо phone=79260000000 вставляем нужный номер
Этот код можно вставить в любом месте, как простую ссылку. Добавив к нему соответствующие стили, можно сделать с помощью этого кода обычную или фиксированную кнопку. Чем мы сейчас и займёмся.
Кнопка Whatsapp в углу экрана с анимацией
Первый вариант кнопки whatsapp для сайта делается довольно просто и её легко отредактировать, если вам понадобится поменять цвет или размеры.
Для создания нашей кнопки, мы будем использовать иконку Font Awesome. Для этого ваш шаблон должен поддерживать данный шрифт. Если нет, то необходимо его подключить. Если вы не знаете, как это сделать, то можно воспользоваться плагином Font Awesome - он автоматически подключит библиотеку иконок.
HTML код:
CSS код:
CSS для мобильной версии сайта:
Если вам необходимо поменять местоположение кнопки на мобильных устройствах, то добавьте к стилям CSS следующий код.
Кнопка Whatsapp - вариант 2
Данная кнопка имеет более сложную анимацию и эффект появления надписи при наведении.
HTML код:
CSS код:
Установка кнопки на WordPress
В админ панели WordPress переходим в раздел "внешний вид/редактор тем". Далее, в зависимости от структуры вашей темы, заходим в нужные файлы вносим правки. HTML код обычно вставляют в файл footer.php (перед закрывающим тегом </body>), а CSS в конец файла style.css.
Современные шаблоны могут иметь более сложную структуру, несколько файлов css и прочее, поэтому можно воспользоваться плагинами.
Например, для вставки HTML подойдут такие плагины, как "DCO Insert Analytics Code", "Head & Footer Code", "Woody Snippets" и им подобные. А для добавления CSS подойдёт плагин "Custom CSS" или "SiteOrigin CSS".
На этом всё! Если данная статья вам помогла, вы можете пожертвовать любую сумму на развитие сайта.
Читайте также: