Как создать кнопку «Нажмите для отправки СМС»?

Привет! Из этого туториала Вы узнаете, как создать ссылку Нажмите для отправки СМС.

Иногда, Вам может понадобиться добавить на ваш сайт особую кнопку, благодаря которой гости сайта смогут отправить Вам СМС, например, запрос перезвонить, и т.д. Давайте узнаем, как добавить такую ссылку в несколько простых шагов.

Во первых, Вам нужно добавить специальный код javascript в один из файлов JS вашего сайта. В WordPress лучше добавлять его в файл script.js, который расположен в папке /wp-content/themes/themeXXXXX/assets/js/ на сервере (здесь XXXXX – это номер шаблона). Вы можете получить доступ к этому файлу через FTP или используя Файловый менеджер Панели управления хостингом. Если Вы используете шаблон на основе HTML, или любую другую CMS, например, Joomla или PrestaShop, Вы можете добавить код javascript в любой файл, расположенный в папке /js/ в папке вашего шаблона.

function checkMobileOS() {

    var MobileUserAgent = navigator.userAgent || navigator.vendor || window.opera;

    if (MobileUserAgent.match(/iPad/i) || MobileUserAgent.match(/iPhone/i) || MobileUserAgent.match(/iPod/i)) {

        return 'iOS';

    } else if (MobileUserAgent.match(/Android/i)) {

        return 'Android';

    } else {

return 'unknown';

    }

}

var message_text = 'Some message goes here';

var href = '';

if (checkMobileOS() == 'iOS') {

    href = "sms:+123456789&body=" + encodeURI(message_text);

}

if (checkMobileOS() == 'Android') {

    href = "sms:+123456789?body=" + encodeURI(message_text);

}

document.getElementById("sms_link").setAttribute('href', href);

Здесь слова Введите ваше сообщение нужно заменить вашим текстом, а телефонный номер +123456789 нужно заменить вашим действительным номером телефона. Вы можете ознакомиться с примером на скриншоте ниже:

Теперь Вы можете добавить ссылку на любую страницу, запись или текстовый виджет вашего сайта. Давайте добавим тестовую страницу с ссылкой «Нажмите для отправки СМС». Для того чтобы это сделать, перейдите на вкладку Страницы -> Добавить новую (Pages -> Add new) и создайте новую страницу. Добавьте следующее содержимое в режиме Текст (Вы можете переключиться на режим «Текст» в правом верхнем углу тела страницы). Если Вы используете сайт на основе HTML, просто добавьте код ссылки в файл *.html.

<a id="sms_link" href="#">Tap to SMS</a>

В случае необходимости, Вы можете изменить слова Нажмите для отправки СМС (Tap to SMS) на любой другой текст, например, ‘Отправьте нам СМС’ или ‘Отправить сообщение’, на ваше усмотрение.

Сохраните изменения, нажав на кнопку Опубликовать (Tap to SMS)(или на кнопку Обновить (Update)) или просто сохраните файл *.html и проверьте ссылку на вашем мобильном устройстве. Вы можете убедиться, что она отлично работает:

Это всё на сегодня, теперь Вы на один шаг ближе к вашему великолепному сайту. Следите за нашими обновлениями!