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

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

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

Воспользоваться каким-нибудь сторонним сервисом . Могу порекомендовать feedburner.google.com . Это наиболее простой способ, но, правда, Вы будете зависеть от стороннего сервиса, вдобавок, в каждое письмо будут вставляться чужие ссылки, что не очень хорошо.

Сделать собственную подписку на сайте . Этот способ более трудоёмкий, но зато абсолютно всё под Вашим контролем. Что отправлять, как отправлять, куда отправлять - всё решаете Вы. Вот об этом способе я и расскажу ниже немного подробнее.

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

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

Теперь давайте создадим таблицу подписчиков со следующими полями:

• id - уникальный идентификатор подписчика.
• name - имя подписчика.

Безусловно, это почти самый минимум (можно и без имени). В реальности же можно добавить ещё дату подписки, список разделов, на которые подписывается пользователь и прочее.

И теперь необходимо создать таблицу, которая позволит решить проблему с ограничением количества отправляемых писем:

• id - уникальный идентификатор последней рассылки.
• post_id - уникальный идентификатор статьи (или поста) на сайте, о котором рассылается уведомление.
• subscriber_id - уникальный идентификатор последнего подписчика, которому был отправлен выпуск.
• end - закончена рассылка или нет.

Думаю, что с формой подписки и её обраткой Вы справитесь (если нет, то используйте 1-й вариант подписки на обновления , либо изучайте основы PHP ).

Данный скрипт достаточно сложный, но реализует он очень простую вещь, которую кратко можно записать так: отправляем письма не более 10-ти подписчикам, а если всё разослано, то при наличии новых статей на сайте, добавляем их в очередь рассылки .

Ещё раз повторяю, что данный способ рассчитан уже не новичков в PHP и MySQL , поэтому если Вам просто нужна самая обычная подписка на сайте, то используйте сторонние сервисы. А если у Вас уже есть нормальный опыт, и Вы хотите полностью контролировать все процессы рассылки обновлений сайта, то используйте 2-й варинт .

Многие вебмастера относятся скептически к организации подписки на обновления на сайте. Но тем не менее. Имея в подписчиках хотя бы 500 пользователей можно ждать, что 200 из них сделают переход с почтового ящика на сайт, что само по себе неплохо.

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

Существует много служб по созданию рассылок, но большинство из них либо платные, либо условно бесплатные.

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

Как на сайте сделать форму подписки с помощью FeedBurner: пошаговая инструкция

Сначала необходимо зарегистрироваться в самом сервисе Feedburner, для этого нужно иметь почтовый ящик на Google . Зайдите в , и авторизуйтесь с помощью данных аккаунта Google.

Вас направит на страницу регистрации вашего фида. Не забудьте включить Русский язык, нажав вверху на вкладку Languages, рисунок 1.

рисунок 1

