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

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

Чтобы по клику на номер телефона начинался звонок, у текста с номером должна быть ссылка вида:

tel:+79991112233 , где +79991112233 — ваш номер телефона.

Перейдите в «Контент» блока → выделите нужный фрагмент текста → в появившемся меню нажмите «Ссылка» → укажите ссылку и настройте стили ссылки → Применить → Сохранить.

Кликабельная почта (email)

Добавьте тексту с вашим email ссылку вида:

mailto:hello@mysite.ru , где hello@mysite.ru — ваша почта.

В таком случае по клику на вашу почту у пользователя на устройстве будет открываться приоритетное приложение почты. В качестве адреса отправителя будет указан ваш email.

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

Первым делом мы открываем созданную для сайта страницу и переходим в раздел Меню, через которое добавляем блок ME301 или ME302, которые являются наиболее удобными и привычными для нас.

• Заполняем графу с описанием из «Дополнительно» (номер телефона);
• Выделяем вписанный номер телефона и делаем его кликабельным, добавляя ссылку.

Я очень благодарна Алексею за столь познавательный и полезный курс. Узнала много совершенно новой и полезной информации. Программа обучения была столь захватывающей, что с удовольствием погружалась в процесс обучения не только во время интенсивов, а еще и по ночам, во время выполнения домашнего задания (ибо днем — быт и дети, ага). Для меня — как графического дизайнера, самым увлекательным процессом в курсе (помимо остальных), был раздел о создании сайта на Тильде. Приобретенные во время обучения навыки и знания я уже успела применить, причем сайт на Тильде создала не просто за спасибо, а вполне по адекватной стоимости, а с момента окончания курса не прошло еще и месяца. Алексей впечатлил своими коммуникативными данными, умением заинтересовать в обучаемой дисциплине и своей многогранностью в познаниях. Алексей из тех людей, кто щедро делится ценными знаниями, для меня это важная профессиональная черта, поэтому, с полной ответственностью рекомендую курсы Алексея и в том числе его ютуб канал.

Курсы мне понравились. Мои разрозненные знания структурировались! Понравилось живое общение c ответами на вопросы. Конкретика. Материалы презентации прекрасные. Это толчок к более углубленным знаниям в последующей работе. По курсу у меня замечаний нет. Единственное, хотелось бы в программе видеть для SEO-шников больше практических работ по написанию мета-тегов и сниппетов, с URL-ами для контекстной рекламы. Для владельца бизнеса и постановки задач для SEO и SMM менеджеров вполне нормально. Оценка Алексею, как преподавателю 5 из 5. Мои ожидания от курса оправдались. Интернет отдел зашевелился. Курсы Алексея Чеснокова рекомендую своим партнерам и специалистам. Ученье свет. Правда ученых стало тьма тьмущая.

Алексей, желаю Вам защитить кандидатскую, для получения ссылки МГУ ��)) Да и побольше удачи. Она в бизнесе одно из основных слагаемых успеха, вместе с упорством и знаниями!

Мне, как человеку достаточно далекому от сайтов, продвижения, и всего того, что с этим связано, было интересно прослушать курс по SEO. Теперь стало понятно, что это и зачем нужно! Теперь буду пробовать применять полученные знания на практике. Материал излагался простым и доступным языком. Единственное, чего не хватало – это побольше практических заданий. В целом 9 из 10. Так что ожидания от курса оправдались. Обязательно порекомендую Ваши курсы!

Алексей, хочу пожелать Вам дальнейшего профессионального роста и прибыльных проектов. Удачи!!

Курс Алексея Чеснокова от других отличает особая душевность в подходе и вера в учеников. Я очень довольна процессом обучения. К своему удивлению смогла сделать то, за что боялась даже подумать браться. Хочется отметить спокойное внятное объяснение. Достаточно интересный рассказ. Все мои ожидания от обучения оправдались – я научилась делать сайты.

Спасибо за курс! Желаю вам крепкого здоровья и нервов)

