2 способа поставить кнопку whatsapp на сайт


Всем привет! Сегодня покажу 2 способа, как встроить кнопку ватсап для вашего блога. Точнее не буду углубляться в процесс встраивания, так как инструкция и так достаточно подробная. Но всё же, запишу короткую видео демонстрацию, о том, как можно встроить кнопку ватсапп внутри блога, в файл шаблона вордпресс.
Вы сами сможете её добавить на сайт, чтобы увеличить виральность для пользователей заходящих с мобильных устройств.
Ну и если возникнут вопросы, всегда можно спросить ))
facebook-whatsapp1[1]
Что касается сервисов, то их несколько. Но я не буду рассматривать коммерческие, которые воруют информацию о посетителях вашего сайта, с целью открутить рекламу. А покажу два нормально зарекомендовавших, и тех, которыми пользуюсь сам:

1. Кнопка whatsapp, от сервиса Яндекс Поделиться:

Переходим на сайт Яндекс Поделиться: _https://tech.yandex.ru/share/
Ставим галочки на те кнопки, которые хотим видеть. Рекомендую до 5 штук:

И дальше всё просто — копируем готовый код, и вставляем в файл шаблона. Если пользуетесь блоговой системой вордпресс, то обычно это single.php , или подобное (зависит от шаблона).
В общем в видео покажу этот вариант.
Но есть 1 маленький минус такой кнопки. Так как её видят не только пользователи андройд устройств, но и пользователи компьютеров. Получается, что если нажать по этой кнопке, то посетитель уходит с сайта по непонятной ссылке, так как не получится запустить приложение ватсапп. Ведь ватсапп на компьютере не установлен у людей ))
А вот второй вариант более трудоемкий, но всё же инструкция хорошо расписана, и получилось её поставить в пару кликов.

2. Кнопка whatsapp для сайта от github

Переходим на сайт: _//kriskbx.github.io/whatsapp-sharing/
Переводим если ничего не понятно ))
И далее клик за кликом повторяем то, что нужно. А нужно по сути скачать архив, и загрузить в корневую сайта или шаблона (я загрузил в корень сайта). После чего, перед закрывающимся тегом «боди» разместить полученный скрипт:

В котором, поменять путь до файла whatsapp-button.js (показано желтым)
То есть, тот путь, того распакованного архива, который загрузили в корень сайта (смотрите в видео, этот момент покажу).
И также, где хотите видеть кнопку Whatsapp, туда встраиваете ссылку вида:

Эта ссылка и будет отображать кнопку ватсапп для тех пользователей, которые будут приходить с андройд.
По-этому, проверить можно только на мобильных устройствах!!! Будьте внимательны, если всё сделали, а кнопка на компьютере в браузере не отображается.
В общем, какой способ больше подходит, тот и используйте.
Я больше склоняюсь к варианту 2 ))
А вот и видео…

Видео о том, как разместить кнопку whatsapp для сайта

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

  • У Вас будет свой блог!
  • У Вас будет доход из интернет!
Автор книги: Денис Повага
Ученики уже заработали
более 10 000 000 рублей с нуля. Уровень – для начинающих! Присоединяйтесь и Вы...

Кейсы, примеры, всё внутри...
Книга сегодня БЕСПЛАТНО!!! Отправим на Емайл...

Скачать бесплатно здесь!

Комментариев к статье: 5

  • 2015-12-24 в 3:12 пп
    Permalink

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

    Ответ
  • 2017-02-03 в 4:22 пп
    Permalink

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

    Ответ
      • 2017-02-03 в 5:19 пп
        Permalink

        а телеграм или вайбер? так тоже не работают?

        Ответ
    • 2017-04-21 в 7:52 пп
      Permalink

      код для ватсапа на андроиде работает на ИОСе нет

      Ответ

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *