Лайфхак: как сделать кликабельный номер телефона

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

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

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

00000026


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

00000027


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

00000028


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

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

00000029


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

00000030

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

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

00000031


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

 

00000032


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

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

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


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


00000033

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

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

или

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

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

00000035

Была ли эта статья полезна?

Похожие статьи