11 Розміщуємо форму підписки практичний email маркетинг

Минулого разу йшлося про планування email маркетингу. Сьогодні хочу поговорити про речі більш конкретних і практичних: як розмістити форму підписки на вашому сайті.

Адже справді - без форми підписки часто немає передплатників, а без передплатників немає і розсилок - що ж тоді планувати? ))

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

Створення форми підписки в MailChimp по кроках

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

1. Заходимо в пункт горизонтального меню Lists. де зібрано все, що стосується бази передплатників - в тому числі, і створення форми для її поповнення.

2. У створеному Вами списку розсилки імені команди Forms. Він відповідає за всі форми, які можна сконструювати за допомогою сервісу: не тільки для підписки, але і для відписки, оновлення профілю та форми "Переслати другові".

3. Нас цікавить перший рядок списку форм - Signup Form.

Трохи нижче 4 вкладки:

- build it - безпосередньо конструювання форми;

- design it - вкладка оформлення (колір кнопок, колір фону);

- translate it - автоматичний переведення полів форми (в тому числі, і на українську мову);

- share it - отримання посилання на готову форму.

Основне, що нам потрібно - build it.

Тут задаємо необхідне нам кількість полів для заповнення форми.

Що ви хочете знати про передплатників? (Див. Докладніше Перші кроки).

Редагуємо поля: у вкладкеfield settingsдоступни параметри для редагування.

Для текстового поля це:

- field lable - назва поля;

- field tag - тег поля, який можна використовувати в змісті листів (наприклад, тег FNAME допоможе вам звернутися до кожного передплатнику по імені);

- reqired field - відмітка, що дане поле є обов'язковим для заповнення;

- field visibility - видимість поля для передплатника:

visible - передплатник бачить поле;
hidden - поле від передплатника приховано.

- help text - допоміжний текст до поля, що пояснює, яку інформацію і навіщо повинен надати передплатник в формі.

- default merge tag value - тег, який буде за замовчуванням присвоюватися користувачеві, якщо він не заповнив поле.

Наприклад, передплатник не заповнили поле Ім'я. Тоді ви можете прописати, щоб при використанні тега FNAME в текстах ваших розсилок для цієї людини використовувалося інше звернення: любий друже, шановний клієнт і т.п.

Коли потрібні параметри проставлені, натискаємо Save Field і переходимо до редагування наступного поля. Для цього наводимо і клікаєм по ньому мишею. А далі виконуємо всі звичайні налаштування в меню field settings.

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

4. наводити мишею на меню For your website зверху і вибираємо в випадаючому списку перший підпункт Sign up Embed code. Тут ми отримаємо код для вставки сконструйованої форми на сайт.

На вибір пропонується 3 варіанти форми підписки:

- Super Slim Form - найпростіша форма, з одним полем (email передплатника).

В принципі, якщо вам нічого більше знати про передплатника не потрібно, то підійде і вона.

- Classiс form - форма, в якій можна врахувати всі ті поля, які ми тільки що конструювали.

Можливо, через технічні причини вам підійде і вона.

Однак найбільше уваги заслуговує Classiс form - вона основна. З нею і рекомендую працювати.

Тут можливі наступні налаштування:

- a title for your form - назва форми;

- вибір між only required fields (відображати в формі тільки обов'язкові для заповнення поля) і all fields (відображати всі поля);

- вибрати, чи потрібно відображати у формі interest group fields (поля інтересів передплатників) і required field indicators (зірочку з позначкою "Обов'язкові поля");

- set form width - задати ширину форми в пікселях.

Додаткова група налаштувань - Enhance Your Form:

- enable evil popup mode - зробити форму підписки у вигляді popup вікна (відношення творців сервісу до такого способу набору передплатників однозначне: злий popup режим);

- include archive link - додати в форму підписки посилання на архів ваших розсилок;

- include MonkeyRewards link - додати в форму посилання на сам сервіс MailChimp;

- include subscriber count chiclet - додати в форму блок з кількістю ваших передплатників (якщо є, що показувати - то чому б і ні?).

Для блогу я вибрав таку конфігурацію налаштувань:

6. Копіюємо код створеної форми з поля знизу і вставляємо на свій сайт - туди, куди вам завгодно: на поля, в підвал сайту, на конкретну сторінку.

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

На цьому все. Сподіваюся, інформація була для вас корисною!

У наступних постах обов'язково розгляну інші цікаві можливості MailChimp - але про все по порядку :-).

P.S. Корисне: більш докладні статті самого сервісу MailChimp про форму підписки (англійською):

P.P.S. У наступній статті подумую розповісти про способи збору email передплатників в офлайні. Тема в будь-якому випадку цікава.

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