Бесплатные шаблоны подписных страниц — изменяем под себя быстро и просто!

Всем привет!

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

как настроить бесплатные шаблоны подписных страниц

Простые страницы-воронки мы делали в прошлый раз при помощи плагина. Но проблема в том, что такие страницы получаются слишком однотипные и похожие друг на друга. Соответственно и конверсия у них очень низкая. А делать нестандартные страницы с мощной конверсией самостоятельно не для всех возможно — необходимо обладать определенными знаниями. Что делать?

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

Изменяем шаблон подписной страницы под себя

1. Скачиваем бесплатные шаблоны, кто еще не успел этого сделать.

2. Для работы нам потребуется html редактор. В идеале — это программа DreamWeaver, но не у всех она есть, к тому же она платная. Можно воспользоваться похожей бесплатной программой, а вернее — приложением SharePoint Designer 2007 - для наших целей вполне подойдет! На ней и буду показывать.

Скачиваем и устанавливаем — это дело пары минут. Скачиваться будет исполняющий файл exe, поэтому система к нему относится настороженно, но можете качать смело — сайт официальный, никаких вирусов нет, все чисто. Когда установится, чтобы запустить, ищите ее в папке C:\Program Files (x86)\Microsoft Office\Office12\SPDESIGN (голубой значок)

3. Открываем эту программу-редактор, Файл — Открыть — выбираем адрес, куда вы сохранили шаблоны и в скачанной папке передвигаемся так:\EffectPageRu\AutoPlay\Docs\БОНУСЫ_1\ШАБЛОНЫ ПОДПИСНЫХ СТРАНИЦ\ШАБЛОН 2 — 2 варианта\1\index

4. В программе делаем настройку: Вид — Страница — С разделением, чтобы был виден и визуальный редактор и код для удобства.

5. Поменяем заголовок на свой. Выделите текст заголовка в визуальном редакторе, а печатайте — в поле кода, чтобы случайно не зацепить код, и чтобы не случилось ошибки:

6. На всякий случай сохраните файл как index1. Исходный файл пусть останется как есть.

7. Тем же образом меняем подзаголовок, остальной текст и буллеты:

8. Сохраняем и можем просмотреть, как будет выглядеть страница подписки в браузере. Для этого нажмите вот эту кнопочку:

9. Сверху — картинка, под вид видео — это такой рекламный ход (поймете в чем он при нажатии). Если девушка не нравится, поменять картинку можно здесь (нажмите на картинку и выделится код, в нем измените только имя картинки, которую будете использовать, положите свою картинку в папку images):

10. К картинке прилагается текст (он всплывает, когда нажимаем на картинку), его тоже можем изменить. Находим текст в коде (он где-то в самом верху) и изменяем его:

11. Осталось вставить форму подписки. В этом шаблоне ее вообще нет. Идем на Smartresponder и открываем там новую рассылку. Подробно как это сделать за 5 минут здесь. В качестве подарка за подписку можем предложить этот же самый набор шаблонов, подписная страница будет как раз в тему. Делаем архив и заливаем его на файлообменник — лучше Яндекс-Диск, а ссылку на скачивание даем в письме.

Когда рассылка готова, идем Формы — Генератор форм подписки (новый лучше не использовать — слишком уж разъезжается). Здесь выбираем свою рассылку и убираем все лишние галочки из формы, или изменяем по желанию:

Должна остаться чистая форма:

Копируем ее код и вставляем в шаблон вот сюда, между <!— Form Begins here —> и <!— Form Ends here —> :

12. И можем еще поставить ссылки на свой сайт внизу. Щелкаем по элементу и в коде, где выделится, меняем текст и ссылку:

13. Еще нужно изменить title, ключевые слова и описание. Опять идем в начало кода и изменяем все это:

14. Подписная страница готова, давайте зальем ее на наш сервер. Идем на хостинг в свою панель управления, открываем Файловый менеджер, находим свой домен (или поддомен, который создали в прошлый раз) и в главной папке public_html создаем еще одну папку: Файл — Новая папка — называем ее кратко латинскими буквами, например shablon. В эту папку нужно будет закачать наш файл index1.html (потом измените на index.html), файл style.css, и создайте здесь еще одну папку images и закачайте в нее все изображения (из папки в наборе images).

Адрес подписной страницы будет: http://ваш сайт.ru/shablon/. Если Ваша страница будет называться как-то иначе, чем index, например stranica, то ее тоже прописывают в адресе: http://ваш сайт.ru/shablon/stranica.html

14. Ну и осталось сделать 3D-обложку, которую мы поместим на свой сайт и которая будет вести на подписную страницу. Воспользуемся также шаблонами из этого же набора.

Как сделать быстро 3D-обложку с помошью готового шаблона?

Нам понадобится программа фотошоп. Если фотошопа нет, можете использовать онлайн-версию, также нужно скачать программу для 3D обложек  Quick 3D Cover - эти две программы и будем использовать, и, конечно те шаблоны, что нам дали бесплатно.

Заходим в программу фотошоп, если ее нет, заходим на ее онлайн версию сюда и открываем в фотошопе любой шаблон, предоставленный нам в наборе. Я возьму EffectPageRu\AutoPlay\Docs\БОНУСЫ_1\ЗАГОТОВКИ для 3D-обложек\Заготовки для боксов\1\Source-do_not_upload.psd

1. Добавляем новый слой и ставим его в самый низ:

2. Выбираем цвет, в какой тональности будет ваша коробочка. Потом берем инструмент заливка и заливаем этот новый слой:

3. Изменяем текст (жмем на слой текста, потом справа на буковку), если не получается изменить, пишем новый, а эти слои текста делаем неактивными:

4. Теперь сохраним изображение как JPEG и откроем его в том же фотошопе. Нам нужно разделить это изображение на 3 части — лицевая часть, боковая и верхняя. Выделяем часть рисунка копируем, создаем новый и вставляем, сохраняем, так у нас получится 3 части:

5. Теперь пришла пора запустить программу для 3D-обложек, что мы скачивали выше. Открываем программу и в каждую секцию вставляем соответствующее изображение, жмем кнопку сохранить изображение:

6. Здесь  проверяем, в каком формате сохранить (png), прозрачный или нет — фон, и сохраняем окончательно:

7. Полученную коробочку можем вставить в сайдбар-виджет над формой подписки, или просто, как картинку-ссылку на подписную страницу. Как это делается мы подробно изучали здесь.

готовая 3D-обложка

8. Также аналогично можете редактировать все другие шаблоны и 3D-обложки, которые, напомню, вам доступны для скачивания здесь. В тех шаблонах, где уже стоит готовая форма подписки, нужно изменить только такие параметры, как uid и did:

 

Их нужно взять из той рассылки, что Вы создали. Идете Формы — Генератор форм подписки, выбираете свою рассылку и в коде формы выискиваете эти параметры. Можно нажать Ctrl+F и в появившееся окошко ввести uid, это слово высветится в коде:

Вот мы и сделали страницу подписки по шаблону. Конечно, и эти страницы не супер-оригинальны, поскольку распространяются бесплатно. Но в вашей власти их как-то преобразовать, чтобы сделать непохожими на другие, главное — включить фантазию и воображение. А уж этого, уверена, у вас предостаточно!

Если есть вопросы, пишите, если нет, все равно — пишите в комментариях, буду рада пообщаться!

Откланиваюсь, будьте здоровы и счастливы, остальное — приложится!

С уважением, Анжелика $окова

.

