Как сделать кликабельный телефон в Тильде

Чтобы сделать кликабельный телефон в Тильде, добавьте номеру или кнопке ссылку tel:. Например, tel:+71234567890. После настройки опубликуйте страницу и проверьте ссылку на телефоне.

Формат ссылки tel: и отображаемый номер

Ссылка для звонка задаётся в виде tel:+71234567890, все цифры идут без пробела ^[1]. Тот же формат подтверждает справка Тильды: tel:+7123456789, без пробелов ^[2].

Важно разделять две вещи: что видит посетитель и куда ведёт ссылка. Видимый номер оформляют для чтения — со скобками, пробелами и дефисами. В адресе ссылки остаются только знак + и цифры.

Учебный пример

Порядок: наберите видимый номер, выделите его, нажмите иконку ссылки на панели форматирования текста и в поле адреса вставьте tel:+70000000000. Перед публикацией замените учебный номер на свой: видимую часть — на рабочий номер в удобном для чтения виде, адрес — на tel: плюс те же цифры без пробелов, скобок и дефисов.

Куда вставить ссылку: текст, меню, кнопка, иконка

Способ зависит от того, где стоит номер.

Текст в блоке. Выделите номер и добавьте ссылку через панель форматирования текста — там есть иконка ссылки и поле для адреса ^[1].

Меню. В блоке меню, например ME301, номер вписывают во вкладке «Контент» в поле «Дополнительно», затем выделяют его и через выпадающую панель инструментов для текста добавляют ссылку tel: ^[2].

Кнопка. У кнопки адрес задаётся в поле ссылки в панели «Контент» блока ^[3]. В это поле и вписывается tel:+70000000000.

Иконка в блоке. У части блоков телефон добавляется отдельным элементом через иконку. Например, в SM101 нажимают «Добавить пункт» в «Контенте», выбирают в списке Phone (Телефон) и указывают номер в поле ^[2].

Отдельно стоит блок BF901 из категории «Форма»: в нём номер прописывают в поле, и на мобильном звонок начинается при нажатии ^[2].

Сводка по местам размещения:

Для нестандартной разметки пригодится материал о том, как добавить HTML-код в Тильде.

Проверка звонка на телефоне и поведение на ПК

Ссылка tel: рассчитана на устройство со звонками. На мобильном при нажатии на номер начинается звонок ^[2]. На компьютере поведение другое: ссылка откроет приложение для звонков, если оно установлено, а при его отсутствии звонок не начнётся ^[1]. Поэтому «на ПК не звонит» — ожидаемое поведение, а не поломка ссылки.

Чек-лист настройки и проверки:

• В адресе ссылки только tel:, + и цифры — без пробелов, скобок и дефисов.
• Видимый номер и цифры в адресе совпадают.
• Ссылка стоит на всех местах, где номер показан: текст, меню, кнопка, иконка.
• Опубликуйте страницу: проверять ссылку нужно на опубликованной версии ^[3].
• Откройте страницу на реальном телефоне и нажмите на номер — должен начаться звонок на нужный номер.
• Проверьте каждое место размещения отдельно: текст, меню, кнопку, иконку.
• На компьютере убедитесь, что клик не ведёт на пустую страницу и не ломает вёрстку.

Если на сайте есть форма обратной связи рядом с телефоном, стоит заранее продумать, какие вопросы задать в FAQ сайта с нейросетью, чтобы посетитель понимал, куда попадёт его обращение.

Итог: кликабельность телефона в Тильде держится на одном правиле — ссылка tel: с цифрами без пробелов на нужном элементе. Дальше остаётся расставить её во всех местах, где виден номер, опубликовать страницу и один раз позвонить с телефона, чтобы убедиться, что номер набирается верно.