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