52 комментария: Бесплатные шаблоны подписных страниц — изменяем под себя быстро и просто!

  • Андрей Чашин говорит:

    Анжелика! Отличное, подробное руководство по созданию подписных страниц! Спасибо!

  • Ирина говорит:

    Давно уже собираюсь сделать подписную страницу, все как-то руки не доходят, хотя понимаю, что это очень важно для нас блоггеров

  • Анжелика!

    Внимательно прочитал статью. Это даже не статья, а подробнейшее, пошаговое руководство. У тебя пропадает талант педагога.

  • Анжелика!
    А теперь немного философии.
    Я не оговорился — у тебя пропадает талант педагога.Ты смогла бы научить даже самого тупого ученика, если бы… он этого захотел. Но… Твой талант не нужен народному образованию. Там сейчас востребованы «педагоги», которые на уроке могут заматериться и «сидеть» вместе с учениками «в контакте» и писать там матюки на стенке.

    • Андрей Чашин говорит:

      Александр Иванович! Научить, конечно, можно и зайца спички зажигать! Но, хорошо бы, чтобы он ещё хотел этого!

      • Привет Андрей!

        Согласен, что научить можно и зайца спички зажигать, а медведя ездить на велосипеде!
        Но, как научить индивидуума, который на вопрос ходил ли он в библиотеку – ответил, что он в Бога не верит и читать библию не будет. (Этот ответ я услышал прошлой осенью)

    • Ирина говорит:

      Александр Иванович, доброго времени суток! Меня задели ваши слова о педагогах, т.к. я таковым и являюсь. Обобщать не нужно, и откуда у Вас такая информация, что цитирую «Там сейчас востребованы «педагоги», которые на уроке могут …. Я думаю мы поняли друг друга.

      • Уважаемая Ирина!

        Сожалею, что мои слова Вас обидели. Но в то же время я не привык обобщать и на чёрное говорить белое.

        1. Я таковым и являюсь т.е. — педагогом уже около 40 лет. В этом году окончил деятельность благодаря инсульту. Имею награды и грамоты министерств образования СССР, УССР, а теперь и Украины. Работал в школе, институте, техникуме. На моих глазах разрушалась лучшая в Мире система народного образования. Или Вы этого не заметили?

        2. А такая информация у меня из живых наблюдений, общений с учениками и студентами, их родителями, наконец, с внуками, которые учатся в школе. Каким родителям понравится, что их ребёнка молодая учительница обозвала не цензурным словом, а потом в добавок всё это «выложила в контакте»
        И обидно то, что её не уволят, т.к. в «ОНО» сидят подобные ей и приняли в школу эту учительницу за деньги. И таких «педагогов» очень много.

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

    • Андрей Чашин говорит:

      Научить можно и зайца спички зажигать! Хорошо бы, чтоб он этого хотел!

  • elena говорит:

    Анжелика, Приветик! Думала я, думала и не чего лучше не придумала (я на счёт темы) как сделать просто продающую страницу. А иначе наверное ни как. Что то в голову более ни чё не лезет!

  • Иван говорит:

    Не знаю, это скорее для инфобизнеса. Полезный урок в любом случае.

  • Vesna83 говорит:

    Анжелика, шаблоны — запакованные, их надо распаковывать?

    • Анжелика говорит:

      Весна, шаблоны в архиве должны быть

      • Vesna83 говорит:

        не, у меня запакованные не открывались, пришлось разархивировать и всё получилось.
        не понимаю, что с моим компьютером. то не открывается это не работает, почему всё не как у всех? )))

        • Анжелика говорит:

          Это бывает у всех с компьютером, у меня тоже то одно, то другое, иногда не понимаешь — отчего зависит, от его настроения, наверное :)

  • Vesna83 говорит:

    Анжелика, у меня на поддомене тема с не слишком широким сайдбаром, посоветуешь установить тему с просторным широким сайдбаром или для сквизи это вообще без разницы?

    • Анжелика говорит:

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

      • Vesna83 говорит:

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

  • Vesna83 говорит:

    хххуууу наконецто я доделала.
    Анжелика, все картинки пришлось загружать по одной (30 штук) так и должно быть? это теперь к каждой новой странице захвата точно также загружать все картинки по одной и каждый раз создавать отдельную папку?

    Потом я еще пока нашла эту страницу-то))) В файловом менеджере прописала Шаблон с большой буквы, а в строке браузера скопировала отсюда со словом шаблон с маленькой буквы, и попадала на страницу ошибки. Когда в Файловом менеджере исправила заглавную букву на прописную, тогда, наконец, смогла попасть на новоиспеченную страницу.
    Анжелика, где ты хранишь ссылки на эти страницы, чтобы не потерять? Если те страницы, которые создавались с помощью плагина можно через тот же плагин и найти, то как и где найти вот эту страницу если я забуду ее адрес?

    Вот моя проба пера, текст буду дописывать потом, когда что-нибудь в голову придет (может кто что подскажет? ;) ), но страница уже рабочая. Всё, огромнейшее Анжелика спасибо за инструкцию по созданию страницы, убегаю в соцсети и на Сабскрайб публиковать ссылку — http://site.mama-na-kuchne.ru/shablon/prostye-recepty-na-novyj-god.html

    • Анжелика говорит:

      Весна, поздравляю, отличная страничка, удачи)) Потом текста добавишь и будет вообще супер))

      • Vesna83 говорит:

        Спасибо! От картинки я вообще в восторге — это мое второе в жизни творение! (первое ты тоже видела недавно) не ожидала что способна будучи полным чайником сотворить такую красоту)))))
        Анжелика, я написала текст http://site.mama-na-kuchne.ru/shablon/recepty-na-stol-na-novyj-god.html
        Очень прошу откомментировать, так как вообще не представляю что там нужно писать

        • Анжелика говорит:

          Обычно пишутся так называемые закрытые вопросы:
          -Хотите удивить своих друзей на Новый Год?
          -Хотите, чтобы Ваш праздничный стол вызывал восторг и восхищение?
          -Хотите при этом потратить минимум сил и времени?
          -Хотите…
          Получайте бесплатно Лучшие рецепты на Новый Год!
          (и опять буллеты):
          -Вы сможете за 15 минут сделать шикарный новогодний салат!
          -Вы узнаете ингридиенты второго блюда, которое достойно лучшего ресторана
          -Вам не нужно больше искать лучшие рецепты по всему Интернету!
          -Вам не придется…
          Все это есть уже здесь: в Лучших рецептах на Новый Год!

          Ну и в том же духе :)

  • Vesna83 говорит:

    А еще, как проследить конверсию на такой странице?

    • Анжелика говорит:

      Весна, нужно установить на основной домен Яндекс-метрику, а в ней уже добавить страницу, за которой хочешь следить

  • Елена говорит:

    Спасибо большое за информацию. Обязательно воспользуюсь

  • Vesna83 говорит:

    Анжелика, как на страницах захвата делают таймер обратного отсчета?

    • Анжелика говорит:

      Весна, это при помощи скрипта, но я еще не делала, поэтому нет его под рукой. Думаю можно в инете поискать.

    • Анжелика говорит:

      Весна, вот нашла плагин таймера обратного отсчета, случайно попался, и вспомнила, что ты спрашивала :) http://wordpress.org/plugins/uji-countdown/

      • Vesna83 говорит:

        А инструкция на русском к нему не прилагалась? :) Спасибо, но боюсь что без твоих инструкций вряд ли смогу сама с ним справиться

  • Александр говорит:

    Анжелика, так не честно! Только хотел написать статью о страницах захвата, созданных при помощи плагинов — о том, что они получаются одинаковые и оттого малоэффективны, а тут Вы об этом-же уже сказали…
    Я все-же может быть напишу — есть кое-какие мысли еще. Действительно страницы захвата лучше делать самому. Я использую для всего сайтостроя редактор notepad++ очень удобно.
    Ну собственно только сегодня закончил такую страницу — вот она: http://info.ddw.kz/mypage/podarok.html
    Вообще всем, кто занимается сайтами рекомендую все-же изучить html-разметку и, как минимум CSS.

    • Анжелика говорит:

      Александр, я не нарочно :) Так получилось :) Отличная у Вас страничка получилась, браво!

      • Александр говорит:

        Спасибо… старался… аж два дня.
        Но тут есть еще один важный момент. Кроме подписной страницы огромное значение имеет и еще одна страница — та, на которую попадет подписчик после подтверждения подписки, где он собственно и получит обещанное и другую важную информацию. С ней я тоже повозился, даже видеоролик пришлось записать типа видеоурока для подписчиков. Этот момент, в смысле страницу, тоже нельзя упускать. Но именно об этом почему-то не пишут. Кстати, у Вас она очень хорошая и, я уже как-то писал Вам, подарки поистине Вы раздаете щедрые. И даже не важно, что я ими воспользуюсь или нет. Тут психологически приятен сам момент их получения. Между прочим, это одна из основных первоначальных причин возникновения доверия, по которой я и стал с удовольствием заходить на Ваш блог и с интересом читать материалы.
        Так что ничего второстепенного тут не существует.

  • Татьяна говорит:

    Спасибо за интересную статью! Анжелика, научи как подарок вручить человеку за первый комментарий. Как связать сам подарок с комментарием.

    • Анжелика говорит:

      Татьяна, как-то вскользь упоминала об этом.. Видимо надо подробнее написать, постараюсь это сделать в ближайшее время :)

  • Мила говорит:

    Чувствую себя абсолютной тупицей… Буду всё делать прямо по пунктам. Спасибо, Анжелика , что всё «разжевала»

    • Анжелика говорит:

      ну что ты, Мила, я сама часто еще не так туплю, а некоторые вещи до сих пор недоступны моему пониманию :) Но будем учиться!

  • Кеша Аксенов говорит:

    Добрый вечер.
    подскажите, а можно ли на подписную страницу, на продажную страницу поставить комментарии Контакта?
    спасибо

    • Анжелика говорит:

      Кеша, добрый день, можно конечно, я часто вижу на таких страницах комм-ты вконтакте, но сама пока не ставила, надо экспериментировать

  • Весна говорит:

    Анжелика, а как заменить картинку со стрелочками (Получить доступ бесплатно) на свою картинку с другими стрелочками?

    • Анжелика говорит:

      Весна, или свою загрузить, или, если встроено в шаблон — через фотошоп

      • Весна говорит:

        Я загрузила свою картинку, в коде поменяла название, но картинка не изменилась. С картинкой с девушкой это получилось, а картинку со стрелочками заменить почему-то не удалось. Изменила название, но там остались те же голубые стрелочки. Но там в коде как-то по-другому — там вроде ссылка закодирована или что. Может ее вообще нужно менять не так как картинку с девушкой, а как-то по-другому…

        • Анжелика говорит:

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

          • Весна говорит:

            Опять не могу найти страницу, пишет
            Sorry, the Server failed to retrieve the requested data.

          • Весна говорит:

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

          • Анжелика говорит:

            Весна, при желании всегда можно что-то придумать ;)

  • Екатерина говорит:

    Анжелика, здравствуйте.У меня вот какая проблема. Стала создавать сайт. Поставила шаблон, установила основные плагины. Начала создавать страницы. И наткнулась на первые подводные камни. У меня почему-то не работает тэг » more». В консоли он появляется, а когда обновляю и перехожу на сайт, то статья опять читается целиком. Перепробовала уже всё. Может, в самом компьютере надо чего-нибудь настроить?

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Поиск по сайту:
Рекомендую:
Рекомендую настойчиво:
Вконтакте
FaceBook

Все статьи сайта | Конкурсы на сайте| Пошаговое создание сайта| Рекомендую | Реклама на сайте

Copyright © 2017. Все права защищены! При копировании строго ссылка на сайт!

Создай свой сайт и заработай на нем Главная сайта.

Как заказать и купить такой готовый сайт, читайте здесь

24 Запросов за 0,284 cекунд.
Индекс цитирования