Введите полный адрес фида в RSS ленте. Если ваш сайт на wordpress, то что-то вроде (http://site.ru/feed/). Перед тем как вписать адрес, проверьте его, вставив в адресную строку браузера. Если при переходе загрузится ваша лента, то все верно. Нажимаем кнопку Next, рисунок 2.

рисунок 2

На следующей странице, жмём Next. Перед этим не забудьте сохранить адрес фида, он еще пригодится, смотрите рисунок 3.

рисунок 3

И на следующей странице, нажимаем Next, рисунок 4.

рисунок 4

Здесь отмечаем бесплатные услуги трекинга (уникальные клики, загрузки вложений и TotalStats), и жмём Next, рисунок 5.

рисунок 5

На этом этапе регистрация фида завершена. Чтобы настроить рассылку, нажимаем на вкладку «Публикуй», рисунок 6.

рисунок 6

Слева нажимаете на вкладку - «Подписки по электронной почте», рисунок 7.

рисунок 7

Активируйте страницу - «Подписки по электронной почте», рисунок 8

рисунок 8

У вас появится 4 вкладки, нажимаем на «Communication Preferences», смотрим рисунок 9. На открывшейся странице необходимо отредактировать 2 поля:

рисунок 9

В поле «Email Reply-To-Address» укажите адрес электронной почты Google. «Тело письма подтверждения» – текст указанный здесь будет отображаться в письме к подписчику, поэтому перепишите его под себя.

Пример текста:

Добрый день,
С Вашего почтового ящика была запрошена подписка на получение обновлений о новых публикациях на сайте «Вкусные рецепты».
Если это были Вы, пройдите, пожалуйста, по ссылке и подпишитесь на обновления:
${confirmlink}
Если ссылка по какой-либо причине не нажимается, скопируйте ее в окно вашего браузера и выполните переход, нажав «Enter».

рисунок 10

Далее нажимаем на вкладку - «Email Branding», смотрим рисунок 11. На загрузившейся странице можно отредактировать внешний вид письма, которое получит ваш подписчик. Здесь укажите название, тему письма, добавьте фото логотипа, выберите цвет и размер шрифта. Закончив, не забываем сохранить настройки.

рисунок 11

На вкладке «Delivery Options» укажите часовой пояс и время доставки электронных писем. Можно сделать как на рисунке, – сохраняем, смотри рисунок 12.

рисунок 12

Ну и, наконец, последнее, нажимаем на вкладку «PingShot». Здесь необходимо активировать функцию, чтобы интернет-службам приходили уведомления об изменениях в вашем RSS канале, рисунок 13.

рисунок 13

Итак, в Feedburner вы зарегистрировались, feed настроили, основной этап позади, остается настроить интерфейсную часть. Если вы делаете подписку под wordpress, могу предложить платный плагин с безграничными возможностями организации формы подписки как встроенной, так и всплывающей с потрясающим комплектом эффектов wp-subscribe-pro . Он уже куплен и выложен для общего пользования. Вы также можете использовать и бесплатные варианты, решение, конечно, за вами.

Существует и альтернативный вариант размещения формы, который предлагает Feedburner. для этого необходимо скопировать HTML код находящийся на вкладке «Публикуй» – Subscription Management (управление подпиской), смотрите рисунок 14.

рисунок 14

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

Очень надеюсь, что данное пошаговое руководство смогло вам помочь сделать подписку на email на своем сайте, и тем самым привлечь дополнительный трафик.

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

Секреты создания эффективной формы подписки на рассылку

Красивая и заметная форма подписки на сайт увеличит шансы на получение дополнительных контактов. С прискорбием замечу, что на многих отечественных сайтах форма сбора контактов надёжно спрятана и найти её не так-то просто, хотя она заслуживает самого видного места. Посетитель не должен блуждать по страницам, разыскивая её. Важно размещать форму не только на главной странице, но и ещё на нескольких, как напоминание о возможности подписаться на email-рассылку.

Два важных аспекта формы подписки для сайта:

• содержание
• дизайн

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

Наверняка, вы задаетесь вопросом, как сделать форму подписки на сайте? Итак, вот несколько советов по оформлению, которые можно попробовать, чтобы привлечь внимание посетителей к вашей форме.

Местонахождение формы подписки на рассылку

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

• Делайте форму заметной

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

• Выделяйте форму подписки

Добавьте её в некий визуальный контейнер, выделив, как отдельное окно:

• Добавляйте направляющие

Обратите внимание на стрелки, указывающие на форму - люди подсознательно идут по следу. Также можно использовать образы людей со взглядом, направленным на форму подписки. Исследования THiNK Eye Tracking показали, что направленный взгляд на продукт, на 84% увеличивает шанс, что люди заметят его на странице, так почему бы это не использовать для формы?

• Делайте формы "сквозными"

• Используйте несколько форм

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

Описание в форме

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

• Контрастные призывы к действию на кнопке и в заголовке формы

• Не слишком ограничивайте

Надписи вроде: «Вы можете ввести пароль от 6 до 12 символов. Обязательно используя цифры и буквы, но без символов: %,*,?,&, №, # и т.д.» отталкивают. У пользователей может быть любимый придуманный пароль, который он использует на всех сайтах, чего ради теперь менять его и запоминать новый? Кроме того, сложная для понимания система паролей раздражает и может вызывать постоянные ошибки при заполнении.

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

• Прекратите использовать капчи

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

Макет и другие проблемы дизайна

Обратите внимание, что здесь странного?

Да, поле расползлось по всей форме, а то и дальше. Хорошо продуманная форма должна быть с ровными, чёткими полями, а в идеале должен соответствовать длине этих полей или быть немного больше. Как пример:

Убедитесь, что ваша кнопка CTA достаточно большая и заметная. Выравнивание полей существенно не повлияет на конверсию, но может улучшить общую привлекательность формы.

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

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

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

• Делайте пошаговые формы

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

И, уже непосредственно с полем для емейла, второй.

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

• Давайте ссылку на политику конфиденциальности

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

• Разделяйте по интересам

Чтобы сразу "на входе" вовлечь подписчика - попробуйте использовать . В зависимости от предпочтений подписчика ему и будут отправляться письма только выбранной тематики.

• Тестируйте форму подписки

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

Используйте интерактивные формы, меняйте предложения.

И ещё:

• Размещайте на сайт полезный контент. Чтобы не пропустить ваши обновления, клиенты сами будут подписываться на рассылки.

Указывайте в описании, что данные о подписчиках не продаются и вы не занимаетесь спам-рассылками, а отправляете только тематические материалы, от которых легко отписаться.

Акцентируйте на том, что подписчики будут получать информацию раньше тех, кто не подписан. Указывайте периодичность или дату последней рассылки.

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

Отправляйте оптимизированное и классное приветственное письмо, которое будут получать новички. Это не способствует росту базы, но предотвращает её уменьшение.

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

Чем проще и в то же время убедительнее будет ваша подписная форма - тем больше посетителей сайта обратят на неё внимание и захотят подписаться, а следовательно и вырастет база подписчиков. Форма подписки на рассылку сайта должна быть заметной, и со вкусом выделяться на общем фоне.

P.S . Если вам понадобится помощь в создании классного email письма - оставляйте и мы вам подготовим красивый, современный шаблон письма в вашем аккаунте eSputnik абсолютно бесплатно ;)

