Если вы используете Elementor на своем веб-сайте и хотите добавить ссылку на номер телефона на свой веб-сайт, процесс очень прост. Но для этого достаточно прочитать эту статью.
Но сначала, если вы еще не установили Elementor, узнайте, как это сделать, перейдя по этой ссылке.
Следует уже отметить, что есть два способа добавить интерактивную ссылку на номер телефона в Elementor:
- Вы можете сделать это с помощью виджета «Текстовый редактор».
- Или с помощью любого другого виджета с полем «Ссылка».
Давайте теперь посмотрим на каждый из этих методов.
Метод 1: как добавить ссылку на номер телефона в Elementor с помощью виджета текстового редактора
Сначала измените страницу, на которой вы хотите разместить интерактивную ссылку на номер телефона с помощью Elementor.
Затем перетащите виджет текстового редактора на страницу.
Введите текст, на котором вы хотите создать интерактивную ссылку, и выберите его. Теперь создайте гиперссылку на этом тексте и введите следующее в поле «Ссылка»:
Телефон: 1234567890
Очевидно, вам необходимо заменить указанный выше номер телефона своим.
На изображении ниже вы можете видеть, что я создал ссылку для текста «Свяжитесь со мной: 1234567890» и установил в поле «Ссылка» значение 1234567890.
См. Также: Как открыть всплывающее окно Elementor из URL-адреса или меню
Теперь любой желающий может позвонить вам, просто перейдя по этой ссылке с мобильного телефона.
Здесь. Это был первый метод. Теперь давайте посмотрим на второй способ.
Метод 2: добавление номера телефона в Elementor с помощью виджетов, в которых есть поле ссылки
Теперь давайте добавим номер телефона с помощью других виджетов Elementor, в которых есть поле «Ссылка».
Для этого метода воспользуемся виджетом «Кнопка».
Сначала перетащите виджет Button на страницу.
Затем установите текстовое поле на «Свяжитесь со мной» или любой другой текст, который вы хотите. И в поле ссылки напишите Tel: 1234567890.
Не забудьте сохранить свои изменения.
И это все ! Теперь любой желающий может позвонить вам, нажав эту кнопку на своем мобильном телефоне.
Читайте также Как добавить собственный CSS в бесплатный Elementor
В этом примере я использовал виджет Button. Но вы можете использовать любой другой виджет Elementor, в котором есть поле Link, например виджет заголовка, виджет значка и т. Д.
Вы только что узнали, как добавить номер телефона в Elementor, сделав его интерактивным и используя два разных метода.
Используйте любой из этих двух методов для создания интерактивной ссылки на номер телефона в Elementor.
Получить Elementor Pro сейчас !!!
Откройте для себя также несколько премиальных плагинов WordPress
Вы можете использовать другие WordPress плагины чтобы придать современный вид и оптимизировать обработку вашего блога или веб-сайта.
Мы предлагаем вам несколько премиальных плагинов WordPress, которые помогут вам сделать это.
1. Расписание мероприятий
Расписание мероприятий Плагин Wordpress который позволяет вам создать свое расписание за считанные минуты и добавить его на свою страницу либо с помощью Визуальный Композитор или просто с помощью простого короткий код генерируется автоматически.
Он предлагает недельный обзор, который отлично подходит для управления системой бронирования танцевальной студии, фитнес-центра или спортивного центра. Компактный вид больше подходит для конференций, выступлений, мастер-классов или семинаров.
Простое представление списка - это решение для отображения вашего календаря с богатыми визуальными эффектами, предназначенное для выделения важных событий. Музыкальные фестивали, спортивные арены, стадионы или выставочные центры будут использовать эту точку зрения для продвижения своих мероприятий.
скачать | Демонстрация | веб-хостинг
2. Сетка FX
С четырьмя уникальными скинами Grid FX представляет собой Плагин Wordpress универсальный инструмент для портфолио, доступный на CodeCanyon за 19 долларов. Он позволяет размещать изображения, видео, аудио, сообщения в блогах и продукты WooCommerce в гладких сетках, галереях в стиле Pinterest и каруселях изображений.
Персонализация - король в этом плагине с более чем 80 различными вариантами стилей. Вы можете выбирать из ряда скинов, фонов лайтбоксов, анимации заголовков, цветов и кнопок. Вы также можете определить количество элементов, которые будут отображаться в портфолио, размер каждого элемента и количество столбцов.
Также прочитайте наше руководство по: Плагины 9 WooCommerce для улучшения ваших переменных продуктов
Чтобы улучшить навигацию, посетители смогут фильтровать сетки, чтобы найти то, что они ищут. Добавьте портфолио на свой сайт с помощью этого Плагин Wordpress это так же просто, как вставить короткий код в почтовый ящик, страницу или виджет.
скачать | Демонстрация | веб-хостинг
3. WooCommerce Downloader и PDF Viewer
WooCommerce Downloader и Pdf Viewer - это надстройка WooCommerce. Он позволяет пользователям загружать бесплатные виртуальные продукты прямо со страницы продукта и просматривать их прямо в браузере.
Кнопка «Добавить в корзину» автоматически заменяется кнопками скачать et afficher чтобы пользователи могли загружать или просматривать прикрепленные файлы без необходимости выполнять процесс заказа.
Он отображает статистическую страницу, которая отслеживает загрузки и просмотры по дате, а также информирует вас о списке наиболее загруженных продуктов. Эти функции очень полезны, если вам нужен раздел вашего интернет-магазина, содержащий бесплатные виртуальные продукты.
скачать | Демонстрация | веб-хостинг
Рекомендуемые ресурсы
Узнайте о других рекомендуемых ресурсах, которые помогут вам создать и управлять своим сайтом.
- Elementor: как создать плавающую кнопку с Z-индексом
- Как убедить клиента и продавать продукцию в Интернете
- Как разрешить пользователям фильтровать статьи и страницы
- Как исправить ошибку «Невозможно записать на диск» в WordPress
- Как добавить WooCommerce магазин на Facebook
Заключение
Здесь ! Это все для этого урока. Теперь вы можете добавить интерактивный номер телефона в Elementor. Не стесняйся поделиться с друзьями в ваших любимых социальных сетях.
Однако вы также сможете ознакомиться с нашими Ressources, если вам нужно больше элементов для реализации ваших проектов создания интернет-сайтов, обратитесь к нашему руководству по Создание блога на WordPress.
И если у вас есть какие-либо предложения или замечания, оставьте их в нашем разделе Комментарии.
...
