Нещодавно мені написала одна з моїх передплатниць — жінка похилого віку та попросила допомогти в одному питанні, пов'язаному з роботою в онлайні. Не буду вдаватися до подробиць того, що я зробив для неї, але я допоміг. І у відповідь вона написала мені, що тепер обов'язково досягне найкращих результатів в онлайні. Обов'язково, тому що повірила в те, що […]
Як більшість людей використовують інстаграм? Винятково для того, щоби викладати свої фотографії. Виходить своєрідний ярмарок марнославства. Якщо говорити метафорично, то типовою фотографією є щось на кшталт цього: Але Інстаграм (хто міг би подумати!) має «друге дно». Я про можливість налаштовувати в цій соціальної мережітаргетовану рекламу, яка показуватиметься саме тим категоріям людей, яким нам треба. […]
Дійшли руки зробити огляд живого тренінгу Інфотрафік та конверсія 2017, який я зовсім недавно організував та провів спільно з Олександром Дірзою. Це буде велика стаття)) Отже – 25 – 28 листопада 2017 року. Москва, готельний комплекс Ізмайлово Альфа. Поїхали! Класні відчуття, коли перед початком заходу люди починають підтягуватись до зали. Ти зустрічаєш їх [...]
Які витрати в інфомаркетингу (інфобізнес)
Не претендую на всеосяжність. Деякі витрати в цю статтю я свідомо не включив, деякі просто забув. Але основні моменти тут відбито: На обладнання Відразу обмовлюся - купувати все це зараз дуже накладно. Найкращий вихід – просто поступово формувати свою домашню студію. І ще один момент – я не найкращий фахівець у всьому цьому.
Вітаю Вас, дорогі друзі! Зараз ми поговоримо про те, що таке підписна сторінка, навіщо вона потрібна і як зробити самому. А також наприкінці статті поділюся своєю невеликою збіркою підписних сторінок, або як їх ще називають «сторінок-захоплення». Даний урок буде корисний усім: як початківцям блогерам, так і інфобізнесменам-початківцям.
Як я вже написав вище — підписні сторінки, це дуже важлива частина для тих, хто веде свої блоги та будує бізнес в Інтернеті. Без сторінок-захоплення не одному, чуєте, не одному блогеру та інфобізнесмену не вдасться обійтися!
Багато хто з Вас знає, що база передплатників – це Золотий Актив, і про нього варто подбати ще на самому початку! Не треба "забивати" на це, або говорити собі "потім, потім, потім", треба діяти вже зараз! Звичайно про всі тонкощі набору передплатників я зараз не розповідатиму, т.к. думаю незабаром написати серію статей на цю тему, або навіть написати безкоштовну книгу. І це буде вже цього літа, думаю на початку липня. Щоб не пропустити раджу!
Обійдемося без тонкощів, але коротко я, звичайно ж, розповім що і як…
Для того, щоб набратися передплатників, спочатку Вам потрібно створити власний безкоштовний інфопродукт, наприклад відеокурс або книга. Після чого створити підписну сторінку (про це у цій статті), та рекламувати свій продукт! Саме таким способом можна спочатку збирати базу передплатників.
А зараз ми поговоримо лише про одну із частин набору передплатників, це підписна сторінка(Сторінка захоплення).
Передплата — це спеціальна сторінка, на яку Ви запрошуватимете людей з підступною метою зробити їх Вашими передплатниками, за допомогою форми передплати.
Я більш ніж впевнений, що з цією сторінкою Ви вже не раз зустрічалися. Тому не варто витрачати час із поясненнями, що це таке… Давайте краще поговоримо про те, які вони мають бути і як зробити самому!
Яким має бути «сайт-воронка»?
З приводу того, якою має бути сторінка-підписки, зараз ходить дуже багато суперечок, як серед новачків, так і серед професіоналів. Тому точної відповіді на це питання на Наразіпросто нема ... І кожен використовує те, що йому подобається, але слід все-таки дотримуватися деяких дуже важливих правил!
— Має бути «гучний» і чіпляючий заголовок.
— Має бути підзаголовок, який «доб'є» клієнта.
— має бути видно без прокручування вікна.
— Форма передплати має привертати увагу.
— Клієнт повинен вірити Вам та віддати свою адресу пошти.
- Наочний приклад того, що клієнт отримає.
Саме таких правил має дотримуватись кожен, хто створює підписні сторінки з метою отримання передплатників. Зараз, давайте розберемо кожен із пунктів трохи докладніше, щоб не залишалося жодних питань. Але перед цим хочеться сказати наступні: дані поради підходять тільки для підписних сторінок, для сторінок, що продають, діє трохи інша тактика, чимось схожа, але дає менший результат.
1. Має бути «гучний» і чіпляючий заголовок.
Під словами гучний і чіпляючий я маю на увазі, що заголовок повинен одночасно нести суть Вашого безкоштовного продукту, і нав'язувати його клієнту! Також заголовок повинен бути читабельним і незабутнім!
Не потрібно поспішати із заголовком. Потрібно сісти, добре подумати, все обдумати, а потім тільки приймати рішення, який заголовок буде. Можливо, на це піде кілька днів, а то й тижнів!
Приклад заголовка:
«Вони думали, що мені це не під силу. Але вони помилилися… я зумів заробити перший мільйон у мережі»
2. Має бути підзаголовок, який «доб'є» клієнта.
Цей підзаголовок дуже важлива частина сторінки, що продає, він повинен бути написав відразу після заголовка. Підзаголовок має бути читабельним і нести пряме значення про що Ваш продукт. Це навіть може бути назва продукту або його сленг.
Приклад підзаголовка:
"Детальна інструкція про те, як заробити мільйон!"
3. Форма підписки повинна бути видна без прокручування вікна.
Ну тут, гадаю, пояснювати навіть і не варто. У підписній сторінки, генератор збору передплатників, тобто форма передплати, має бути видно клієнту відразу після заходу на сторінку, без прокручування вниз (). І, до речі, це стосується не лише до підписних сторінок, а й просто до блогу!
4. Форма передплати має привертати увагу.
Навколо мозолять очі стандартні форми передплати, які пропонують спеціалізовані сервіси, наприклад Smartresponder. І тому такі форми вже не так привертають увагу, як кілька років тому. Про це варто добре задуматися, і зробити щось особливе і привабливе.
Якщо у Вас є знання графічного редактораі html, то тут немає нічого складного, а якщо Ви з ними не знайомі, то варто звернутися до фрілансерів.
Форма передплати має впадати в очі одразу ж після заходу на сторінку, але не варто перетворювати її на «новорічну ялинку».
5. Клієнт повинен вірити Вам та віддати свою адресу пошти.
Ви повинні написати своєму майбутньому передплатнику, що його e-mail адреса залишиться при Вас, в чужі руки не потрапить, і на нього не буде слати спам! Це дуже важливо, ви повинні дати знати, що вам можна довіряти! І, звичайно, не варто розсилати передплатнику десятки листів на день, вони на це не погоджувалися.
6. Наочний приклад того, що клієнт отримає.
Також є важлива частина передплатної сторінки. Ви маєте візуально показати майбутньому передплатнику, що він отримає на ділі. Простих слівмало, тому було б непогано уявити обкладинку продукту або кілька скріншотів, або відео-ролик.
Ось таких правил Ви повинні дотримуватися обов'язково, якщо хочете досягти пристойних результатів за короткі терміни. Це звичайно не всі правила та поради, їх ще багато, але на початковому етапісаме цих цілком достатньо. Якщо Ви хочете більшого, будь ласка, напишіть мені про це в коментарях. Я тоді пришвидшуся з написанням безкоштовної книги.
Як зробити підписну сторінку?
Передплату можна зробити і без особливих знань мов програмування, у тому числі html. Все можна зробити набагато простіше, адже для цього існує велика кількість різних спеціальних. Знайти їх не скласти ніякої праці, просто напишіть у пошуку: «Програма для створення сайтів html», або щось таке.
Особисто я для цих цілей використовую програму Web Page Maker. Про те, як створити за допомогою її простеньку сторінку підписки, я розповідав у своєму безкоштовному відеокурсі. Як створити відеокурс: від А до Я«Який Ви можете завантажити абсолютно безкоштовно тут.
І тому я вирішив, щоб не повторюватися, спеціально для Вас викласти цей урок у відкритий доступ. Переглянути його Ви можете трохи нижче:
Ну, як Вам, все ясно? Якщо є якісь питання, то пишіть у коментарі – я обов'язково відповім та допоможу!
Привіт друзі! Приготувала вам простий і лаконічний шаблон сторінки підписки в html-форматі для завантаження на хостинг. І, звичайно ж, інструкцію щодо його редагування.
Шаблон адаптивний під різні пристрої, складається з:
Заголовка та підзаголовка,
3D коробки інфопродукт для візуалізації,
списку вигод (булітів),
форми підписки – по емейл та через ВК,
підвалу з важливою інформацією(Посилання на ваш сайт або групу ВК, політику конфіденційності, соцмережі).
Приклад цього шаблону:
А тут відеоурок з його редагування:
Також розміщую текстову інструкцію щодо редагування нижче.
1) Спочатку скачайте шаблон за посиланням.
2) Він запакований в архів, після завантаження його потрібно розпакувати в звичайну папку. Клакаєте по архіву правою кнопкою миші та вибираєте «Вилучити в поточну папку».
У вас на комп'ютері має бути встановлений архіватор!
Або подвійним клацанням миші відкриваєте архів і перетягуєте папку з архіву на робочий стіл.
3) Зробіть копію папки із шаблоном. Навіщо? Щоб шаблон залишився, а з поточною копією ви продовжили роботу з редагування.
Натисніть правою кнопкою миші по папці, виберіть «Копіювати».
Потім клацніть правою кнопкою миші по робочому столу і виберіть «Вставити».
4) Відкрийте подвійним клацанням миші скопійовану папку, всередині у вас буде два файли. Файл index.html та папка assets. Почнемо з редагування index.html – це наш шаблон. А в папці assets нам знадобиться лише підпапка з картинками – images. Я покажу, як вам замінити макет 3D коробки вашою обкладинкою продукту.
Інші папки чіпати не треба – вони відповідають за стилі, скрипти та коректне відображення сторінки на різних пристроях.
Для редагування файлу index.html потрібно завантажити та встановити безкоштовний блокнот Notepad++.
Отак виглядає його іконка.
Після встановлення клацніть правою кнопкою миші файл index.html і виберіть «Відкрити в блокноті». Ви відкриєте код шаблону.
Що ми тут редагуємо?
По-перше, заголовок (title), який відображається у браузері – просто напишіть свій текст замість поточного.
Показую на прикладі свого словничка партнера-початківця.
Нижче йде кнопочка «Отримати доступ», при натисканні на яку людину перекидає в кінець сторінки на форму підписки. Тут ви можете написати свою назву на кнопці замість поточної.
Просто підставляєте текст замість мого.
Тут важливо описати, які цінності, користь, вигоди отримає передплатник вашої безкоштовності. І найкраще це працює у вигляді такого списку – чітко за пунктами.
За замовчуванням у ньому 4 пункти, якщо вам потрібно більше, можна скопіювати, наприклад, останній пункт, виділивши відповідну частину коду. Що потрібно виділити я показала на скріншоті, тут важливо копіювати уважно!
натискайте на скріншоти для збільшення
Таким чином, можна скопіювати та додати потрібну вам кількість пунктів.
Якщо, навпаки, потрібно видалити пункт, то також виділяєте блок, як на скріншоті:
І тиснете на клавіатурі Delete. Зайву прогалину в коді також можна видалити за допомогою клавіші Backspace (Back).
Важливо:ця частина роботи з кодом складніша, тому вона більше не для новачків. 4 пункти у списку – оптимальна кількість вигод на підписній, тому можете нічого не видаляти та не додавати у коді!
Тепер нам потрібно замінити форму передплати.Тут простіше, оскільки частина коду, яку мінятимемо, позначена коментарями. Нам потрібно видалити вміст між двома коментарями і вставити код форми підписки від свого сервісу розсилок.
натисніть на скріншот для збільшення
У моєму випадку це Джастклік. Я попередньо створила форму передплати у розділі CRM – Форми передплати.
Тепер просто копіюю її код для вставки на підписну сторінку.
І вставляю замість поточного коду – повністю виділяю цей фрагмент та поєднанням клавіш Ctrl+V вставляю код моєї форми.
натискайте на скріншоти для збільшення
Текст над формою «Введіть свій email у форму нижче…» також можна замінити.
Важливо:щоб зберігати внесені зміни, не забувайте періодично натискати на піктограму дискети «Зберегти» у блокноті Notepad++.
А щоб переглядати в браузері, як змінюється ваша підписна - просто відкривайте в папці файл index.html, двічі клацнувши по ньому лівою кнопкою миші (так ви відкриваєте перегляд шаблону в браузері).
Також ви можете вибрати, в якому браузері відкрити файл, якщо натиснете правою кнопкою миші. Виберіть «Відкрити за допомогою» і натисніть у списку потрібному браузеру(Якщо у вас їх кілька).
Далі в коді шаблону йде кнопка передплати через ВК– у неї ви просто вставляєте посилання на передплату на вашу безкоштовність через Вконтакте. Наприклад, у Senler потрібно заздалегідь створити групу передплатників під цю безкоштовність і скопіювати посилання на групу.
Потім вставити її в кнопку замість значка # між лапками. Напис на кнопці, як і текст «Або отримаєте матеріал у Вконтакті» ви також можете змінити.
Якщо ви хочете прибрати передплату по ВК, виділіть фрагмент коду, як я показала на скріншоті, та натисніть на клавіатурі Delete.
Тепер залишилося відредагувати текст та посилання у підвалі сайту.Тут обов'язково залишаємо Політику конфіденційності. Як зробити політику для свого сайту я показала тут.
І в самому низу замість тексту Ваше ПІБ напишіть свої дані.
А тепер замінимо 3D обкладинку інфопродукту на передплатній. Для цього вам знадобиться створити вашу обкладинку. Якщо ви не знаєте як це зробити, то рекомендую
Розмір підсумкової картинки бажано зменшити, тому що при створенні в сервісі, що рекомендується мною, вона виходить великий (розмір можна змінювати в будь-якому редакторі зображень, у тому числі онлайн). А формат картинки має бути png.
Наприклад, я зменшила розмір з 1500х1500 пікселів наполовину.
Готову картинку потрібно помістити в папку images, яка знаходиться в папці assets – обов'язково давши їй таку ж назву, як у поточної обкладинки – maket, а мою картинку видалити.
Тобто вам потрібно замінити поточну картинку вашої, але обов'язково з такою самою назвою та форматом. Повторюся, ваша картинка повинна називатися maket і формат має бути png!
Коли ви заміните обкладинку продукту на вашу, але з такою самою назвою та форматом, то вона зміниться і в шаблоні передплатної.
Як додати Яндекс.Метрику чи код пікселя від Вконтакте на передплату?
Дуже просто, Метрику або піксель можна розмістити в коді перед тегом< /head>, зробивши пробіл. Якщо розміщуєте і те, і те, можна одразу один після одного.
Коли шаблон відредаговано, саме час відправити сторінку підписки на хостинг, щоб опублікувати її в інтернеті.
А в цій статті ми поговоримо про те, як зробити форму підписки цікавою та як утримати клієнтів у разі відписки.
Форма передплати
Найкраще розмістити форму підписки окремим блоком внизу сторінки або в бічному меню, щоб користувач міг легко знайти її. Можна запрошувати підписатися у спливаючому вікні, але використовуйте цей варіант акуратно, щоб не дратувати користувачів. В ідеалі слід показувати його лише новим відвідувачам сайту.
Невдалий приклад розташування форми у підвалі сайту Yves Rocher
Вдалий приклад розташування форми передплати Mokselle
Основні елементи, які мають містити форма передплати:
Поля введення. Оптимально запитати ім'я та email. Можна обмежитися однією поштою, але тоді ви втрачаєте можливість надсилати персоналізовані листи.
Занадто багато зайвих полів (знайшли у блозі UniSender)
Достатньо полів введення у формі від Ecco
Відсутність інформації у формі відQuelle
Зрозумілий графік листів на сайтіФотосклад
Причина передплати. Обов'язково розкажіть, що буде у листах і чому це вигідно клієнту.
Занадто загальний текст на сайті 123.ru
Привабливий текст від Nike
Також можна дарувати подарунки: знижку, бонусний матеріал, демо-версію сервісу тощо. Приклад тексту від Enjoyme:
Або якщо у вас сайт з продажу послуг, то можна подарувати міні-аудит від експерта (приклад від Urban Decay):
Не зрозуміло, що за листи приходитимуть у формі від Лакодом.
Додатково не забуваємо, що форма має бути помітною (але водночас поєднуватись з дизайном сайту).
Форма втрачається (сайт Lamoda)
Форма – частина дизайну на сайті Adidas
І ще кілька креативних форм підписки для натхнення.
Милий джедай від Seonews:
Яскраве спливаюче вікно від Quelle:
Мила пропозиція стати друзями від Kiehls:
Сторінка передплати
Так-так, ціла сторінка! На окрему сторінку легше запросити користувачів і докладніше розповісти про розсилку.
Отже, що ж на ній має бути:
Приклад хорошого заголовка від Нетології
Опис змісту. Тут можна докладніше розповісти про що листи і як часто вони приходитимуть. Якщо у вас кілька видів розсилок, то коротко розкажіть про кожний і оформіть чекбоксами, щоб користувач міг вибрати сподобалися.
Ємний опис розсилок на сайті Стрічки.ru
Переваги або причина передплати. Так само, як і для форми, на сторінці передплати потрібно показати навіщо користувачеві потрібне розсилання. Можна не виділяти окремим блоком, а поєднати з описом розсилки.
Переваги непомітні у неструктурованому тексті (на сайті Ural Airlines)
Маркований список легко сприймається (компанія H&M)
Якщо ви даруєте подарунок за передплату, то краще показати це в першому екрані, наприклад, у заголовку (на сайті Lamoda):
Форма передплати. Те, що в ній має бути, ми вже обговорили в попередньому розділі.
Приклади листів. Якщо у формі передплати достатньо додати посилання на приклад листа, то зручніше показати його відразу. А ще краще – розмістити кілька листів.
Без фотографій інформація втрачається (на сайті Ipa-Zakon)
Фотографії співробітників розташовують до передплати (Сервіс 1PS)
