Check-moscow.ru

Финансы и учет
0 просмотров
Рейтинг статьи
1 звезда2 звезды3 звезды4 звезды5 звезд
Загрузка...

Как вставить или встроить веб-страницу в тело письма Outlook?

Как встроить опрос Google Form в электронное письмо

Создание опроса для отправки на сотни или тысячи адресов электронной почты может показаться сложной задачей. Основные вопросы: «Будут ли люди заполнять его?» и «Как встроить опрос в электронное письмо? К счастью, Google Forms отвечает на оба этих вопроса.

С помощью Google Форм легко создать интерактивный опрос, который получатели смогут заполнить прямо в своих почтовых клиентах. В этой статье мы покажем вам, как создать опрос в Google Forms и встроить его в электронное письмо, готовое к отправке по всему миру.

Способ загрузки html-письма №1 (с помощью Microsoft Word)

1. Открываем нужный нам .html файл с помощью Microsoft Word (Клик правой кнопкой мышки по нужному файлу — Открыть с помощью)

2. выделить все содержимое файла (Ctrl+A) и скопировать в буфер обмена (Ctrl+C)

Скриншот 1

3. Процесс создания сообщения в Outlook 2016

Скриншот 2

4. Вставьте содержимое буфера обмена в тело письма (Ctrl+V)

Скриншот 3

Вставить опрос Google Form в электронную почту

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

Здесь важно отметить поле «Сбор адресов электронной почты» вверху и форма Включить в почтовый ящик.

Если вы установите флажок «Собирать адреса электронной почты», получателям будет предложено указать свой адрес электронной почты перед заполнением формы. Конечно, вы можете захотеть собрать эти данные, но это может отбить у многих желание заполнять анкету, поэтому будьте осторожны в этом вопросе.

Форма Включить в почтовый ящик полезна, потому что именно это фактически вставляет форму в электронное письмо, а не заставляет получателей нажимать на опрос (что они также могут неохотно делать). Мы рекомендуем установить этот флажок.

Читайте так же:
Как добавить изображение со ссылкой в ​​подпись Outlook?

Если несколько лет назад многие почтовые клиенты не поддерживали опросы Google Forms, то теперь они вполне совместимы. Как вы можете видеть ниже, мы без проблем интегрировали опрос в Outlook.

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

Перво-наперво, проверяем, что наше письмо содержит целиком прописанные ссылки на свои изображения. И что картинки расположены не на локальном диске компьютера, а на внешнем сервере. Иначе, Gmail изображения попросту не увидит, и отображаться в письме они не будут.

Итак, логинимся на Gmail, заходим в свою почту и жмём на «Написать» слева вверху

Логинимся на GmailРис. 1

Раскрывшееся окошко «Новое сообщение» развернём по максимуму, нам далее очень пригодится это пространство

Новое сообщениеРис. 2

Теперь решаем задачу вставки html-кода. Просто скопировать/вставить плодов не принесёт, ибо браузер воспримет эту вставку, как просто текст. Поэтому применим военную хитрость и внедрим код нашего письма в код станицы браузера. Итак, правый клик по полю для ввода текста письма. В выпавшем контекстном меню выбираем «Просмотреть код».

Просмотреть кодРис. 3

Все примеры действий, которые здесь озвучены, базируются на использовании «родного» для Gmail браузера, Google Chrome. Соответственно, используются и названия окон и команд из него. Но в целом, алгоритм универсален, и по аналогии можно действовать и в других браузерах.

Открыв код страницы, браузер Chrome подсветит нам блок кода между тегами

и

. Именно это содержимое определяет отображение html-страницы в теле письма.

Код страницыРис. 4

Отметим, что горизонтальная компоновка окон на этом этапе работы более удобна, и привести окна к такому порядку поможет раскрывающийся список под тремя точками справа вверху вспомогательного окна, как показано на рисунке выше, и в нём надо выбрать средний вариант, «Dock to bottom».

Читайте так же:
Как добавлять и удалять зачеркивание слов в Outlook?

Правый клик по выделенному блоку <div id…>…<div> вызовет контекстное меню, в нём выбираем команду «Edit as HTML» — редактировать, как HTML.

Edit as HTMLРис. 5

