Кликабельный номер на сайте, содержание:

Как сделать кликабельный номер телефона на сайте?

Способ 1. Виджет Кнопка

Шаг 1. Добавим виджет “Кнопка” на секцию (в качестве примера мы взяли кнопку “Политика конфид-сти”).

Шаг 2. Перейдём в настройки виджета (гаечный ключ) в раздел  “Содержимое” и изменим название нашей кнопки, далее переходим в раздел “Вид” – “Текст” – “Подробные настройки” и настроим нужный нам “Размер текста”.

Шаг 3. Перейдем во вкладку “Цвета” – “Подробные настройки” и зададим нужный цвет тексту при:
1) Обычном состоянии
2) Под курсором
3) По клику

Шаг 4. Переходим в раздел “Действие”, выбираем действие “Открыть страницу” и пропишем код телефона в поле “Ссылка”.
Пример кода:

tel:+71231234567

 

После tel:+ вам необходимо указать ваш номер телефона для вызова.

Шаг 5. Опубликовываем страницу и всё готово. Проверим в режиме предпросмотра.

Способ 2. Виджет текст

Шаг 1. Добавим виджет “Текст” на секцию и отредактируем текст на нужный.

Шаг 2.  Выделим наш текст в режиме редактирования и установим на него ссылку в виде: tel:+71231234567 в поле “URL”.После tel:+ вам необходимо указать ваш номер телефона для вызова.
и нажмем “Вставить” ссылку на выделенный текст.

 

Готово! Ссылка установлена на нужный нам текст и уже работает для вызова.

Как убрать подчеркивание текстовой ссылки?

Переходим в “Просмотр HTML-кода” виджета “Текст” и после ссылки установим код:

style="text-decoration: none;"

В примере получился такой код:

<p><a href="tel:+71231234567" style="text-decoration: none;">Ждем вашего звонка!</a></p>

Как изменить цвет ссылки?

Переходим в “Просмотр HTML-кода” виджета “Текст” и после ссылки установим код:

color: #00ffb0;  

или

style="color: #00ffb0;"

 В примере получится такой код:

<p><a href="tel:+71231234567" style="text-decoration: none; color: #00ffb0;"> Ждем вашего звонка!</a></p> 

 

В коде был так же цвет установленный по умолчанию, его мы просто удалили.
Проверить что получилось можем на опубликованной странице или в режиме предпросмотра.

Вы нашли ответ?