Как сделать ссылку на ватсап в тильде

Как сделать ссылку на ватсап в тильде

Важно: ссылки на wa.me могут не работать в России без VPN, поэтому использовать данные ссылки не рекомендуется.

Не используйте символ плюса, скобки и дефиса при вводе номера телефона в международном формате.

Важно: ссылки будут работать только если у пользователя на устройстве установлено приложение Viber.

Обратите внимание, что в этой ссылке необходимо указать символ плюса «+» перед номером.

Обратите внимание, что в этой ссылке символ плюса «+» перед номером отсутствует.

Ссылка будет работать только если в аккаунте задано имя пользователя, указать ссылку на номер телефона нельзя.

Также вы можете просто скопировать ссылку на профиль из адресной строки браузера.

Как сделать ссылку на ватсап в тильде

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

• Внутренние, которые ведут на другую страницу вашего сайта или блога.
• Внешние, которые ведут на другой сайт.
• Графические ссылки в виде картинок, кнопок, эмодзи.
• Текстовые ссылки, которые интегрированы в обычный текст.

Гиперссылка на электронную почту

Для обратной связи на сайте вы можете настроить гиперссылку, которая будет открывать окно почтового приложения, где в строке «Адресат» уже будет введен ваш электронный адрес.

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

Гиперссылка на номер телефона

Номер телефона тоже можно сделать кликабельным с помощью гиперссылки. Если пользователь сидит на вашем сайте с телефона, то при нажатии на такую ссылку, у него откроется экран набора, и там отобразится ваш номер. А если с компьютера — то автоматически откроется приложение для звонков, если оно есть.

Порядок действий такой же, как и с электронной почтой.

⚡️ Гиперссылка для подписки на канал YouTube

⚡️ Гиперссылка «Присоединиться к телеграм-каналу»

Если у вас частная группа, вы можете скопировать ссылку-приглашение.

Если публичная — нужно ВРЕМЕННО переключить тип канала на частный.

! НЕ СОХРАНЯЙТЕ ИЗМЕНЕНИЯ

Нажмите на аватарку паблика и перейдите в раздел настроек «Тип канала»

Скопируйте ссылку и переключите группу обратно на публичную.

То есть наша задача — вытащить ссылку, не изменив при этом тип канала

⚡️ Гиперссылка на чат в WhatsApp или Viber

ИП КОЛТАШОВА АЛЕКСАНДРА ВАДИМОВНА

Свидетельство о гос. регистрации: 54 № 5 150 134
ИНН: 540 618 483 335
ОГРНИП: 316 547 600 156 201
Дата постановки на учет: 25 августа 2016
Р/с: 4080 2810 5045 0000 0701
БИК: 44 525 999
ТОЧКА ПАО БАНКА «ФК ОТКРЫТИЕ» Г. МОСКВА
К/с: 3010 1810 8452 5000 0999

ООО «СВОЕМЕДИА»

ИНН: 5405047736
КПП: 540501001
ОГРН: 1195476069887
Р/с: №40702810004500006839
ТОЧКА ПАО БАНКА «ФК ОТКРЫТИЕ» Г. МОСКВА
БИК: 044525999
К/с: 30101810845250000999

Делаем кликабельным номер телефона, Whatsapp, Telegram и E-mail

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

Поэтому важно сделать так, чтобы взаимодействие с сайтом было максимально простым. Например, чтобы позвонить в компанию достаточно было кликнуть по телефону в шапке.

Разберемся, как проработать такую маленькую, но очень важную деталь сайта, как кликабельные кнопки связи (телефон, почта, мессенджеры).

Номер телефона

Чтобы при клике на номер телефона начинался звонок нужно сделать следующие шаги.

HTML-код сайта

Некликабельный номер телефона (просто текст) может выглядеть в коде по-разному, например, так:

Чтобы сделать обычный текст кликабельным нужно сделать из него гиперссылку и указать действие, которое будет совершено по клику (в нашем случае набор номера).

Для создания любых ссылок используется тег …. Между тегами располагается текст ссылки или картинка (например, иконка трубки). Атрибут href=“” указывает адрес ссылки или действие. Для набора номера используется параметр: tel:+7XXXXXXXXXX, где +7XXXXXXXXXX — нужный номер телефона.

Если доработать предыдущие примеры, то получится следующий код:

Теперь при нажатии на номер телефона будет совершаться набор указанного в ссылке номера. Именно тот, который указан в ссылке, а не в тексте, поэтому будьте внимательны! Проверяйте получившийся код в работе.

Зная, как устроен HTML-код вы легко сможете реализовать на любом движке или конструкторе.

В WordPress

Метод создания кликабельной ссылки на движке WordPress аналогичен пункту «HTML-код сайта» данной статьи. Главная задача в том, чтобы найти нужный фрагмент кода в админ-панели.

Шапка сайта

1. Если телефон находится в шапке сайта, то заходим в административной панели: «Внешний вид» -> «Редактор».
2. Справа, в Файлах темы находим «header.php», нажимаем на него.
3. В коде находим телефон. Для быстрого поиска кликнете левой кнопкой мыши на поле с кодом и нажмите комбинацию на клавиатуре: “Ctrl” + “F”. Затем введите несколько цифр телефона и нажмите “Enter”. Нужный фрагменты станут выделены желтым цветом.

1. Теперь остается обернуть простой текст в гиперссылку. Как это сделать смотрите в предыдущем пункте статьи.В данному случае получается по итогу так:

1. Нажимаем “Обновить файл” и изменения сохраняются. Проверяем работоспособность на сайте. Готово!

Записи/страница

1. Если телефон находится в записи, то переходим в редактор записи/страницы.

1. Переходим в редактор кода, нажав на вкладку “Текст”:

1. Выделяем номер и нажимаем кнопку “link”. В поле “URL” добавляем гиперссылку для номера:

1. Получается так:

1. Нажимаем “Обновить” и страница сохраняется. Готово!

В Tilda

Zero-блок

• Переходим к редактированию блока, нажав на кнопку “Редактировать блок” в конструкторе нужной страницы:

• Выделяем телефон и нажимаем кнопку “Setting”:

• В поле Link в настройках вводим ссылку: “tel:+ номер телефона с +7”

• Сохраняем изменения в блоке и публикуем страницу.

Стандартный блок

• Нажимаем “Контент”:

• Находим нужный блок, выделяем телефон и нажимаем иконку “Ссылка”:

• Выбираем пункт: “Вставить ссылку”:

• В поле “URL” вводим “tel:+ номер телефона с +7” и нажимаем кнопку “Вставить”:

• Сохраняем изменения в блоке и публикуем страницу.

Активная ссылка на WhatsApp

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

Для размещения кликабельного текста на сайте подойдут все инструкции, как для телефонного номера.

Кликабельная иконка для сайта

Но обычно кликабельным делается не номер телефона, а специальная иконка WhatsApp. Для этого:

1. Находим иконку, которую будем использовать. Для этого подойдет, например, сервис Flaticon.com.

1. Выбираем подходящее по стилистике изображение. Кликаем на него, выбираем формат SVG.
2. Дальше будет показан алгоритм действия, если сайт на Тильде. Если сайт на другой CMS, то нужно будет загрузить файл на хостинг и добавить небольшой HTML и CSS-коды на сайт, чтобы разместить иконку, например, в шапке. Для этого понадобятся минимальные знания верстки, либо помощь верстальщика.
3. На Тильде переходим в редактирование Zero блока.
4. Выбираем пункт добавить изображение и загружаем иконку.

1. Масштабируем ее и размещаем в нужном месте блока.
2. Добавляем в поле Link ссылку https://wa.me/номертелефона

1. Сохраняем изменения в блоке и публикуем страниц сайта. Готово! Кнопка Whatsapp теперь кликабельная и сразу перенаправляет пользователя на диалог в мессенджере.

Ссылка на Telegram

С Телеграм тот же алгоритм действий, что и Whatsapp (смотрите предыдущий пункт данной статьи), но основное отличие в том, что в РФ, например стандартные ссылки в формате https://t.me/seoforge не работают. Поэтому необходимо использовать редирект через такие сервисы, как tele.gg, telegram.im и другие. Сервисы полностью бесплатны и существует большой список таких сервисов без сторонней рекламы, используйте именно их.

Ссылка будет выглядеть следующим образом.

На канал @seoforge в Телеграм: telegram.im/seoforge

На пользователя @webengineer в Телеграм:

Кликабельная почта E-mail

При клике на e-mail открывался почтовый клиент:

Кликабельный Skype

При клике на кнопку открывался чат в Skype с указанным пользователем пользователем:

Похожие публикации:

1. Amg как расшифровывается
2. Node js что это за процесс
3. В каком отчете перечислены страницы сайта с которых пользователи начинали просмотр
4. Где хранятся базы данных mysql

Как в тильде добавить ссылку на whatsapp

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

• Внутренние, которые ведут на другую страницу вашего сайта или блога.
• Внешние, которые ведут на другой сайт.
• Графические ссылки в виде картинок, кнопок, эмодзи.
• Текстовые ссылки, которые интегрированы в обычный текст.

Гиперссылка на электронную почту

Для обратной связи на сайте вы можете настроить гиперссылку, которая будет открывать окно почтового приложения, где в строке «Адресат» уже будет введен ваш электронный адрес.

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

Гиперссылка на номер телефона

Номер телефона тоже можно сделать кликабельным с помощью гиперссылки. Если пользователь сидит на вашем сайте с телефона, то при нажатии на такую ссылку, у него откроется экран набора, и там отобразится ваш номер. А если с компьютера — то автоматически откроется приложение для звонков, если оно есть.

Порядок действий такой же, как и с электронной почтой.

⚡️ Гиперссылка для подписки на канал YouTube

⚡️ Гиперссылка «Присоединиться к телеграм-каналу»

Если у вас частная группа, вы можете скопировать ссылку-приглашение.

Если публичная — нужно ВРЕМЕННО переключить тип канала на частный.

! НЕ СОХРАНЯЙТЕ ИЗМЕНЕНИЯ

Нажмите на аватарку паблика и перейдите в раздел настроек «Тип канала»

Скопируйте ссылку и переключите группу обратно на публичную.

То есть наша задача — вытащить ссылку, не изменив при этом тип канала

⚡️ Гиперссылка на чат в WhatsApp или Viber

ИП КОЛТАШОВА АЛЕКСАНДРА ВАДИМОВНА

Свидетельство о гос. регистрации: 54 № 5 150 134
ИНН: 540 618 483 335
ОГРНИП: 316 547 600 156 201
Дата постановки на учет: 25 августа 2016
Р/с: 4080 2810 5045 0000 0701
БИК: 44 525 999
ТОЧКА ПАО БАНКА «ФК ОТКРЫТИЕ» Г. МОСКВА
К/с: 3010 1810 8452 5000 0999

ООО «СВОЕМЕДИА»

ИНН: 5405047736
КПП: 540501001
ОГРН: 1195476069887
Р/с: №40702810004500006839
ТОЧКА ПАО БАНКА «ФК ОТКРЫТИЕ» Г. МОСКВА
БИК: 044525999
К/с: 30101810845250000999

Как сделать ссылку на WhatsApp теперь? Wa.me и api.whatsapp.com перестали работать в РФ

Как теперь перенаправлять аудиторию в чат WhatsApp? И что делать компаниям и фрилансерам, которые использовали подобные ссылки в профилях своих соцсетей? Ответы – в этой статье.

Похоже, что блокировка Facebook и Instagram зацепила сервисы wa.me и api.whatsapp.com. Эти ссылки компании и эксперты использовали в профилях своих соцсетей, чтобы перенаправлять клиентов сразу в чат. Удобство их было в том, что перейдя по ссылке, ты попадал сразу в приложение мессенджера, установленного на телефон.

К примеру, по ссылке вида https://wa.me/79009009090 можно было перейти в чат с пользователем WhatsApp, зарегистрированного под номером телефона +7 (900) 900-90-90. Добавлять пользователя в свою записную книжку, чтобы начать чат, было не нужно.

�� Использовать конструкторы WhatsApp-ссылок

Такие конструкторы помогают получить специальную ссылку, которая перенаправляет в нужный чат WhatsApp. Основная масса таких сервисов использует упомянутый wa.me, который сейчас не работает в РФ.

Поэтому мы создали свой ✅ бесплатный конструктор ссылок ватсап, который не зависит от wa.me и работает на базе официального протокола WhatsApp. Он доступен для всех желающих бесплатно без регистрации и рекламы.

Если у человека установлено приложение WhatsApp, сервис предложит перейти в него. Если приложения не установлено – кнопка будет вести на веб-версию.

�� Использовать диплинки

Диплинки – это такие же ссылки, только ведут они не на сайты, а в приложения. Обычные ссылки начинаются с http или https. Диплинки же начинаются с протокола приложения.

К примеру, диплинк Telegram выглядит так tg://resolve?domain=. Вместо троеточия – ник пользователя. Что касается WhatsApp, то можно использовать следующий диплинк: whatsapp://send?phone=79009009090. Номер телефона нужно указывать без + и лишних символов, только цифры.

Если хотите, чтобы после перехода к вам в чат у человека был предустановленный текст в сообщении, то диплинк примет такой вид: whatsapp://send?phone=79009009090&text=Привет. Вместо «Привет» – ваше сообщение.

Есть нюанс. Если такой диплинк вы отправите кому-то в чат или решите добавить в профиль соцсети – он работать не будет. Поэтому, его нужно превратить в обычную ссылку. Для этого используйте любой бесплатный сокращатор ссылок. Стоит еще учесть, что если у человека не установлено приложение, то ничего не произойдет.

�� Использовать мультиссылки

Подробнее про мультиссылки писал в этой статье. Если коротко, то это такие мобильные микро-сайты с аватаркой, описанием и кнопками, которые могут вести на другие сайты и в приложения, в том числе в WhatsApp и Telegram.

В зависимости от сервисов, функционал может отличаться. К примеру, в Тильде можно собрать полноценный лендинг, а в Таплинке – добавить слайдшоу, вопрос-ответ и другие виджеты.

Если нужен самый простой функционал, чтобы быстро объединить ссылки на все мессенджеры и соцсети в одном месте – можете использовать Кликбар. Пример такой ссылки можно посмотреть у меня в профиле или посмотреть страницу Дарьи – кондитера.

Надеюсь, было полезно. Накиньте плюсов этому посту, если это так ��. Спрашивайте в комментариях, если что-то не получилось. Я обязательно помогу.

Накидал тут быстро решение, работает примерно так же как wa.me (определяет тип устройства, и если десктоп, то запускает веб версию, а если мобилка, то через протокол whatsapp:// открывает сразу приложение), только придется ставить к себе на хостинг, либо использовать мой домен для ссылки. Код там же прилагается, кому надо, разберется: https://github.com/justrussian/whatsapp-link/

Проблема вот только с теми, кто на десктопе также использует приложение, а не веб-версию. Вы нас вдохновили сделать универсальное решение: https://clck.bar/whatsapp-constructor

Спасибо, Добрый Человек!

Считаю правильней кидать пользователей десктопов на Веб версию, странно, что так не делает сам воц, а предлагает тыкнуть кнопку: перейти в Воц Веб.

Хотя подождите. Если у вас установлена Программа Виндовс Воц на странице https://api.whatsapp.com/send?phone=79139150817 всплывает окно с предложением открыть Программу под винду. Если программы нет — у тебя остаётся кнопка Перейти в чат — которая перекидывает в Воцап Веб (а окна предложение открыть программу под винду — нет).

Вот самый универсальный способ (его использует сам Воц):

Для мобилок: сразу открывать приложение.

Для десктопа: есть программа воца? — предлагать открыть её.
Воц не установлен — оставлять возможность кликнуть по кнопке — Перейти в чат (лучше назвать её: перейти в чат WhatsApp Web, или просто В WhatsApp Web).

Как в тильде добавить ссылку на whatsapp

Как добавить ссылки на соцсети и мессенджеры

Важно: ссылки на wa.me могут не работать в России без VPN, поэтому использовать данные ссылки не рекомендуется.

Не используйте символ плюса, скобки и дефиса при вводе номера телефона в международном формате.

Важно: ссылки будут работать только если у пользователя на устройстве установлено приложение Viber.

Обратите внимание, что в этой ссылке необходимо указать символ плюса «+» перед номером.

Обратите внимание, что в этой ссылке символ плюса «+» перед номером отсутствует.

Ссылка будет работать только если в аккаунте задано имя пользователя, указать ссылку на номер телефона нельзя.

Также вы можете просто скопировать ссылку на профиль из адресной строки браузера.

Похожие публикации:

1. Kivy что за папка
2. Браслет ми смарт бэнд 4 как включить
3. Как в ворде сделать от а до я сортировку
4. Как вернуть карты в эпл пей