сделать страницу подписки

Как сделать страницу подписки бесплатно

Сегодня я хочу рассказать, как бесплатно сделать страницу подписки, без знаний html и css.

Постараюсь рассказать просто и понятно.

Дело в том, что я очень долго искал быстрый способ как сделать страницу подписки, но почему-то попадались способы, которые требовали либо знаний html и css, либо оплаты за пользование сервисом.

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

Давайте не будем затягивать и начнем прямо сейчас!

Для начала, скачайте предложенные шаблоны.

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

В архиве находится 6 папок.

страница подписки

Первые три папки (Shablon blue, Shablon green и Shablon red) это сами шаблоны подписных страниц.

Чтобы было проще ориентироваться, я их подписал по цвету (красный, зеленый и синий).

В папке Графика, находятся интересные картинки, которые вы сможете поставить себе на страницу подписки, если вас не устроит та, которая уже стоит в шаблоне.

В папке Программы, находятся знакомые вам программы, которые могут вам, понадобится, если вы захотите что-то изменить в шаблоне.

Ну и в последней папке, собственно сама инструкция о том, как сделать страницу подписки.

В папках с шаблонами находится два файла, и папка с картинками.

страница подписки

В файлах style.css и index.html я постарался сделать понятные подсказки.

Выглядят они вот так.

страница подписки

 

страница подписки

Перейдем к процессу редактирования шаблона.

Рассказывать буду на примере шаблона Shablon blue

Это первый шаблон в нашем списке.

Открываем папку с шаблоном.

Нажимаем правой кнопкой мыши на файл index.html и открываем его с помощью программы Notepad ++.

Точно так же, открываем файл style.css

страница подписки

Если у вас еще не установлена программа Notepad ++, ее можно установить из папки Программы.

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

Для того чтобы просмотреть результат, нажимайте кнопку сохранить в Notepad ++.

страница подписки

И открывайте файл index.html с помощью любого браузера.

Для тех, кто не знает, сделать это можно двойным щелчком левой кнопки мышки.

Вот что получилось у меня. Хотя, если вы ничего не редактировали, у вас все должно выглядеть именно так.

Давайте рассмотрим обязательные поля для редактирования.

страница подписки

страница подписки

Ведь эти шаблоны я подстраивал под свой блог и свой сервис рассылки.

Ниже я указал, где расположены данные элементы на готовой странице.

страница подписки

Кстати, в связи с закрытием сервиса Smartresponder.ru я перенес свою базу подписчиков на сервис Sendpulse.com, поэтому в шаблонах указан код именно этого сервиса.

Сервис рассылок Sendpulse.com очень приглянулся. Все можно попробовать абсолютно бесплатно.

К примеру, вы ведете только рассылку новых статей своего блога. Сервис позволяет отправлять 15000 писем бесплатно.

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

Так что, если у вас еще нет аккаунта в сервисе рассылок или вы еще в раздумье после закрытия Smartresponder.ru, смело регистрируйтесь в сервисе рассылок от Sendpulse.com.

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

страница подписки бесплатно

Вернемся к нашей форме подписки.

В случае необходимости, можно изменить код формы подписки на другой.

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

Если вы решили изменить предложенную мной картинку, то выбирайте понравившуюся из папки Графика. Копируйте ее в папку images выбранной темы и изменяйте название в index.html (17 строка или № 4 на скрине выше).

Так же, вы можете добавить собственную картинку.

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

Проще всего это сделать, используя программу FileZilla.

В папке вашего домена создавайте папку для страницы подписки, например podpiska и загружайте туда файлы index.html, style.css и папку images.

страница подписки

В моем случае index.html переименован в news.html, но вам это делать не нужно.

На этом все.

Теперь, ваша страница подписки будет доступна по адресу https://alexshchukin.ru/podpiska/news.html

Естественно, ваша ссылка будет другой, но думаю, суть вы уловили.

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

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

Задавайте вопросы в комментариях статьей, либо свяжитесь со мной по e-mail: admin@alexshchukin.ru, либо постучать в skype: alekseishchukin.

Не забывайте подписаться на новости блога.

Удачи!

Нажми на кнопку - поделись с друзьями!
Это лучшая награда для автора!


Количество комментариев: 9. Оставь свой комментарий к статье “Как сделать страницу подписки бесплатно

  1. От зенда отказался. Во первых очень уж нагружает блог. В плане скорости загрузки и не нравится всплывающее окно если честно. Появляется как всегда в самый неподходящий момент

    • Долго сам был в поисках, пока не решился на такой вот шаг.
      Сказать по правде, без знаний html и css, с нуля сделал страницу примерно за час.
      Решил что лучше один раз для себя сделать и закрыть навсегда этот вопрос.

  2. Весьма полезный курс скачал понравился, но свою рассылку виду с сайта, использую для подписных страниц Adobe Muse или Web Builder 11 самые качественные программы для создания подписных страниц. Сервис Email рассылки пока выбрал один но в серьёз загорелся идеей собственной рассылкой на сайте.

  3. Алексей, я бы хотел по поводу сервиса Sendpulse.com уточнить. Там есть автоматическая рассылка анонсов новых статей, как в Feedbunder? Или там письма для рассылки надо в ручную делать, как в Smartresponder.ru?

    • Александр, автоматической рассылки анонсов статьи нет. Но вместо этого есть пушки. Работают они по круче подписки. Да и на мой взгляд пуш более прост для посетителей. Кстати, пуш-уведомления доступны и на бесплатном тарифе.

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

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