Как создать и отправить электронную рассылку бесплатно

Существует множество платных опций, предоставляемых многими поставщиками почтовых рассылок, но если вы можете отправить один из своей Gmail, Yahoo, Hotmail и любой другой бесплатной учетной записи электронной почты, вы можете зарезервировать большую часть своего бюджета на другие статьи.

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

Мы расскажем вам, как сохранить собственный шаблон рассылки в виде шаблона HTML и начать его отправку с помощью CampaignMonitor.

Начните с шаблона электронной почты в Photoshop

Если у вас есть представление о том, как должен выглядеть шаблон вашей новостной рассылки, вы можете начать работу с Photoshop. В противном случае вы можете скачать шаблон от многих бесплатных поставщиков шаблонов электронной почты. Конкретных значений ширины и высоты почтового шаблона нет, но чтобы обеспечить его совместимость и удобство чтения с любым письмом без перерывов, мы рекомендуем установить размер ширины не более 650 пикселей. Однако нет никаких ограничений по высоте, так что этот параметр зависит от вас.

Шаблон электронной почты

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

Выбор шрифтов

Вы определенно можете использовать любой тип шрифта, доступный в вашем Photoshop. Но если вы создаете информационный бюллетень, рекомендуется использовать веб-шрифты, такие как Times New Roman, Arial и Georgia. В противном случае используйте ваши специальные шрифты, но сохраняйте их как изображения, а не как текст.

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

1. Нарежьте свой шаблон электронной почты

В этом руководстве мы будем использовать отредактированную версию бесплатного почтового шаблона от CampaignMonitor. Загрузите его здесь, чтобы следовать этому уроку.

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

В этом процессе вы должны разделить каждый пробел, текст, строку и изображение.

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

Следующий инструмент, который вам нужно использовать с Photoshop, это Инструмент выбора фрагмента. Используйте этот инструмент, чтобы исправить каждый нарезанный элемент в вашем шаблоне. Убедитесь, что каждая линия подключена, не оставляйте пустую область, не разрезая их.

С помощью инструмента «Выбор фрагмента» увеличьте масштаб шаблона и проверьте каждый созданный фрагмент. Убедитесь, что каждая линия подключена и исправлена.

Результат будет выглядеть так.

2. Сохранить как шаблон HTML

Когда вы будете готовы с вашим нарезанным шаблоном, перейдите в Файл и выберите Сохранить для Интернета и устройств.

Появится окно с параметрами сохранения. Во-первых, дважды щелкните элемент изображения и назовите его, чтобы вы могли легко распознать файл изображения при его сохранении. Нажмите Хорошо после того, как вы назвали их.

Далее в правом верхнем углу всплывающего окна установите тип изображения как JPEG из выпадающего меню. Качество может быть установлено на 60 или же 80. Если вы установите качество 100, качество изображения будет максимальным, но это сделает ваш шаблон тяжелым.

Теперь нажмите на Сохранить кнопка внизу окна.

Появится новое всплывающее окно. Здесь выберите место, куда вы хотите сохранить файл, затем измените формат на HTML и изображения и установить Ломтики в Все ломтики.

Далее под настройки в раскрывающемся меню выберите Другой.

Другое всплывающее окно появится под HTML раздел, убедитесь, что варианты под «Форматирование», как показано ниже; сделать то же самое для раздела «Кодирование».

Теперь из HTML в раскрывающемся меню выберите Ломтики, и выберите Выход среза в Создать таблицу и установите столбцы следующим образом.

Теперь из Ломтики, идти к Сохранение файлов в раскрывающемся меню перейдите в раздел «Оптимизированные файлы» и проверьте Поместить изображения в папку и установите имя папки с изображениями. Папкой изображений по умолчанию будет «images». Затем нажмите 'ХОРОШО'.

Нажав OK, вы вернетесь в предыдущее всплывающее окно, а затем нажмите Сохранить.

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

Откройте файл .html в своем браузере, и вы увидите, что ваша новостная рассылка теперь преобразована в шаблон HTML.

3. исправить HTML, изменить текстовое изображение на веб-шрифты

В конце следующих шагов вы получите готовый шаблон электронной почты в формате HTML.

Все элементы в бюллетене HTML сохраняются в изображениях, которые включают весь текст. Теперь вам нужно конвертировать текстовые изображения в веб-шрифты. Для этого откройте файл «.html» в редакторе HTML. В этом примере я использую Dreamweaver.

Нажмите на заголовок и проверьте выделенный HTML.

HTML будет что-то вроде этого;

