Меню Закрити

WordPress як зробити телефон клікабельним

Як зробити телефон Клікабельним вордпрес?

Перший спосіб, як зробити посилання на телефон на сайті Або: Зв'яжіться з нами (текст може бути яким завгодно). Тобто в атрибуті "href" повинен бути вказаний параметр "tel" і номер телефону в потрібному форматі, або фраза, що спонукає до дії.

Як зробити номер телефону Клікабельним?

Як зробити номер телефону на сайті клікабельним

  1. тег <a>…</a>;
  2. всередині нього, замість три крапки — атрибут href=”” , який відповідає за посилання;
  3. між лапками атрибута вставте параметр tel: ;
  4. після двокрапки впишіть номер у міжнародному форматі, зі знаком плюс перед ним, без прогалин та тире.

Який тег для телефонного номера?

Тобто в атрибуті href має бути зазначено: tel: та номер телефону у форматі, який вам потрібен. Після цього користувачі мобільних пристроїв зможуть просто натиснути на посилання і, не роблячи додаткових дій, зателефонувати вам.

Як додати номер телефону на сайті WordPress

Смартфони керують світом. Думаю, не потрібно говорити про те, як смартфони змінили світ і на що вони здатні.

Також знаємо, що в сучасному суспільстві кожен створюваний вами сайт має бути чуйним. Але що відбувається з номерами телефонів, які ви додаєте у своїх постах та сторінках WordPress?

Більшість останніх моделей смартфонів автоматично розпізнають номер телефону. Принаймні, якщо ви написали цей номер у правильному форматі, який містить коди країни та міста:

Додавання номера телефону на сайт у стандартному форматі

На жаль, не всі смартфони однакові, і не всі можуть розпізнавати телефонні номери у всіх форматах.Багато людей досі користуються телефонами, яким понад п'ять років, і є ймовірність, що номер телефону, навіть якщо він написаний правильно, просто не буде активним.

У цьому випадку навіть якщо ви створили сайт, який спонукає кожного другого відвідувача сайту дзвонити вам, у вас можуть бути проблеми. Якщо відвідувач зайшов з мобільного телефону, якщо для того, щоб йому зателефонувати вам потрібно записати, скопіювати і вставити або ввести номер вашого телефону, то швидше за все, він не буде цього робити. Щоб не втратити нетерплячих клієнтів, які не хочуть возитися з цифрами, ви повинні підготувати ґрунт для кожного користувача смартфона, незалежно від пристрою, що використовується.

Додайте номер телефону

Набір номерів на телефоні

Якщо вам просто потрібно додати на свій веб-сайт номер телефону, за яким можна натиснути, вам не потрібно встановлювати додаткові плагіни. Ви можете зробити це за допомогою простого рядка HTML-коду, який фактично збігається зі звичайним посиланням. Давайте подивимося, наскільки це легко:

  • Відкрийте повідомлення в текстовому редакторі або відкрийте код шаблону WordPress
  • Вставте наступний рядок:

Вставка номера телефону з протоколом TEL

Вже кілька років тому протокол TEL чудово справлявся з роботою мобільних користувачів. Проблема полягала в тому, що телефонні номери не розпізнавались браузерами комп'ютерів, які просто не реагували на номер телефону або навіть давали повідомлення про помилку. На сьогоднішній день проблема виправлена ​​і тепер ви можете клікнути за номером телефону, що відкриє Skype для здійснення дзвінка.

Використання Skype дзвінків.

Але що, якщо ви хочете, щоб ваші відвідувачі могли вибирати між звичайним та skype дзвінком? Тоді вам просто потрібно змінити протокол у засланні.Отже, замість протоколу TEL використовуйте протокол CALLTO:

Вставте номер телефону на сайт з протоколом CALLTO

Або ви можете зробити так, щоб за замовчуванням дзвінок йшов через Skype:

Вставлення номера Skype для дзвінків

Використання СМС

А ви знаєте, що навіть можете створити посилання на SMS-повідомлення? Як ви вже могли здогадатися, вам просто потрібно змінити протокол. Як і слід очікувати, це посилання нічого не змінить, якщо клацнути її на комп'ютері. Це посилання спрацьовуватиме лише якщо відвідувач зайшов на сайт зі смартфона.

Вставка номера телефону на сайт для надсилання СМС

Як додати кнопку виклику за допомогою безкоштовного плагіна.

Якщо ваш бізнес значною мірою залежить від телефонних дзвінків, вам слід зробити ще один крок, коли йдеться про створення клікабельних телефонних номерів.

Замість того, щоб створювати просте посилання, ви можете подумати про додавання кнопки «Зателефонувати зараз», яка завжди буде доступна для ваших мобільних відвідувачів. На щастя, серед плагінів WordPress є якісний безкоштовний, який допоможе вам зробити таку кнопку.

Це плагін Call Now Button

Установка плагіна Call Now Button

Цей безкоштовний легкий плагін, установка та налаштування якого триватиме лише кілька хвилин. Все, що вам потрібно буде зробити після встановлення, це ввести свій номер телефону, вибрати колір кнопки та її місцезнаходження. Ви можете відобразити кнопку дзвінка в лівій або правій частині екрана або вибрати нижню кнопку на всю ширину.

Якщо у вас є обліковий запис Google Analytics, пов'язаний з вашим веб-сайтом, цей плагін дозволяє відстежувати телефонні дзвінки, створюючи подію для кожного зробленого кліка. Після налаштування плагіна зачекайте щонайменше 24 години, перш ніж Google Analytics покаже дані.

Коду ви встановите та активуєте плагін Call Now Button, зайдіть у його налаштування. Перед вами відкриються три вкладки.На першій вкладці введіть номер телефону, а також текст, який буде показано на кнопці.

Вкладка Presentation плагіна Call Now Button

Далі перейдіть на вкладку Presentation. Виберіть колір кнопки, позицію кнопки, а також введіть ті ID постів, на яких ви хочете відобразити кнопку, або виберіть опцію Exclude these posts and pages і введіть ті ID постів, на яких кнопка виклику не повинна з'являтися.

Вкладка Presentation плагіна Call Now Button

І на вкладці Advanced можна додати додаткові налаштування, такі як відстеження ваших дзвінків за допомогою Google Analitics та інших налаштувань.

Вкладка Advanced плагіна Call Now Button

І ось як виглядатиме готова кнопка виклику.

Мобільна сторінка з кнопкою виклику

Як і багато в чому, у WordPress створення клікабельних номерів телефонів зовсім не складно. І це можна зробити буквально у кілька кліків.

А якщо у вас залишилися питання, то ставте їх у розділі з коментарями, і я з радістю на них відповім.