Как вы поняли из названия статьи – курс посвящен 6 способам создания страниц подписки. Родился он не случайно, а как ответ на поступающие вопросы – «как сделать страничку подписки», «как я создаю свои страницы», «как сделать страничку бесплатно», «чтобы не сильно сложно и не очень дорого» и т.д. С учетом этих вопросов я и решила предложить вам 6 вариантов ответов, и из этого получился видеокурс.

Какие 6 способов создания подписных страниц я вам предлагаю?

Начну с того, что я постаралась охватить разные случаи:

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

Когда можно сделать страничку прямо на своем Вордпресс сайте или блоге при помощи бесплатного плагина.

Когда можно воспользоваться сервисом-конструктором онлайн, сделать страничку на поддомене сервиса или прикрепить свой домен (поддомен).

Когда можно сделать страницу подписки на том же сервисе, где отправляются email-рассылки и настраиваются автоворонки, и все это связать в пару кликов.

Когда можно сделать страницу с помощью программы, скачанной на компьютер, затем экспортировать эту страницу в html-формате на свой хостинг.

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

* Все варианты, которые я рассмотрела в курсе, позволяют создавать страницы адаптивными под планшеты и смартфоны, что важно сейчас.

И вот какие 6 инструментов я предлагаю:

1) Создание страницы подписки при помощи программы Adobe Muse. Это тот самый вариант, когда мы создаем страницу на компьютере в визуальном редакторе программы, а затем экспортируем ее со всеми стилями, картинками, скриптами в html-формате на свой хостинг. Официально программа платная, но есть бесплатный период (да и можно поискать ее бесплатно в интернете). Даже если бесплатный период заканчивается, и вы не планируете использовать программу дальше, то экспортированные сайты у вас останутся – их можно редактировать и использовать, как шаблоны в любом html-редакторе (блокноте Notepad++, в визуальном редакторе Dreamweaver и т.д.).

В уроках по Адоб Мьюз я показываю не только как создаю страничку подписки с двумя вариантами подписки (по email со всплывающей формой) и через подписку во Вконтакте, но и показываю, как делаю страничку после подписки – с видео и дополнительным предложением в постскриптуме. Все это в трех версиях – адаптированных под компьютер, планшет и смартфон.

Да, я знаю, что скоро поддержка и выпуск обновлений программы Muse закончится (март 2020 года). Но это практически 1,5 года, да и после завершения поддержки и выпуска обновлений, программа останется в таком виде как есть, и ее можно будет продолжать использовать. А ваши экспортированные на свой хостинг сайты уж точно никуда не пропадут. И даже если потом появятся какие-то обновления в браузерах, и сайты, сделанные в Мьюз, перестанут корректно работать – это еще, как минимум, несколько лет в запасе.

2) Создание страницы подписки при помощи бесплатного Вордпресс плагина Elementor. Классный и функциональный западный плагин, с русскоязычным интерфейсом. Довольно понятный без каких-то архисложностей. Создавать странички можно по шаблонам или с нуля – добавляя секции (блоки) и располагая в них нужные вам элементы (заголовки, тексты, списки, видео, картинки, формы и кнопки…). Все это делается прямо на базе вашего сайта на Вордпресс.

