Ссылка на whatsapp, telegram и viber на сайте wordpress

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

Данная ссылка на чат WhatsApp создается очень просто. Вам необходимо в ссылку https://wa.me/[номер] добавить номер телефона на который будут писать клиенты. Номер телефона задается в международном формате, без + начиная с 7, не используйте скобки и тире.

Пример ссылки на чат WhatsApp:

Правильно: https://wa.me/7962242XXXX

Неправильно: https://wa.me/+7 ( 962 ) 242-XX-XX

<a href="https://wa.me/7962242XXXX">Написать в чат WhatsApp</a>

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

Чтобы создать автоматическое сообщение в чате WhatsApp необходимо использовать данную ссылку https://wa.me/номер?text=urlencodedtext

Номер телефона задается в международном формате, без + начиная с 7, не используйте скобки и тире. Urlencodedtext — само сообщение закодированное в url.

Пример ссылки с автоматическим ответом в чат WhatsApp:

Пример: https://wa.me/7962242XXXX?text=Я%20хочу%20проконсультироваться%20по%20вашей%20услуге

<a href="https://wa.me/7962242XXXX?text=Я%20хочу%20проконсультироваться%20по%20вашей%2услуге">Написать в чат WhatsApp</a>

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

Telegram также предоставляет нам возможность по ссылке на сайте начать чат с потенциальным клиентом.

Вариант 1

Основной способ, который используется в случаях если ресурс не блокируется. Необходимо использовать ссылку  https://t.me/[имя пользователя в Telegram] добавить имя пользователя, который будет получать сообщения от клиентов в чате.

Пример ссылки на чат Telegram:

Правильно: https://t.me/TargBox

Неправильно:  https://t.me/7962242XXXX Если мы укажем номер телефона то сможем открыть чат только в том случае если данный номер есть в справочнике нашего смартфона. Данный вариант не подходит для использования на сайте, т.к. нам будут обращаться посетители, которых нет в нашем справочнике.

<a href="https://t.me/<имя пользователя в Telegram>">Написать в чат Telegram</a>

<имя пользователя в Telegram> заменяйте на Ваше имя в Telegram

<a href="https://t.me/TargBox"> Написать в чат Telegram </a>

Вариант 2

Для создания ссылки на чат Telegram обходным путем, необходимо использовать ссылку  tg://resolve?domain=[имя пользователя в Telegram] добавить имя пользователя, который будет получать сообщения от клиентов в чате.

Пример ссылки на чат Telegram:

Правильно: tg://resolve?domain=TargBox

Неправильно:  tg://resolve?domain=7962242XXXX Если мы укажем номер телефона то сможем открыть чат только в том случае если данный номер есть в справочнике нашего смартфона. Данный вариант не подходит для использования на сайте, т.к. нам будут обращаться посетители, которых нет в нашем справочнике.

<a href="tg://resolve?domain=<имя пользователя в Telegram>">Написать в чат Telegram</a>

<имя пользователя в Telegram> заменяйте на Ваше имя в Telegram

<a href="tg://resolve?domain=TargBox"> Написать в чат Telegram </a>

Открытие ссылки на Telegram производятся через протокол tg://

При разработке сайте с системой управления WordPress мы можем столкнуться с проблемой, WP будет удалять протокол tg:// и ссылка не будет работать.

WordPress имеет список зарегистрированных протоколов, поэтому он автоматически удаляет ссылок на незарегистрированные протоколы. И к сожалению протокол tg:// на момент подготовки статьи не входит в список зарегистрированных протоколов.

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

Разрешенные протоколы для версии WordPress 5.8.2. :

$ Protocol = массив ('http', 'https', 'ftp', 'ftps', 'mailto', 'news', 'irc', 'irc6', 'ircs', 'gopher', 'nntp', ' feed ',' telnet ',' mms ',' rtsp ',' sms ',' svn ',' tel ',' fax ',' xmpp ',' webcal ',' urn ');

Чтобы добавить протокол telegram tg:// в список разрешенных протоколов в WordPress необходимо в файле functions.php Вашей темы (Консоль WP — Внешний вид — Редактор тем — function.php) разместить следующий код:

/ ** 
* Добавляем протокол tg 
* / 
add_filter ('kses_allowed_protocols', 'add_tg_to_allowed_protocols'); 

функция add_tg_to_allowed_protocols ($ протоколы) { 
	$ протоколы [] = 'tg'; 

	вернуть протоколы $; 
}

Хук-фильтр kses_allowed_protocols

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

$protocols

(string[])  Массив разрешенных протоколов, например, ‘http’, ‘ftp’, ‘tel’ и другие

Для создания ссылки на чат Viber необходимо использовать ссылку   viber://chat?number=[номер] и добавить номер телефона на который будут писать клиенты. Номер телефона задается в международном формате, Где + в номере телефона заменяется символами %2B и далее 7, не используйте скобки и тире.

<a href="viber://chat?number=%2B7962242XXXX"> Написать в чат Viber </a>

Открытие ссылки на Telegram производятся через протокол viber://

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

Чтобы добавить протокол viber viber:// в список разрешенных протоколов в WordPress необходимо в файле functions.php Вашей темы (Консоль WP — Внешний вид — Редактор тем — function.php) разместить следующий код:

/**
 * Добавляем протокол viber
 */
add_filter( 'kses_allowed_protocols', 'add_viber_to_allowed_protocols' );

function add_viber_to_allowed_protocols( $protocols ) {
	$protocols[] = 'viber';

	return $protocols;
}