Блок с выделением трансформируется в текстовый блок, пригодный для правки. Выделим всё его содержимое, правый клик по выделенному и выберем «Копировать».

КопироватьРис. 6

Теперь нам придётся призвать на помощь текстовый редактор, самый простой — «Блокнот». Делаем с ним два действия. Первое, открываем в нём пустой, чистый без текста файл. И в него копируем содержимое буфера обмена, то, что скопировано нами на предыдущем шаге.

БлокнотРис. 7

Им же, «Блокнотом», через контекстное меню и его команду «Открыть с помощью» откроем файл с нашим html-письмом (шаги 2 и 3 на предыдущем рисунке).

Выделяем в «Блокноте» всё содержимое нашего письма и копируем теперь его в буфер обмена.

Копируем в буфер обменаРис. 8

Теперь возвращаемся окно «Блокнота» с фрагментом кода из Gmail. Находим и выделяем в конце кода оператор <br>, и вставляем вместо него содержимое буфера, т.е. код нашего html-сообщения.

Вставляем содержимоеРис. 9

В результате получится модифицированный код страницы браузера из Gmail с внедрённым в него содержимым нашего письма. Но пока он только в «Блокноте», поэтому выделяем всё в этом, только что дополненном нашим кодом, окне и вновь копируем в буфер теперь уже это содержимое.

Рис. 10

Возвратимся в Chrome. Там блок кода должен у нас находиться в состоянии редактирования для HTML, как после выполнения команды на рисунке 5. Если видим иное, повторяем то действие, приводим блок кода в состояние для редактирования и выделяем его, полностью и весь. По выделенному — правый клик и «Вставить».

Рис. 11

Завершаем операцию кликом по полю для ввода текста письма — и изменения сохранятся.

Завершаем операциюРис. 12

Чтобы выйти из режима редактирования html-кода, закройте окна, отображающие код.

Выход из режима правкиРис. 13

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

Читайте так же:
Как закрепить электронные письма Outlook на панели задач или в меню «Пуск» Windows 7/8?

html-письмо готово, можно отправлятьРис. 14

И под занавес обзора несколько обыденных, но от этого не менее жизненных советов. Первое, не бойтесь экспериментов, всё, что мы тут наредактировали, произошло только на нашей локальной машине, и простое обновление страницы восстановит исходный код. Второй совет банален, но так же важен и вписывается в парадигму хорошего тона, как и указание темы электронного письма: отправьте созданное сначала самому себе, а вдруг незаметная ошибка исказила ваш шаблон? Лучше, если эту неприятность первым увидите вы, а не ваш адресат. Ну и наконец, помните, что созданное вами можно сохранить в виде черновика. Тогда к результату редактирования можно возвращаться вновь и вновь, по мере надобности.

Всё, что нужно знать о шрифтах в рассылках

Несколько лет назад Рос Ходжекисс — супервумен email-маркетинга — написала популярный пост о шрифтах электронной почты. Недавно команда Campaign Monitor обновила эту статью силами двух других самородков от маркетинга — Джастина Ху (Justin Khoo) и Джайны Мистри (Jaina Mistry). Ну а мы решили перевести статью, потому что она суперполезная.

С изменением долей рынка растёт число почтовых клиентов, поддерживающих веб-шрифты. Рекомендуем изучить специфику шрифтов, чтобы оптимизировать пропорции текста и изображения ваших email-кампаний.

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

1. Веб-шрифты против безопасных шрифтов

Скорее всего, вы используете безопасные шрифты в своих ссылках. Arial, Verdana, Georgia, Times New Roman и Coir считаются «безопасными» шрифтами. Это шрифты, подходящие для «живого текста» в электронных письмах. Это стандартные шрифты, которые правильно отображаются на различных компьютерах, устройствах и операционных системах.

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

Читайте так же:
Как добавить визитку к письму в Outlook?

2. Где найти веб-шрифты?

Самый популярный ипростой виспользовании источник веб-шрифтов— Google Fonts. Оннесодержит некоторые популярные примеры, но там можно найти действительно интересные варианты, доступные бесплатно. Да, совершенно бесплатно. Ктомуже, вы можете загрузить любой шрифт накомпьютер, если верстаете письма вAdobe Photoshop или Sketch.

