Як створити та надіслати електронний бюлетень безкоштовно

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

Якщо ви шукаєте краще керовані інформаційні бюлетені з інструментами для відстеження вашої електронної пошти, зверніться до платної послуги, але якщо ви хочете просто надіслати бюлетень кільком друзям, вам сподобається цей посібник..

Ми допоможемо вам зберегти власний шаблон інформаційного бюлетеня як шаблон HTML і почати їх надсилати за допомогою кампанії CampaignMonitor.

Почніть з шаблону електронної пошти у Photoshop

Якщо у вас є уявлення про те, як ви хочете, щоб ваш шаблон інформаційного бюлетеня виглядав, ви можете почати працювати з Photoshop. В іншому випадку можна завантажити шаблон із багатьох безкоштовних провайдерів шаблонів електронної пошти. Немає специфічної ширини та висоти шаблону електронної пошти, але щоб переконатися, що він сумісний і читається на будь-якій електронній пошті без перерв, пропонуємо встановити розмір ширини не більше 650px. Однак обмежень на висоту немає, тому параметр залежить від вас.

Шаблон електронної пошти

З шаблоном електронної пошти ви можете бути настільки ж креативними, але майте на увазі, що з більшою кількістю креативних елементів буде зроблено більше зусиль для нарізки кожного елемента. Шаблон, який ми будемо використовувати, має лише кілька простих елементів: заголовок, фотографію, рядки та текст для користі цього посібника.

Вибір шрифтів

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

Спробуйте обмежити кількість збережених зображень у шаблоні, оскільки це збільшить кількість зображень і, відповідно, займе більше часу.

1. Нарізати шаблон електронної пошти

У цьому посібнику ми будемо використовувати відредаговану версію безкоштовного шаблону електронної пошти від CampaignMonitor. Завантажте його тут, щоб слідувати цьому підручнику.

Тепер, коли ви готові з шаблоном електронної пошти, відкрийте його за допомогою Photoshop, виберіть Інструмент зрізу і розпочати нарізання кожного елемента шаблону.

У цьому процесі потрібно прорізати кожен простір, текст, рядок і зображення.

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

Наступним інструментом, який потрібно використовувати з Photoshop, є Інструмент "Вибір фрагмента". Використовуйте цей інструмент, щоб виправити кожен нарізаний елемент у вашому шаблоні. Переконайтеся, що всі рядки підключені, не залишайте жодної порожньої області, не розрізаючи їх.

За допомогою інструменту "Вибір фрагментів" змініть масштаб вашого шаблону та перевірте кожен фрагмент, який ви зробили. Переконайтеся, що всі лінії підключені та виправлені.

Результат буде виглядати наступним чином.

2. Зберегти як шаблон HTML

Коли ви готові зі своїм нарізаним шаблоном, перейдіть до Файл і виберіть Зберегти для веб-і пристроїв.

З'явиться вікно зі параметрами збереження. По-перше, двічі клацніть на елемент зображення та назвіть його так, щоб ви могли легко розпізнати файл зображення, коли він буде збережений. Натисніть в порядку після того, як ви назвали їх.

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

Тепер натисніть кнопку Зберегти у нижній частині вікна.

З'явиться нове спливаюче вікно. Тут виберіть пункт призначення, у якому потрібно зберегти файл, а потім змініть формат на HTML та зображення і встановіть Скибочки до Усі фрагменти.

Далі, під Налаштування у спадному меню виберіть Інший.

Інше спливаюче вікно з'явиться під HTML переконайтеся, що вибір у розділі "Форматування" наведено нижче; Зробіть те ж саме для розділу "Кодування".

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

Тепер від Скибочки, йти до Збереження файлів у випадаючому меню перейдіть до розділу "Оптимізовані файли" та перевірте Помістіть зображення в папку і встановіть назву папки зображень. Типова папка зображень буде "зображенням". Потім натисніть кнопку 'В ПОРЯДКУ'.

Натиснувши кнопку ОК, ви повернетеся до попереднього спливаючого вікна, а потім натисніть Зберегти.

Після натискання кнопки "Зберегти" відкрийте папку розташування, до якої збережено файл, і ви побачите папку html і images, що містить нарізані зображення, вже збережені для вашого шаблону електронної пошти..

Відкрийте файл ".html" у своєму веб-переглядачі, і ви побачите, що ваш інформаційний бюлетень тепер перетворений у шаблон HTML.

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

Наприкінці наступних кроків ви отримаєте завершений шаблон електронної пошти у форматі HTML.

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

Натисніть на заголовок і перевірте виділений HTML.

HTML буде щось подібне;

Тепер видаляйте всі виділені рядки, або ж клацніть на зображенні заголовка і натисніть delete. Після видалення ви побачите область, заповнену типовим кольором тла.

Тепер поверніться до Photoshop, перевірте деталі шрифту заголовка. Потрібно отримати тип, колір і розмір шрифту.

Як тільки ви отримаєте деталі шрифту, введіть текст заголовка в області заголовка шаблону і включіть також деталі шрифту. У моєму прикладі мій HTML-заголовок полягає в наступному:

Бюлетень ABC

У рядку HTML вище вказано "стиль". Тут ви визначаєте колір фону, сімейство шрифтів, розмір шрифту, а також інтервал між літерами. Спробуйте заповнити текстове простір відповідним міжряддям і розміром шрифту; переконайтеся, що він не порушує ваш шаблон.

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

Далі не обов'язково, але ви можете встановити інформаційний бюлетень у центр, додати вирівнювання в

розділ.

Щоб переглянути остаточний шаблон, відкрийте файл ".html" у своєму веб-переглядачі;

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

4. Надішліть HTML як інформаційний бюлетень через Gmail

Тепер ось невеликий трюк, який допоможе вам надіслати електронну пошту HTML безпосередньо з Gmail. Щоб це було зроблено, вам дійсно потрібно завантажити папку розсилки на веб-сервер, але у випадку, якщо ви її не маєте, ви зможете зробити це за допомогою Dropbox.

Використання загальної папки Dropbox

Якщо ви зареєстрували свій обліковий запис Dropbox до 1 серпня 2012 року, виконайте наведені нижче дії.

1. Зареєструйте безкоштовний обліковий запис за допомогою Dropbox, а потім встановіть програму на ПК або Mac, щоб можна було пропустити процес завантаження через Інтернет. Нехай програма зробить завантаження для вас.

   

2. Створений шаблон електронної пошти було збережено в папці. Скопіюйте папку та вставте її в папку Публічний у папці Dropbox (Dropbox> Public).

   

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. Відвідайте сайт 44 і ввійдіть у службу 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 Public, ваш одержувач зможе правильно переглядати ваш інформаційний бюлетень, але як тільки ви вилучите папку, посилання буде порушено, і одержувач зможе переглядати текст. Я сподіваюся, що ви можете слідувати цьому підручнику про те, як можна створити основний бюлетень HTML за допомогою Photoshop, а потім надіслати в HTML-форму через Gmail. Якщо у вас є інші способи, поділіться з іншими нашими читачами.