КАК СДЕЛАТЬ, ЧТОБЫ ПРИ КЛИКЕ НА EMAIL ОТКРЫВАЛАСЬ ПОЧТОВАЯ ПРОГРАММА

Если email указан в виджете "Текст":

1. Выделите email и нажмите на кнопку ”Вставить ссылку”.

2. В поле ”URL” введите mailto:ваш_email без пробелов и прочих разделительных знаков, а затем нажмите на кнопку ”Вставить”.

Заметка: После нажатия кнопки ”Вставить” email начнет отображаться синим, желтым или другим цветом с подчеркиванием. Причина - браузеры автоматически распознают наличие email на сайта и изменяют его стилевое оформление согласно своим стандартам.

Если email указан в виджете "Кнопка":

1. Откройте настройки действий кнопки;

2. Выберите действие "Открыть страницу" или "Открыть страницу в новой вкладке";

3. В поле "Ссылка" введите mailto:ваш_email без пробелов и прочих разделительных знаков.

КАК УСТАНОВИТЬ СВОЙ ЦВЕТ И УБРАТЬ ПОДЧЕРКИВАНИЕ ДЛЯ EMAIL В ВИДЖЕТЕ "ТЕКСТ"

1. Повторно выделите email и задайте ему цвет. Цвет не изменится, но вы получите код цвета в rgb формате.

2. Теперь откройте исходный код текста.

3. Скопируйте следующие данные style="color: rgb(255, 255, 255);”

Заметка: rgb(255, 255, 255) - это код заданного цвета, в зависимости от цвета цифры будут отличаться.

4. Поместите скопированные данные в строку, которая выглядит так <a href=”mailto:mymail@example.com” сразу после mailto:ваш_email поставьте пробел и вставьте ранее скопированные данные.

Должно получиться так: <a href=”mailto:mymail@example.com” style="color: rgb(255, 255, 255);”

5. Выполненные выше действия сделают email того цвета, который вы выбрали, а чтобы убрать подчеркивание к строке <a href=”mailro:email@example.com” style="color: rgb(255, 255, 255);” нужно добавить свойство text-decoration: none; чтобы получилось так <a href=”mailto:mymail@example.com” style="color: rgb(255, 255, 255); text-decoration: none;”

Видео-пример:

Ссылки на пример страницы в редакторе и на опубликованном варианте.

ДОПОЛНИТЕЛЬНЫЕ МАТЕРИАЛЫ

Вы нашли ответ?