Программа обучения мне понравилась. Порадовал подход в донесении материала, а главное заинтересованность преподавателя в донесении информации до слушателей. Все понятно и интересно. Впечатлило желание Алексея Чеснокова донести материал до слушателей, поделиться своим личным опытом, наладить контакт с аудиторией. На курс пошла потому, что хотела понять, как работать с рекламой в современных источниках интернета. Мои ожидания полностью оправдались, что хотела, то и получила.

Желаю вам успеха, интересных проектов и благодарных слушателей!

Алексея Чеснокова от других преподавателей отличает харизма и вовлеченность в свою работу. Программа курса интересная, много полезной информации. Понравилось умение преподавателя интересно излагать материал и держать внимание аудитории, его профессионализм. Ожидания от курса оправданы, базовые навыки я освоила.

Карьерных высот вам!)

Интересный материал, приятная манера общения, структура курса – считаю, что именно эти моменты отличают Алексея Чеснокова от других преподавателей. От обучения получила только положительные впечатления – чувствую, что время провела с пользой, узнала новое и релевантное моим потребностям. Единственное чего не хватило в программе курса, это возможности сделать что-то самостоятельно, например, кейс какой-нибудь. На мой взгляд, нужна практическая часть. Курс, который я посетила – разработка сайтов, примерно так назывался, кажется. Мне было полезно узнать про разные движки и платформы, структуру сайта. Хорошо, что у были примеры успешных и неуспешных сайтов.

Оставайтесь таким же вдохновлённым – это важно для любого дела и преподавания в частности!

Очень понравилась креативность преподавателя, вовлеченность в процесс, его ораторское искусство и легкость передачи знаний. Благодаря этому большой объем практических знаний легко умещается и переваривается в котелке. Информация на курсе излагалась последовательно и лаконично. Профессионализм, организованность, оптимизм и контактность – все это однозначно сильные стороны Алексея Чеснокова. Удивила его готовность транслировать информация круглосуточно, без перерывов. Был замечен легкий переход на сторонние темы (хотя в моем случае это даже плюс). Мои ожидания от курса «Яндекс Директ» оправдались, получила практический опыт и знания в изучаемой области.

Желаю вам оставаться таким же жизнерадостным, открытым и креативным, совершенствовать свои знания и навыки, продвигаться в новых областях)))

Затрудняюсь дать оценку лектору, так как не с чем сравнивать, у преподавателей по созданию сайта никогда не был. Это мой первый курс по данной теме. Легко, драйвово, продуктивно – это мои впечатления от процесса обучения. Алексей Чесноков практик, ему нравится преподавать и делиться опытом (это видно). И, главное, он умеет объяснять сложное простыми словами. Минусов не нашёл). Когда шел на курс думал, что я полностью разберусь как работать при создании сайтов и смогу грамотно выстроить работу подрядчика, а также смогу убедить руководство, что у нас есть проблемы по этой части, и нам нужно менять подрядчика. А ещё я надеялся, что смогу сам «руками» работать по этому направлению. Ожидания не совсем оправдались, так как после 6 часового блока по созданию сайта в рамках digital курса все равно остались вопросы. Мне не хватило времени, чтобы спросить то, чего не было в презентации.

Желаю вам удачи в вашем деле)))

Курс для меня был интересным, Алексей очень доступно все объяснял. Жаль, что мало времени отведено обучению и далеко от дома (живу в Зеленограде). Хотелось бы большей адаптации программы к гос.мед.организациям – это особая печалька, продвигать госку. Перед началом обучения никаких ожиданий не было.. затащили меня сюда случайно, но я этому рада.. правда, тема не моя, а скорее техподдержки, сисадминов, СЭОшников.. но близка мне, поскольку работаем в этом направлении, я отвечаю за ПИАР больницы.. Получила много интересного материала (пока не могу его изучить, к сожалению). Влезла в метрики — ИНТЕРЕСНО. только времени нет на все это, к сожалению. этим должен заниматься целый отдел, или хотя бы отдельный специалист. а я швец и жнец. и на дуде.. и крестиком. и на машинке.. Курсы Алексея Чеснокова рекомендую однозначно!

