Здравствуйте, дорогие друзья,
Давайте вспомним, что мини-сайт - воронка - это всего лишь html страница, размещенная в интернете с целью привлечь нашу целевую аудиторию в нашу рассылку. Таким образом, нам предстоит решить три задачи:
1. Создать сам мини-сайт - воронку
2. Разместить его в интернете
3. Направить на него нашу целевую аудиторию.
Для того, чтобы справиться с первой задачей, необходимо понять, из чего состоит такой сайт. На прошлом занятии я показывала вам одну из своих страниц подписки. Сегодня для сравнения предлагаю посмотреть еще одну:
http://web.4wish.ru/gifts_form.html
Как видите, все такие страницы состоят, как правило из двух частей: картинки с текстом и самой формы подписки. Все, что идет до формы подписки, лучше всего сделать одной картинкой. На этой картинке должен располагаться необходимый текст, выполненный броскими шрифтами и и подходящая по смыслу картинка. Примерно так, как это сделано у меня:
Такую картинку можно легко сделать в фотошопе. Однако, если у вас нет такой возможности, то ознакомьтесь самостоятельно с моей статьей "Как создать картинку с текстом. Бесплатная программа для создания картинок Paint". В ней я подробно рассматриваю этот вопрос. Если вопросы все равно останутся, то задавайте их в нашем сообществе под соответствующим постом.
Что же касается формы подписки, то мы сделали ее на прошлом занятии.
Сейчас мы будем исходить из того, что вы уже подготовили такую картинку и форму подписки. Будьте очень внимательны и следуйте за мной по шагам.
1. Заходим в наш аккаунт Blogger и кликаем на кнопку: Новый блог
2. В открывшейся вкладке вписываем название нашей рассылки (не страшно, если это название совпадет с названием нашего первого блога). Выбираем любой свободный адрес и обязательно шаблон: Simple.
После этого кликаем: Создать блог.
3. Кликаем на значок у нашего нового блога и выбираем в открывшемся меню: Настройки.
4. Создаем описание и смотрим, чтобы остальные настройки были сделаны строго, как указано стрелками.
5. Затем переходим на вкладку: Сообщения и комментарии (в левом меню). Устанавливаем настройки строго, как указано на рисунке:
Не забываем сохранить настройки в правом верхнем углу.
6. Переходим в Настройки поиска и делаем соответствующие настройки.
7. Переходим на вкладку: Другое, кликаем на значок у Разрешить фид блога и в открывшемся меню выбираем: Ни одного.
Не забываем сохранить настройки в правом верхнем углу.
8. Переходим на вкладку: Шаблон и кликаем оранжевую кнопку: Настроить.
9. Переходим по ссылке: Дизайн.
10. Выбираем обязательно дизайн с одной колонкой.
Сохраняем свой выбор оранжевой кнопкой в правом верхнем углу: Применить к блогу.
11. На открывшемся внизу макете по очереди переходим по двум ссылкам: Изменить в Архиве блога и Обо мне.
12. В архиве блога кликаем на кнопку: Удалить.
13. Подтверждаем свой выбор, нажав в появившемся окошке на: ОК.
14. Во вкладке: Обо мне также кликаем: Удалить и подтверждаем свой выбор.
15. Переходим на вкладку: Регулировка ширины
16. Устанавливаем максимальную ширину 700 пикселей и переходим на вкладку: Дополнительно
17. Кликаем на вкладку: Фоны и затем на значок у вкладки: Внешний фон.
18. В открывшейся палитре выбираем белый цвет.
19. Видим, что голубой фон исчез, однако осталось некрасивое название и описание. Сейчас мы это исправим.
20. Кликаем: Применить к блогу и переходим Назад в Blogger
21. В левом меню переходим на вкладку: Дизайн
22. В открывшемся макете нам надо будет последовательно сделать изменения в разделах: Значок, Панель навигации, Сообщения блога и Заголовок.
23. Значок надо настроить для того, чтобы убрать фавикон Google
(эмблема около названия страницы). Для этого мы должны подготовить
квадратную картинку нашего логотипа или картинки, отражающей нашу тему.
Когда вы выберете нужную картинку из папки на своем компьютере и кликните: Открыть, дождитесь, когда изображение значка появится во вкладке, как показано стрелкой. Только после этого кликните: Сохранить.
24. Во вкладке: Панель навигации выберите: Выключено и потом кликните: Сохранить.
25. На вкладке: Сообщения блога отключите абсолютно все настройки, убедитесь, что разрешено только 1 сообщение на странице и кликните: Сохранить.
26. Теперь приступаем к настройке заголовка.
В открывшейся вкладке устанавливаем сначала настройки, как показано на картинке и нажимаем кнопку: Обзор.
27. Дожидаемся, когда изображение нашей картинки появляется вместо окошка: Обзор.
Убеждаемся,чтобы была выбрана настройка: Вместо заголовка и описания и кликаем: Сохранить.
28. Теперь мы можем полюбоваться на творение рук своих, для этого переходим по ссылке вверху: Посмотреть блог.
Мы видим, что заголовок и описание благополучно заменились на нашу прекрасную картинку. Однако осталась рамка: Сообщения отсутствуют, ссылка: Главная страница и сведения об авторстве Blogger внизу, что не есть справедливо, ибо от шаблона Simple ничего не осталось, и авторство теперь бесспорно наше. Все это легко поправить.
Рамка: Сообщения отсутствуют исчезнет сама собой, как только мы опубликуем наше сообщение.
Займемся удалением ссылки: Главная страница. Это очень просто.
29. Переходим на вкладку: Шаблон в левом меню и на открывшейся вкладке кликаем: Настроить.
30. Далее переходим на уже знакомую нам вкладку: Дополнительно.
31. В открывшейся вкладке кликаем на: Ссылки.
32. В следующей открывшейся вкладке находим три настройки: Цвет ссылки, Цвет посещенных ссылок и Цвет ссылки при наведении на нее мышью.
Во всех трех настройках выбираем белый цвет.
Смотрим на макет внизу страницы и видим, что ссылка: Главная страница исчезла.
Чтобы убрать ее, находим на той же вкладке настройку: Цветовые акценты, затем: Цвет границ вкладок и устанавливаем в ней белый цвет.
Не забываем нажимать оранжевую кнопку: Применить к блогу в правом верхнем углу.
Не забываем сохранить настройки, кликнув на: Применить к блогу и переходим по ссылке рядом: Назад к Blogger:
Теперь нам предстоит убрать внизу страницы авторство Blogger. Для этого надо удалить фрагмент кода html из выбранного нами шаблона. Это немного сложно, но вы справитесь. Все, что вам потребуется - это быть предельно внимательными. Итак, поехали.
33. Выбираем вкладку: Шаблон в левом меню и затем кликаем на кнопку: Изменить html
34. Перед нами открылся html код шаблона.
Нам необходимо найти в нем и удалить вот этот фрагмент кода html:
<b:section class='foot' id='footer-3' showaddelement='no'>
<b:widget id='Attribution1' locked='true' title='' type='Attribution'/>
</b:section>
Будьте предельно внимательны:
1. Очень аккуратно копируем этот код на мышку.
2. Входим на вкладку Blogger с кодом html нашего шаблона.
3. Нажимаем последовательно две кнопки на нашей клавиатуре: Ctrl + F
4. Внизу окна вашего браузера появляется окно поиска. Примерно такое:
Вставляем в него скопированный нами на мышку фрагмент кода и кликаем на ссылку: Следующее
5. Нужный нам фрагмент кода сразу же высвечивается на коде шаблона другим цветом:
6. Очень аккауратно выделяем эти три строчки курсором. Будьте очень внимательны, любой незамеченный символ может стать причиной ошибки.
Затем кликаем по выделенному фрагменту правой кнопкой мышки и выбираем команду: Вырезать.
7. После того, как выделенный фрагмент исчезнет из кода шаблона, кликаем на: Сохранить.
8. Система ругается и показывает нам зловещее предупреждение:
Однако мы неумолимы, нас уже ничем не запугать, и мы смело кликаем на кнопку: Удалить виджеты.
9. Снова возникает окно с кодом. Кликаем еще раз: Сохранить и закрываем окно, кликнув на крестик в правом верхнем углу.
Теперь мы можем снова кликнуть на: Посмотреть блог и видим, что Blogger больше не претендует на авторство. Надпись внизу страницы исчезла:
Все, что нам осталось сделать, это вставить в сообщение нашу форму рассылки.
35. Переходим на вкладку: Сообщения в левом меню и затем по ссылке: Создать сообщение
36. Перед нами открывается редактор сообщений, в котором мы должны выбрать вкладку: HTML
Когда мы перешли на вкладку: HTML, нам открылась вкладка вот с таким кодом. Этот код надо выделить и удалить, а на его место вставить теги: <center> и </center>. Должно получиться вот таким образом:
Между этими тегами и надо вставить код формы нашей подписки, который мы сделали на прошлом занятии.
37. Открываем блокнот, в котором мы сохранили код формы подписки, копируем его на мышку и вставляем в этот промежуток.
После этого кликаем: Создать.
38. Должно получиться вот так:
Если все в порядке, кликаем на: Публикация.
39. Возвращаемся в Blogger и кликаем: Просмотреть блог
Если вы все сделали правильно, у вас должна получиться такая картина:
Что ж, поздравляю вас! Вы разместили в интернете свой первый информационный ресурс, мини-сайт - воронку.
Теперь пользователи интернета смогут находить его и подписываться на вашу рассылку. Если вы скопируете его адрес в адресной строке и станете делиться им, то люди смогут попадать по этой ссылке на ваш мини-сайт - воронку.
Однако наша задача добиться того, чтобы наша целевая аудитория целенаправленно и массово попадала на нашу страницу подписки, поэтому мы на этом не остановимся и будем учиться дальше продвигать нашу страницу подписки.
Если же у вас ничего не получилось (такое по началу бывает часто), вы запутались и не знаете, что делать, то просто смело уничтожайте неправильный блог (это можно сделать в Настройках на вкладке: Другое), отдохните, успокойтесь и начните все сначала. С какого-то раза обязательно получится. Все так начинали.
Комментариев нет :
Отправить комментарий