3) Создание подписной страницы при помощи онлайн сервиса-конструктора Tilda. Здесь вам не понадобится свой домен и хостинг, ведь создать страничку можно на поддомене сервиса бесплатно. Происходит весь процесс в визуальном редакторе через добавление и редактирование готовых блоков (секций), редактирование имеющихся шаблонов, а также есть возможность создавать блоки с нуля и оформлять по своему желанию.

Доступен бесплатный тариф, но с ограничениями. Вы можете создавать 1 сайт и до 50 страниц на нем, не сможете привязать свой домен, и не сможете добавить html-код (то есть код формы подписки) на страницу.

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

На примере конструктора Тильды я показываю, как можно сделать стильную подписную с 2-мя вариантами подписки – через форму по емейл и через кнопку во Вконтакте.

4) Создание страницы подписки с видео на сервисе Soluspage. Это самый простой и быстрый вариант. Опять же, вам не понадобится свой домен и хостинг. А создать саму страничку можно в несколько кликов – указав название страницы, описание и ключевые слова. Затем добавив заголовок, ссылку на видео, которое будет воспроизводиться на подписной, и привязав форму подписки от Spoonpay или добавив кнопку со ссылкой под видео.

Какое видео вы можете поставить на подписную? То, которое доносит ценность и выгоду вашего предложения, обзор, презентацию и т.д. Если это партнерский продукт, то можно взять готовое видео партнера.

В своем уроке я также показываю, как связать подписную, сделанную в Soluspage, с сервисом рассылок на Spoonpay и настроить цепочку писем после подписки.

5) Создание страницы подписки в сервисе Justclick. Если вы используете сервис Джастклик для ведения email-рассылок и оплачиваете тариф, но не пользуетесь их конструктором лендингов, то данное видео будет полезно вам в первую очередь. Так как в рамках сервиса можно совмещать ряд функций – создание подписных страниц и рассылки писем подписчикам – лишь некоторые из них.

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

6) Создание страницы подписки во Вконтакте в конструкторе Гамаюн. Гамаюн – это приложение рассылки во Вконтакте, которое позволяет собирать свою базу подписчиков внутри соцсети и отправлять рассылки в личные сообщения своим подписчикам. Также внутри приложения есть конструктор страниц подписки – как его использовать, я и показываю в своем уроке.

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

Почему в курсе больше чем 6 уроков, и есть ли дополнительные полезные ссылки?

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

Посмотреть на курс изнутри вы можете в моем видео обзоре:

А также на скриншотах ниже.

Он доступен онлайн (уроки выложены на отдельном сайте):

Поэтому вот вам промо-код на скидку 25% sposob6 – действует до 15 октября включительно! .

Всего вам доброго!

Буду рада вашим вопросам и комментариям.

С уважением, Виктория Карпова

UP 2017. Сервис Smartresponder больше не существует 🙁

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

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

Так вот, фреймворк WordPress в качестве основы для рассылок – непаханое поле, но здесь есть некоторые ограничения. Если блог/сайт имеет пару сотен посетителей, то и подписчиков, соответственно, немного, что логично. И любой из плагинов, на основе которых WordPress предлагает создать свою рассылку, будет работать надежно и беспроблемно.

Но как только блог обзаведется своей собственной базой подписчиков, станет более-менее популярным (имеется в виду – возрастет количество посетителей), то плагину рассылок (которые во множественном числе предлагает WordPress) придется создавать тысячи запросов к базе данных, нагружать сервер, тратить процессорные мощности – в общем, всяческим образом тормозить ресурс.

Такого «счастья» не нужно никому, и возникает проблема – как решить вопрос с рассылками на стороннем сервере? Декстопный вариант я тоже не рассматриваю, потому что постоянно «грузить» свой компьютер – это тоже не лучший вариант. Но желательно сделать так, чтобы всю нагрузку по почтовым рассылкам принимал на себя сторонний сервер, но при этом чтобы отправной точкой рассылки все же оставался наш сайт.

Решение есть и оно довольно простое – интернет просто кишит всякого рода сервисами рассылок, наперебой предлагающими свои услуги, но лидирующее место принадлежит . Вот им я и предлагаю воспользоваться, на сегодняшний день этот сервис самый крутой среди себе подобных. А ниже я немного познакомлю вас с этим сервисом, и расскажу как им пользоваться.