Алексей, Вы прекрасны! Иногда Вас уводит в рассуждалки, от темы… иногда перескакиваете, не дожав интересное и важное. но в целом, супер! Желаю Вам адекватных клиентов, прибыльных заказов, минимальной зависимости от дурацких гос.структур, но стабильной поддержки от них))) Творчества, сбычи желаемого и крепкого ЗДОРОВЬЯ.

Впечатления от обучения на отлично! Материал дан в полной мере, понравилась последовательность подачи материала и важные заметки/комментарии. Сложно сказать, чем еще можно улучшить программу, наверняка курс и так оттачивается от потока к потоку. Моя оценка Алексею, как преподавателю строго положительная. На курс пошел, поскольку нужны были базовые знания по AdWords, а по итогу получил углубленные. Курс Алексея Чеснокова безусловно рекомендую

Алексей, желаю вам здоровья, личностного и профессионального роста, и возможность заниматься любимым делом!

Курс мне очень понравился, интересный, насыщенный и все рассказано простым языком. У Алексея интересный подход к преподаванию, лично меня порадовала неформальность общения, разбор примеров на практике – все было отлично. Единственное, по программе обучения хотелось бы больше часов. Моя оценка за курс 10 по 5-ти бальной шкале!! Ожидания от обучения оправдались с лихвой! Спасибо! Обязательно буду рекомендовать ваши курсы коллегам и друзьям.

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

Это статья посвящена одному из самых важных аттрибутов современных сайтов — кликабельность номера телефона . Как это не удивительно звучит, но многие разработчики забывают сделать телефон кликабельным, а посетитель сайта потом ломает голову и пальцы, чтоб сначала скопировать этот телефон, а потом вставить его в набор.

Давайте рассмотрим конкретный пример для сайтов в Тильде.

Кликабельность телефона в меню (Header)

Меню вы можете расположить на странице сайта (если у вас лендинг) или в специальной странице сайта Header, где располагается сквозная шапка для всех страниц. Находим свое меню и заходим в КОНТЕНТ этого блока.

Находим в моем случае раздел «Дополнительно» (у вас телефон может быть, скажем, в логотипе). Выделяем свой телефон и в появивишейся панели сверху нажимаем на значок ссылки:

Далее нажимаем на «Вставить ссылку» и заполняем следующее окно:

1. В поле URL вставляем tel:ваш_номер. В моем случае это поле нужно заполнить так:

Удаляем с номера все пробелы, тире, скобочки — ЭТО ВАЖНО . Если вы используете телефон в международном формате с кодом страны, то + оставляем, если без кода страны, то в поле URL можно вставить такую ссылку:

1. Меняем цвет ссылки на тот, который вам нужно.
2. Ставим «Размер линии» = 0 , чтобы не было подчеркивания как у обычных ссылок.

Если вы «загнали» телефон в логотип , то там все еще проще. Заходим в КОНТЕНТ блока и ищем раздел «Логотип». Вставляем в поле «ССЫЛКА» ваш ссылку с номером телефона

Сохраняем изменения и опубликовываем страницу. Если вы делали изменения в специальной странице Header, то не забываем, что нужно опубликовать все страницы сайта.

Смотрим результат на своем мобильном. Вуаля.

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

Если вам нужно сделать телефон кликабельным в каком-то блоке, то необходимо выполнить практически такие же действия, как и в случае с Меню.

Заходим в КОНТЕНТ блока. Находим карточку (для товаров, отзывов, команды и т.д.) или текстовое поле с номером телефона.

Выделяем телефон и кликаем на значке ссылки. Дальше выполняем уже знакомые нам действия:

