Отправка сообщения с сайта в WhatsApp

Лично на мой взгляд решение не идеальное. Но другого я не вижу, если вы конечно не используете какие-то плагины на WordPress, и то сомнительно)

Собственно, вся суть находится на этой странице. Нужно по сути отправлять запрос по ссылке, передавая номер телефона (обязательно уже зарегистрированного в WhatsApp и текст письма). Конечно, в плане больших данных придется довольствоваться только строчным представлением, типа: Телефон: 123456, Имя: Алексей, email: alexey@gmail.com. По крайней мере пока я не разобрался с переносами).

Итак, нам нужно сперва создать html-разметку:

HTML

<form action="#" class="form" method="POST">
  <input type="text">
  <button type="submit">Отправить</button>
</form>

JS

const form = document.querySelector('.form');
const number = '7911352392';
function sendToWhatsapp(text, phone) {

  text = encodeURIComponent(text);

  let url = `https://web.whatsapp.com/send?phone=${phone}&text=${text}&source=&data=`;

  window.open(url);
}

form.addEventListener('submit', (e) => {
  e.preventDefault();

  const text = e.currentTarget.querySelector('input').value;

  sendToWhatsapp(text, number);
});

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

Ниже же получаем при клике на кнопку телефон и текст и вызываем написанную функцию sendToWhatsapp.

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

Всем успехов в применении :)