Знакомимся с рассылкой на Smartresponder

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

Один из известных способов – не просто пользоваться этим сервисом в предлагаемом стандартном режиме (как стороннюю рассылку), а установить форму рассылки на свой сайт или блог. И не просто установить, а сделать эту форму оригинальной, необычной, такой, которой нет ни у кого. Средствами самого Smartresponder это сделать не получится – у него есть несколько стандартных вариантов оформления формы рассылки, но не более, и здесь здорово не разгуляешься в смысле корректировки дизайна подписки. Вот часть эти форм подписок, которые можно брать бесплатно:

Как видите, в смысле предложений дизайна все довольно грустно – не для всякого сайта подойдет такое оформление, да и как я уже говорил, присутствует много ненужного в коде рассылки, например:

1. Первое – никому не нужно еще одно подключение — оно лишнее.

2. Много всевозможных дублирующих соединений, которые уже провел ваш WordPress. Например, определение кодировки.

3. Всякие формы в форме, div-ы и прочие элементы css, которые можно значительно сократить.

Другое дело – на основе этой самой стандартной рассылки создать свою форму, которая бы идеально вписывалась в дизайн нашего блога. Конечно, здесь нужны хотя бы минимальные знания CSS, и , но в крайнем случае уже можно немного раскошелиться на программиста. За такую работу возьмут копейки, зато какая польза будет.

И совершенно не нужно брать за скелет формы код из смартреспондера – он слишком изобилует всякими нубовскими наворотами, никому не нужными. Простой хороший код, хороший минимум нагрузки на БД и сервер, хорошее эффективное внешнее оформление – что еще нужно человеку, чтобы достойно встретить читателя?

Нажав на кнопку «Попробовать бесплатно» (показано выше), переходим на страницу регистрации. Здесь все банально – заполняете поля и попадаете на следующую страницу, где вам будет предложено изложить более подробную информацию о себе. Думаю, есть смысл правильно, не выдумывая, заполнить все поля – наши подписчики живые люди, и им будет приятно видеть, что с ними общается не выдуманный Вася Пупкин, а обычный живой человек. Заполнив все необходимые поля, вы перемещаетесь на страницу, где в верхнем меню увидите заветную кнопочку «Создать новую рассылку».

Создание своей рассылки и формы отправки

Собственно, форма отправки письма нам не нужна, если мы собрались ваять собственную – нам нужен только идентификатор, ради которого вся эта суета и затевалась. Поэтому продолжаем тем, что начинаем создавать новую рассылку с целью выудить из нее наш ID. Для этого в предлагаемой форме снова заполняем все, что нам предлагают заполнить (нужные поля отмечены звездочкой). Здесь, в принципе, название и описание рассылки не критично – эта информация предназначена только для нас. Остальное определяет периодичность выпуска рассылок, нашу подпись в письмах и наш почтовый адрес.

Теперь жмем «Создать новую рассылку», и ура! Мы стали счастливым обладателем новенькой, блестящей, набитой до отказа подписчиками рассылки на нашем блоге! Осталось дело за малым – выудить свой идентификатор из вновь созданной рассылки и начать создание своего собственного шедевра формы рассылки на его основе. Подведем промежуточные итоги – для чего все же нам нужен этот ID, если кто-то не понял?

1. Мы избавляемся от лишнего плагина рассылок, если он был, или предотвращаем его расходную и поэтому ненужную установку. А это – прямая экономия энергоресурсов нашего сайта

2. Мы получаем доступ к услугам стороннего сервиса, который безропотно выдержит все нагрузки, исходящие от нашей базы подписчиков, даже если их будет десятки тысяч.

3. Мы получаем возможность настроить свою собственную рассылку так, как нам удобно, и что еще более удобно – все это можно сделать на русском языке, в отличие от многих WordPress плагинов, не переведенных на русский язык и не собирающихся им обзаводиться.

4. Минимизируем и оптимизируем html и коды, что тоже есть хорошо.

А номер нашего идентификатора мы увидим здесь:

Это в меню «Рассылки» — «Списки рассылок». Теперь можно приступать к главному процессу. Собственно, я предложу пару форм, в которых будет работать все тот же идентификатор , но с возможностью их полной перестройки под ваши нужды. То есть, можно самостоятельно изменить внешний вид рассылки до неузнаваемости.

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