1. В поле URL вставляем tel:ваш_номер. В моем случае это поле нужно заполнить так: «tel:380996543445» . Удаляем с номер все пробелы, тире, скобочки. Если вы используете телефон в международном формате с кодом страны, то + оставляем, если без кода страны, то в поле URL можно вставить такую ссылку: «tel:0996543445»
2. Меняем цвет ссылки на тот, который вам нужно.
3. Ставим «Размер линии» = 0 , чтобы не было подчеркивания как у обычных ссылок.

Публикуем свои изменения и проверяем. Все будет работать в мобильной версии сайта.

Как сделать кликабельный телефон в Footer (подвале) сайта.

Тут все просто. Выполняем ровным счетом такие же действия, как в инструкции для Меню (смотрите выше).

Не забывайте , что если вы делаете изменение в специальной странице Footer, которую назначаете в настройках сайта для всех страниц, после изменений номера телефона необходимо опубликовать все страницы сайта

Все выглядит не сложно. И так оно и есть. Для наглядности пересмотрите видео ниже, где я разбираю процедуру создания кликабельных телефонов для сайтов на Тильде на примерах:

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

17.12.2020

Сложность: новичок

8 мин.

5 168

Сегодня мы расскажем и покажем, как сделать кликабельными телефоны, ссылки на Instagram, Facebook и другие соцсети в блочном конструкторе Тильда.

Для чего же это нужно? Конечно, для нашего с вами удобства! Согласитесь, намного удобнее и приятнее переходить по ссылкам в один клик, а не вбивать их заново в строку браузера, нажимая на номер телефона сразу звонить, а не запоминать номер телефона и набирать его вручную.

Ваши контакты на сайте – это очень важный элемент, чем больше возможностей с вами связаться, тем лучше. Потенциальный клиент, зашедший на сайт, должен иметь возможность связаться с вами удобным для него способом. Кому-то удобнее использовать для связи номер телефона, кто-то хочет воспользоваться мессенджером (Viber, WhatsApp, Telegram, Zalo, Wechat и т.д.), ну а кому-то удобнее использовать e-mail и написать в социальные сети, например, в Facebook, Instagram, VK и другие. На этапе проектирования сайте важная задача – сделать связь с менеджером максимально удобной для наших клиентов.

Как правило, номер телефона и прочие контакты расположены в хедере сайта и в футере, то есть в самом начале страницы и в конце, после смысловых блоков.

Рис. 1. Контакты в шапке, или хедере, сайта.

Рис. 2. Контакты в подвале, или футере, сайта.

Итак, начнем с номера телефона. Чтобы сделать номер кликабельным, необходимо перейти в поле «Контент», в выпадающем меню выбрать пункт «дополнительно» и нажав на кнопку, как указано на Рис. 3 ниже, добавить ссылку: tel:+номер телефона (без пробелов), после чего нажать «применить». После этого номер телефона должен стать красного цвета, это значит, что ссылка прикрепилась, далее жмем «сохранить и закрыть».

Рис. 3. Ссылка на номер телефона.

Далее делаем кликабельными социальные сети, тут все проще. В том же меню, где мы добавляли ссылку на номер телефона, выбираем пункт «ссылки на соц. сети», где заполняем поля интересующих нас социальных сетей прямыми ссылками на ваши страницы, например в поле « FACEBOOK PAGE LINK» вставляем ссылку на вашу страницу https://www.facebook.com/ ваш аккаунт. Если вы хотите добавить свой Telegram, тогда ссылку необходимо ставить следующим образом:

• для мобильной версии: tg://resolve?domain=LOGIN,
• для ПК (ссылка откроется в браузере): https://telegram.me/LOGIN .

LOGIN=это ваше имя в Telegrame, которое можно посмотреть в настройках.

Почтовый ящик (e-mail) становится кликабельным ровно по тому же принципу, что и номер телефон, путем прикрепления ссылки, смотрите инструкцию ниже, на рисунке 4. После совершения этого действия вам можно будет написать в один клик, что очень удобно для клиентов.