Чтобы использовать веб-шрифты в своих email-кампаниях, обратитесь к любому email-билдеру. Например, Litmus или Campaign Monitor. Мощные билдеры предлагают множество шрифтов, пригодных для email-кампаний и поддерживаемых большинством почтовых клиентов. А если шрифт не поддерживается, он будет автоматически заменён подходящим резервным вариантом — без усилий с вашей стороны. Кроме того, любой хороший email-билдер предложит полезные услуги за дополнительную плату.

3. Лицензирование

Для законного использования веб-шрифтов в Интернете необходима лицензия. Культура лицензирования веб-сайтов, где шрифты используются уже несколько лет, более или менее устоялась. Ноллицензии для наших шрифтов в Интернете все еще редкость.

Информация кразмышлению: большинство лицензий наиспользование веб-шрифтов вэлектронных письмах основаны начисле открытий вмесяц.

4. Совместимость email-клиента

Как и другие элементы email-дизайна, веб-шрифты не на 100% совместимы со всеми почтовыми клиентами.

Поддерживают веб-шрифты

— Apple Mail
— Lotus Notes 8
— iOS Mail
— Outlook 2011 for Mac
— Outlook 2016
— Android App
— Android Mail 2.3, 4.2, 4.4

Не поддерживают веб-шрифты

— Lotus Notes 7, 8.5
— Gmail
— Yahoo!
— Outlook.com, 2003, 2007, 2010, 2013
— Thunderbird
— AOL
— Blackberry
— Alto
— IBM Notes 9

Фактическая поддержка шрифта зависит отпочтового клиента иоттого, как шрифт встроен вemail.

5. Как встраивать шрифты вэлектронную почту

Если вы конвертируете электронную почту в HTML, то легко сможете установить и поддерживать шрифты для Интернета. Мы предлагаем три подхода, каждый из которых имеет различные уровни поддержки в разных почтовых клиентах.

@import

Сегодня метод @import неподдерживается вAOL через IE11 иAndroid2.3.

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

Читайте так же:
Как вставить разрывы страниц в электронное письмо Outlook?

@font-face

<style type=»text/css»>
@media screen <
@font-face <
font-family:’Open Sans’;
font-style:normal;
font-weight:400;
src:local(‘Open Sans’), local(‘OpenSans’),
url(‘http://fonts.gstatic.com/s/opensans/v10/cJZKeOuBrn4kERxqtaUH3bO3LdcAZYWl9Si6vvxL-qU.woff’) format(‘woff’);
>
>
</style>

Рассматривайте @font-face как прямой способ импорта шрифтов. Это более надежно, чем импорт непосредственно из шрифта, поэтому вы можете выбрать формат, который хотите импортировать.

В приведенном выше примере был импортирован формат шрифта WOFF. Он считается одним из самых удобных форматов для электронной почты.

Получить WOFF-версию шрифта из Google Fonts можно только через Safari или Internet Explorer. Найдите нужный вам шрифт и выберите его, нажав на символ «+». В нижней части экрана появится черная полоса — щелкните ее.

Отображение URL выбранного источника (выделено на скриншоте). Скопируйте его и откройте в Safari или Internet Explorer. После этого вы увидите код, который нужно вставить в письмо.

Помните, что если вы используете этот метод в сочетании с Google Fonts, URL-адрес может измениться в будущем. Следите за этим.

Импортировав выбранный вариант любым извышеописанных способов, просто добавьте его вописание шрифта, как поступилибы сArial или Verdana.

<td style wp-block-image»>

Ещё один вопрос, который важно учитывать— «чувство шрифта». Если ваш выбор— шрифт сзасечками (например, Times New Roman), торезервные варианты тоже должны быть сзасечками. Аналогично при выборе шрифта без засечек (как Arial). Эти принципы гарантируют, что общий вид рассылки неизменится при форс-мажорных ситуациях. Дизайн ваших писем должен быть единым для всех клиентов.

8. Версии Outlook 2007/10/13 отображают Times New Roman

Браво, Outlook! Он всегда оригинален, верно? Даже если вы правильно установите резервный шрифт, этот клиент будет показывать неправильный шрифт, но…. Times New Roman.

Хорошая новость втом, что обойти эту проблему несложно. Просто встройте вemail следующий код:

голоса
Рейтинг статьи
Ссылка на основную публикацию
Adblock
detector