Итак, форма № 1. Вот ее код:

[ php] < h3> Подпишись на новости блога: < forma onsubmit= "return SR_submit(this)" method= "post" action= target= "_blank" name= "SR_form_2_61" > < input type= "hidden" value= "1" name= "version" /> < input type= "hidden" value= "0" name= "tid" /> < input type= "hidden" value= "" name= "uid" /> < input type= "hidden" value= "ru" name= "lang" /> < input type= "hidden" value= "000000" name= "did" /> < div id= "optin" > < input type= "text" tabindex= "900" onblur= onfocus= value= "Ваше Имя" class = "name" name= "field_name_first" /> < input type= "text" tabindex= "901" onblur= "if(this.value=="")this.value=this.defaultValue;" onfocus= "if(this.value==this.defaultValue)this.value="";" value= "Ваш E-Mail" class = "email" name= "field_email" /> < input type= "submit" value= "Хочу получать новости!" name= "SR_submitButton" /> [ / php]

Подпишись на новости блога:

Как видим, ничего лишнего по сравнению с сотнями строк в смартреспондере. Стили мы зададим тоже свои:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26

[ php] form{ width: 300px; border: 1px solid rgb(200 , 200 , 200 ) ; margin- left: ; border- radius: 0px; } #optin {padding:10px 25px; text- align: center; background- color: #f9f9f9; width: 250px; } #optin input { border: 1px solid #CCCCCC; font- size: 15px; margin- bottom: 10px; padding: 8px 10px; width: 90 %; } #optin input, #optin_post input { background- color: #1C5D28; background- repeat: repeat- x; border: 1px solid #137725; color: #FFFFFF; cursor: pointer; font- size: 14px; font- weight: bold; padding: 8px 15px; text- shadow: - 1px - 1px #1C5D28; } [ / php]

Form{width: 300px; border: 1px solid rgb(200, 200, 200); margin-left: ; border-radius: 0px;} #optin {padding:10px 25px; text-align: center; background-color: #f9f9f9; width: 250px; } #optin input { border: 1px solid #CCCCCC; font-size: 15px; margin-bottom: 10px; padding: 8px 10px; width: 90%;} #optin input, #optin_post input { background-color: #1C5D28; background-repeat: repeat-x; border: 1px solid #137725; color: #FFFFFF; cursor: pointer; font-size: 14px; font-weight: bold; padding: 8px 15px; text-shadow: -1px -1px #1C5D28; }

А вот как она выглядит:

Здесь я специально показал самую простую форму рассылки, чтобы не забивать страницу лишним css кодом. Но для знающих людей здесь все должно быть понятно: можно менять все – размеры, цвет, добавлять необходимые поля, устанавливать тени и градиенты. Все в ваших руках. Самое главное – минимум кода и максимум эффективности. А для того, чтобы ваша рассылка работала по той схеме, которую вы определили в настройках Smartresponder, вам нужно сделать одно-единственное телодвижение – в строке кода прописать номер своего идентификатора вместо моего ID 668397. Теперь рассылка будет работать согласно установленного вами же графика.

А вот еще один пример формы № 2 – на базе рассылки от Feedburner, который уже понемногу начинает помирать. То есть, я просто взял ее внешний вид, а код оставил практически прежний, за небольшим исключением:

Здесь я тоже оформил все в минималистичном стиле, но при желании можно все это переделать на свой лад. Вот код самой формы рассылки:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15

[ php] < div id= "donate" >< strong> Введите свой электронный адрес и получите книгу в подарок: < forma onsubmit= "return SR_submit(this)" method= "post" action= "http://smartresponder.ru/subscribe.html" target= "_blank" name= "SR_form_2_61" > < input type= "hidden" value= "1" name= "version" /> < input type= "hidden" value= "0" name= "tid" /> < input type= "hidden" value= "" name= "uid" /> < input type= "hidden" value= "ru" name= "lang" /> < input type= "hidden" value= "000000" name= "did" /> < div id= "optin" > < input type= "text" tabindex= "901" onblur= "if(this.value=="")this.value=this.defaultValue;" onfocus= "if(this.value==this.defaultValue)this.value="";" value= "Ваш E-Mail" class = "email" name= "field_email" /> < input type= "submit" value= "Подписаться по e-mail на последние новости сайта" name= "SR_submitButton" /> [ / php]

Введите свой электронный адрес и получите книгу в подарок: