gototopgototop

Support


Чабан Юра
 

 

The Founder

Аnna Kasianenko
 
anna@amoretravel.com.ua
skype:tourabsolute33

 

При заказе с сайта Вы получаете 5% скидку. Сделать заказ

www.megastock.ru

Freelancehunt — простой и честный фриланс

Как сделать кликабельный номер телефона на сайте
27.01.2019 13:56
Современный мобильный телефон — не просто средство для связи с людьми, а полноценный ежедневник, банк, библиотека и даже рок-концерт. Поэтому большое количество бизнес процессов завязано на приложениях, специально разработанных для смартфонов.
 
Кликабельный номер на сайте — функция, без которой вы рискуете открыть воронку по утечке клиентов вместо конверсионного действия в мобильной версии сайта. Чтобы нажать на номер и связаться с вами, нужно не больше двух действий. Чтобы связаться с вами без кликабельного номера, нужно не меньше пяти действий: копировать, свернуть браузер, перейти в режим набора, вставить, вызов.
 
 
А если человеку нужно позвонить в несколько десятков компаний? Найти свободный столик в ресторане для ужина с семьей или просто срочно найти доставку какой-нибудь еды? Он сэкономит время и найдет похожие условия на сайте конкурентов, которые не заставят его тратить время на copy/past. 
 
buy propecia Если вам все еще нельзя позвонить в один клик, эта инструкция для вас. Как сделать номер телефона кликабельным, не потерять при этом стили оформления и таким образом поднять конверсию сайта — об этом и пойдет речь.
Код сайта
В первую очередь рассмотрим вариант, когда у вас есть доступ к HTML-коду сайта.
 
Обычный номер телефона, который пока является простым текстом, в коде может выглядеть так:
<span>+7(999)888-77-66</span>
 
Или так (если присвоен класс):
<p class="phone”>+7(999)888-77-66</p>
 
Или вообще так (если к этому тексту применены стили: цвет, шрифт, форматирование):
<div id="number" class="phone mobile text num" style="color: #1f21ff; buy kamagra text-align: center" name="phone_number">+7(999)888-77-66</p>
 
За гипертекст (возможность текста в коде HTML включать в себя гиперссылку) отвечает тег <a>...</a>. Атрибут href=”” отвечает за то, куда будет направлен клиент — внутри кавычек указывается адрес страницы или действие. За автоматический набор priligy online номера по клику отвечает параметр tel:ХХХ, где XXX — номер телефона без пробелов и тире.
 
Таким образом, для первого примера код будет следующим:
<span>
<a href=”tel:+79998887766”>+7(999)888-77-66</a>
</span>
 
Мы не только оставили сам текст на сайте, но и добавили к нему действие: вызов на конкретный номер.
 
Сделаем и второй номер кликабельным:
<p class="phone”>
<a href=”tel:+79998887766”>+7(999)888-77-66</a>
</p>
 
Третий пример тоже без особых усилий становится гипертекстом. При этом сохраняются его изначальные стили:
<div id="number" class="phone mobile text num" style="color: buy clomid online #1ff1ff; text-align: center" name="phone_number">
<a href=”tel:+79998887766”>+7(999)888-77-66</a>
</p>
 
Сохраняем код — вуаля, телефон стал кликабельным! 

Комментарии:

Интересная buy levitra online статья? Поделись ей с другими:
logo footer   Designed by TemplatePlazza - All Rights Reserved
  • Шаблон - YouStorage v1.0.1
  • VT Hosting
  • VT Special
  • ZT Zana
  • S5 Callie Rush
  • VT Spa
  • TF Intermezzo
  • TM Agrocom
  • VT Artworks
  • VT Restaurant