Теперь удалите каждую выделенную строку, или нажмите на изображение заголовка и нажмите «Удалить». После удаления вы увидите область, заполненную цветом фона по умолчанию.

Теперь вернитесь в Photoshop, проверьте детали шрифта заголовка. Вам необходимо получить тип шрифта, цвет и размер.

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

ABC Newsletter

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

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

Следующий необязательный, но вы можете установить рассылку в центр, добавить выравнивание в

раздел.

Чтобы просмотреть окончательный шаблон, откройте файл «.html» в своем браузере;

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

4. Отправить HTML как рассылку через Gmail

Теперь вот небольшая хитрость, чтобы заставить вас отправлять электронную почту в формате HTML прямо из Gmail. Чтобы сделать это, вам нужно загрузить папку с новостями на веб-сервер, но если у вас ее нет, давайте сделаем это с Dropbox..

Использование Dropbox Public Folder

Если вы зарегистрировали свой аккаунт Dropbox до 1 августа 2012 года, вы можете выполнить следующие действия.

1. Зарегистрируйте бесплатную учетную запись в Dropbox, а затем установите приложение на свой ПК или Mac, чтобы можно было пропустить процесс загрузки через Интернет. Пусть приложение сделает загрузку для вас.

   

2. Созданный вами шаблон электронной почты был сохранен в папке. Скопируйте папку и вставьте ее в общественного папка найдена в вашем Dropbox (Dropbox> Общедоступный).

   

3. Теперь найдите файл .html в папке, щелкните правой кнопкой мыши и выберите Копировать публичную ссылку.

   

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

   

5. Вам необходимо скопировать содержимое этого информационного бюллетеня, поэтому используйте клавиатуру и нажмите Ctrl + A, чтобы выделить все, а затем Crtl + C, чтобы скопировать весь контент (для Mac используйте Cmd + A, чтобы выделить все, и Cmd + C, чтобы скопировать).

6. Откройте свой Gmail, нажмите компоновать чтобы получить пустое электронное письмо, щелкните мышью в текстовом поле и затем нажмите Ctrl + V, чтобы вставить новостную рассылку в поле содержимого электронного письма. Пользователи Mac могут нажать Cmd + V

   

7. Ваша новостная рассылка теперь отображается в виде содержимого вашей электронной почты. Введите тему и адрес электронной почты и отправьте свой первый электронный бюллетень!

Использование приложения Site44

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

1. Посетите Site44 и войдите в Dropbox, чтобы начать.

   

2. Разрешить Site44 подключаться к вашей учетной записи Dropbox. В большинстве случаев вам необходимо подтвердить свой адрес электронной почты.

   

3. Нажмите «Нажмите на новый сайт», чтобы начать.

   

4. В разделе «Использование домена site44.com» введите предпочитаемое имя папки для этого веб-сайта в свой Dropbox и нажмите «Создать». В этом случае я используюmynewsletter"как имя моей папки. После этого примите условия использования, чтобы продолжить.

   

5. Теперь Site44 создал новые папки для сайта в вашем Dropbox.

   

6. Скопируйте созданный ранее файл newsletter.html и папку с изображениями в папку Dropbox mynewsletter.site44.com..

   

7. Откройте веб-браузер и перейдите по адресу http://mynewsletter.site44.com/newsletter.html..

   

8. Вам необходимо скопировать содержимое этого информационного бюллетеня, поэтому используйте клавиатуру и нажмите Ctrl + A, чтобы выделить все, а затем Crtl + C, чтобы скопировать весь контент (для Mac используйте Cmd + A, чтобы выделить все, и Cmd + C, чтобы скопировать).

9. Откройте свой Gmail, нажмите компоновать чтобы получить пустое электронное письмо, щелкните мышью в текстовом поле и затем нажмите Ctrl + V, чтобы вставить новостную рассылку в поле содержимого электронного письма. Пользователи Mac могут нажать Cmd + V

   

10. Ваша новостная рассылка теперь отображается в виде содержимого вашей электронной почты. Введите тему и адрес электронной почты и отправьте свой первый электронный бюллетень!

Заключение

Пока папка HTML информационного бюллетеня сохраняется в общей папке Dopbox, ваш получатель сможет правильно просматривать ваш информационный бюллетень, но как только вы удалите папку, ссылка будет разорвана, а получатель сможет только просматривать текст. Я надеюсь, что вы можете следовать этому руководству о том, как создать базовый HTML-бюллетень с помощью Photoshop, а затем отправить его в HTML-форме через Gmail. Если у вас есть другие способы, поделитесь с остальными нашими читателями.