Как создать кнопку для звонка с сайта и добавить ссылки mailto в HubSpot
Через кнопку для звонка на сайте посетители смогут связаться с вами в одно касание. А ссылки mailto помогут посетителям быстро отправить вам письмо из почтовой программы по умолчанию.
Добавлять такие ссылки можно в CTA-кнопку (call-to-action) или в статьи на сайте (через модуль форматирования текста в HubSpot). Кроме того, вы можете добавить эти ссылки вручную. Например, в текст персонального письма или в другой тип контента.
Как создать ссылку для звонка
Как добавить ссылку для звонка
- Выделите текст или изображение, в которые вы хотите добавить ссылку для звонка.
- Нажмите на иконку добавления ссылки на панели инструментов.
- В поле URL введите tel:5555555555, где 5555555555 – это ваш номер телефона. Вам не нужно выбирать Open link in new window, поскольку такая ссылка открывает стандартную программу для звонков на устройстве пользователя.
Примечание: в ссылке для звонка недопустимы пробелы и дефисы (тире). - Нажмите Add link.
- Опубликуйте изменения кнопкой Publish (справа вверху).
Как добавить ссылку для звонка в CTA
- Откройте свой HubSpot-аккаунт и перейдите в Marketing > Lead Capture > CTAs.
- Для изменения уже существующей CTA, наведите курсор на нужную кнопку, нажмите Actions и выберите
- Подберите дизайн кнопки, а затем нажмите Next (справа внизу) для настройки действия.
- В выпадающем меню URL redirect type выберите Phone number.
- Укажите код страны и добавьте номер телефона.
- Нажмите Save.
Как создать ссылку для письма (mailto)
Такая ссылка открывает стандартную почтовую программу на устройстве пользователя и автоматически создает новое письмо с заполненным адресом получателя.
Эту ссылку можно добавить в CTA, либо вставить ее в редакторе форматирования текста.
Если вы не пользуетесь ни CTA, ни редактором форматирования, то можете добавить ссылку для письма вручную. Выделите текст, в котором будет ссылка, и укажите в адресе ссылки: mailto:адрес_получателя@почта.ру.
Как добавить тему письма в ссылку mailto
В HubSpot можно не просто добавить ссылку для создания письма, но и прописать его тему. Поскольку в ссылках недопустимо использование пробелов, этот символ следует заменить на %20. После нажатия на ссылку mailto символ %20 будет отображаться как пробел в теме письма.
Например, вы хотите создать ссылку для письма с темой Start of Springtime Sale. Заменив пробелы на %20, у вас получается следующее:
[email protected]?subject=Start%20of%20Springtime%20Sale
Как добавить ссылку для письма в модуле форматирования
Контактные ссылки — Поддержка
В этом руководстве содержатся инструкции по созданию контактной ссылки для электронной почты, телефона WhatsApp и Skype.
Обратите внимание, что существует возможность использования спамерами сценариев для поиска на веб-сайте адресов электронной почты или номеров телефона. При создании таких ссылок возможно увеличение количество спама. Вместо этого можно воспользоваться контактной формой.
В качестве альтернативы можно указать адрес электронной почты или номер телефона в своем блоге с пробелами или прописью символов. Например, вместо того чтобы использовать такую контактную ссылку, как [email protected], запишите адрес одним из следующих способов: hello на mygreatnewblog точка com или hello @ mygreatnewblog . com.
Содержание
Создание ссылок на электронную почту
Чтобы создать ссылку на электронную почту, введите свой адрес электронной почты в виде обычного текста, затем добавьте ссылку на этот текст в mailto:[email protected][email protected] своим адресом электронной почты).
Если вы не знаете, как добавить ссылку в текст, См. руководство.
Вы также можете добавить ссылку для блока «Кнопки», как показано ниже:
Добавьте интерактивную ссылку на электронную почту в блок «Кнопки».Это также можно сделать с помощью следующего HTML:
<a href="mailto:[email protected]">Отправить эл. письмо!</a>
Этот код можно разместить в блоке «Произвольный HTML» и выполнить соответствующие настройки.
Создание ссылок на телефон
Большинство современных мобильных браузеров имеют возможность вызова номера телефона непосредственно из веб-сайта благодаря функции «Нажмите, чтобы позвонить». Тем не менее не во всех браузерах номер телефона автоматически превращается в интерактивную ссылку. Далее показано, как сделать это вручную.
Если вашим номером является +1 (333) 333 4444, оставьте ссылку на текст для tel:+1-333-333-4444.
Вы также можете добавить ссылку для блока «Кнопки», как показано ниже:
Кроме того, можно воспользоваться методом HTML:
<a href="тел.:+1-333-333-4444">+1 (333) 333 4444</a>
Всегда используйте международный формат набора в HTML.
Создание ссылок на WhatsApp
Вы можете добавить на свой сайт ссылку на WhatsApp, что позволит читателям отправлять вам сообщения через мобильное приложение WhatsApp или его веб-версию.
⭐
Используете новый редактор блоков? Рекомендуем вместо него попробовать новый блок «Кнопка WhatsApp».
Если вашим номером является +1 (333) 333 4444, оставьте ссылку на текст для
Если вы применяете метод HTML, можете воспользоваться следующим форматом:
<a href="https://wa.me/13333334444">Отправить сообщение по WhatsApp!</a>
Напоминаем, всегда используйте международный формат набора в HTML
Вы также можете пригласить посетителей вступить в группу WhatsApp. Для этого сначала необходимо создать ссылку:
- В приложении WhatsApp откройте группу, приглашение в которую вы хотите добавить.
- Щёлкните имя группы, чтобы открыть её настройки. В конце вы увидите список участников, а также опцию приглашения с помощью ссылки.
- Скопируйте ссылку (она будет выглядеть приблизительно следующим образом:
https://chat.whatsapp.com/alphanumerical_group_id). - Добавьте эту ссылку на свою страницу, в запись или текстовый виджет.
Создание ссылок на Skype
Вы можете создать ссылку, инициирующую вызов Skype.
Если вашим именем пользователя Skype является «skypeusername», создайте ссылку на текст для skype:skypeusername?call.
Вы также можете использовать этот HTML:
<a href="skype:skypeusername?call">Вызов по Skype пользователя skypeusername </a>
Так же, как и другие, эту ссылку можно добавить на страницу, в запись или блок «Произвольный HTML».
Разнообразие тарифных планов и ценовых предложений
Бесплатно
Personal
Оптимальный вариант для представления своего хобби
Premium
Оптимальный вариант для фрилансеров
Business
Оптимальный вариант для малых предприятий
Ваша оценка:
Генератор ссылок Mailto (простой и бесплатный)
Легко создайте свою ссылку с помощью этого бесплатного генератора ссылок Mailto
Кому* Копия Скрытая копия Тема Электронная почта Текст ссылкиСоздайте бесплатную ретроспективу для своей команды
В этой статье вы узнаете, что такое mailto и как использовать EasyRetro.
mailto — это схема универсального идентификатора ресурса (URI). для адресов электронной почты. Он используется для создания гиперссылок на веб-сайтах, которые разрешить пользователям отправлять электронные письма на определенный адрес непосредственно из HTML-документ без необходимости копировать его и вводить в электронное письмо клиент.
- получатель
- копия (копия)
- скрытая копия (скрытая копия)
- тема
- тело
Ссылка mailto может содержать один или несколько из указанных выше параметров.
Кому или получателю
Самым основным является адрес электронной почты получателя. Обычно это будет заполнен вашим собственным адресом или адресом электронной почты для вашего Компания.
Копия или копия
Это должно быть заполнено адресом электронной почты второстепенный получатель, например, когда и отделу поддержки, и отделу обслуживания клиентов требуется чтобы получить сообщение.
СК или Слепая копия
Субъект
Это как заголовок вашего электронного письма, отображаемый в уведомлениях по электронной почте и
почтовые клиенты.
Здесь вы можете ввести что-то вроде: «Свяжитесь по поводу UX
Открыта вакансия дизайнера».
Тело электронной почты
Тело электронной почты — это полное сообщение, которое вы хотите отправить. Для mailto, это может быть какой-то общий текст, который даст вам некоторые контексте, например: «Я читал ваш пост в блоге об услугах дизайна UX и хотел услышать больше об этом!».
Текст ссылки
И последнее, но не менее важное: текст ссылки не связан с самой почтой. а вообще по ссылкам. Вы можете заполнить его любым текстом, который вы хотите, и мы сгенерирует тег привязки в HTML с соответствующей ссылкой mailto в качестве атрибут!
Хорошим вариантом для этого поля будет что-то вроде «Свяжитесь с нами».
Мы считаем, что правильные инструменты могут привести вашу команду к успеху, поэтому мы всегда приносит вам некоторые забавные и простые в использовании инструменты!
Взгляните на нашу Академия Ретроспектива, вы найти полезные инструменты и контент! Вы также должны проверить Блог EasyRetro, где вы получите ценный контент с советами, шагами и руководствами, которые помогут вам с вашими ретроспективами!
Благодарим вас за использование генератора ссылок Mailto
Создайте бесплатную ретроспективу для своей команды
Синтаксис Mailto Link: полное руководство
Для небольшого проекта пришлось создать смарт 9Ссылка 0069 mailto , чтобы сделать мою жизнь немного проще.
Я хотел, чтобы ссылка mailto содержала не только номера с по и тему (это я уже понял), но и многострочное тело. Оказывается, сделать это чертовски просто. Итак, для моей и вашей справки, вот полный обзор всего, что возможно с помощью ссылки mailto.
Есть несколько переменных, которые вы можете использовать, которые вы должны сделать в стандартном формате URL, не забудьте правильно закодировать и , если вы заботитесь о достоверности вашего HTML, поэтому вы используете &ампер; в этом случае. Вот полный синтаксис ссылки mailto:
ссылка на почту
Вот переменные, которые вы можете использовать в mailto ссылки:
| почта: | , чтобы указать получателя или получателей, разделенных запятой |
| &cc= | для установки получателей копии |
| &bcc= | для установки получателя(ей) скрытой копии |
| &тема= | , чтобы установить тему электронной почты, кодировать URL для более длинных предложений, поэтому замените пробелы на %20 и т. д. |
| &тело= | , чтобы установить текст сообщения, вы можете добавить сюда целые предложения, включая разрывы строк. Разрывы строк должны быть преобразованы в %0A . |
Некоторые примеры ссылок mailto
Простая ссылка mailto:
ссылка на почту
ссылка на почту с темой:
ссылка на почту
ссылка на почту с несколькими получателями:
ссылка на почту
ссылка на почту с CC :
почтовая ссылка
Ссылка mailto с телом сообщения уже запущена:
ссылка на электронную почту
Ссылка mailto с 3 строками тела сообщения:
com?body=these%20mailto%0Alinks%20are%0Acool"> почтовые ссылки
Ссылка mailto с 3 строками тела сообщения и скрытой копией:
почтовые ссылки
Как видите, вы можете добавить их сколько угодно и ставить друг на друга. Помните, что после адреса электронной почты вы будете использовать знак вопроса для префикса первой переменной и амперсанд ( & ) для каждой последующей переменной.
Удачного кодирования и рассылки!
Joost de Valk
Joost de Valk — интернет-предприниматель и основатель Yoast. После продажи Yoast он перестал работать на постоянной основе и выступать в качестве советника компании, но вернулся в качестве временного технического директора. Он также является руководителем стратегии WordPress для материнской компании Yoast Newfold Digital. Йоост вместе со своей женой Марике активно инвестирует и консультирует несколько стартапов через свою компанию Emilia Capital.
