Как правильно сделать форму подписки на своем сайте через сервис рассылок SmartResponder

Рубрика:Блоговедение
Как сделать форму подписки

Здравствуйте! Дорогие читатели! В этой статье я расскажу вам про создание формы подписки. Если у вас уже есть своя рассылка, то вам, конечно же, потребуется и форма для нее.

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

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

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

Видеоурок

Инструкция по созданию формы

Приступим. Первым делом зарегистрируйтесь на сервисе почтовых рассылок Smartresponder. Для этого перейдите по ссылке.

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

Сервис смартреспондер

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

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

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

Создание формы подписки

А также в верхнем меню есть раздел, посвященный созданию форм. Я обычно выбираю новый генератор.

Верхнее меню создания формы

После этого появляется конструктор, в котором вы сможете приступить к процессу создания. Этот процесс ни чуть несложен. Всё интуитивно понятно.

В первую очередь вы должны выбрать шаблон. Шаблоны есть как стандартные, так и пользовательские. Пользовательские – это те, которые вы создали и сохранили сами. Использование шаблонов упрощает и ускоряет весь процесс. А время — это деньги. Поэтому берегите его :-)

Шаблоны форм подписки

Давайте пробежимся по основным настройкам.

Основные настройки конструктора форм

Название указывается абсолютно любое. Оно только для вас.

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

У формы есть свои элементы, которые вы можете включить в нее. Это:

  • хедер,
  • каптча,
  • счетчик,
  • футер
  • конфиденциальность данных.

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

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

Для каждого элемента есть еще отдельные свойства. Чтобы увидеть их, выделите нужный вам элемент.

Настройки отдельного элемента конструктора форм

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

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

Дополнительные настройки конструктора форм

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

Каналы подписчиков

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

Следующие настройки связаны с проверкой заполнения полей. Дело в том, что людям свойственно ошибаться. Они могут неправильно ввести свой емейл, забыть включить английский язык или не поставить знак «собачки». Если будут введены заведомо некорректные данные, то появится сообщение, предлагающее  исправить ошибки.

Про выравнивание, думаю, всё понятно.

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

Копирование html кода в буфер обмена

Куда вставить код?

Это обычно ваш блог. Очень удобно вставлять код в виджеты в сайдбаре сайта. Просто копируете код в нужный виджет и форма подписки появляется на сайте.

Для новичков, кому еще не довелось работать с виджетами, добавлю. Сначала перетащите виджет с названием «текст» в правую колонку. Далее раскройте этот объект, нажав на маленькую стрелочку справа. Поле название заполните по своему усмотрению, а в поле текст вставьте полученный раннее html код. Далее сохраните изменения.

Вставка кода в виджет

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

Что делать если у вас есть готовая страничка с красивой формой подписки? (такие странички можно найти здесь)

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

  1. Uid – определяет аккаунт
  2. Did – отвечает за рассылку
  3. Tid – отвечает за канал

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

Итак, найдите эти три идентификатора в html коде вашей формы. Искать удобно при помощи поиска, который включается сочетанием клавиш ctrl+F. Скопируйте их значения.

Идентификаторы формы

Далее найдите эти же параметры в коде готовой странички и замените их на свои. Вот и всё.

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

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

Если вам понравилась статья и оказалась полезной, то жмите на кнопки социальных сетей, оставляйте комментарии.

С уважением! Абдуллин Руслан

Как правильно сделать форму подписки на своем сайте через сервис рассылок SmartResponder
Оценка: 5 Всего голосов: 6
Понравился блог? Подпишись, чтобы получать новые статьи на почту и быть в курсе всех событий!
Ваш email:
Ваше имя:
email рассылки Конфиденциальность гарантирована

Комментарии пользователей (53)

  1. Александр

    Руслан, спасибо за подробную инструкцию, обязательно воспользуюсь!

    Ответить
    • Абдуллин Руслан

      Александр, а у вас разве еще нет формы подписки?

      Блог уже почти год ведете. Можно сказать уже опытный блоггер)))

      Ответить
      • Александр

        Да блогу уже 8 месяц пошел=)) Руслан, я как то уже пытался со смартреспондером года два на сайт подписную форму ставить, да что то не получалось формую подписную нужного размера и дизайн сделать.

        Привозился часов 5 потом плюнул на это дело, вот как то так=))) Вот смотрю и думаю попробовать? Или не стоит=)) Тут вопрос весь в том чтобы форма еще и в адаптивный дизайн входила... А я кодах я не силен!

        Ответить
        • Абдуллин Руслан

          А эти формы кстати сами адаптируются под мобильные устройства.

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

          Как говорится, у всех всё индивидуально =)

          Ответить
        • Надежда Введенская

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

          Ответить
      • Александр

        Кстати, Руслан! А что то я подписной формы от смартреспондера у тебя на блоге не вижу???

        Ответить
        • Абдуллин Руслан

          Александр, у меня она от смартреспондера =)

          Просто я решил сделать ее уникальной. В общем обратился к услугам верстальщика. Он сделал так? как я хочу.

          А я потом вставил свои значения в параметры uid, did, tid.

          Ответить
          • Вадим

            Тоже решил сделать на своем блоге уникальную форму. Точнее сделал мне её дизайнер, а при верстке уже были подставлены нужные параметры. Огромный плюс — что такие возможности поддерживаются сервисом. =)

          • Абдуллин Руслан

            Всё сделано для нас, лишь бы пользовались =)

            Как будет форма готова, обязательно подпишусь

  2. Ольга Happy

    Очень подробная инструкция. Мне в свое время она пришлась бы кстати) Я же действовала методом тыка)

    Ответить
    • Абдуллин Руслан

      На самом деле здесь нет ничего сложного. Но с инструкцией всегда проще)

      Ответить
      • Надежда Введенская

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

        Ответить
        • Валентина

          Размещение точных инструкций на блоге — очень выигрышный ход. Так любой новичок сможет воплотить их в жизнь.

          Ответить
        • Анюта

          Это так и есть))) А потом через время думаешь-ну как тут что то могло быть непонятным? Все же очень просто?))) Все с опытом приходит.

          Ответить
  3. Oleg

    Серьёзно! Капча для формы подписки. Неужели кто-то этим пользуется.

    Ответить
    • Абдуллин Руслан

      Я такого не встречал =)

      Ответить
  4. Николай

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

    Ответить
    • Абдуллин Руслан

      Да, до 1000 подписчиков можно пользоваться бесплатно.

      Но на бесплатном тарифе есть и другие ограничения. Например, серия максимум из 10 писем.

      Ответить
      • Надежда Введенская

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

        Ответить
  5. Наталья Краснова

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

    Ответить
    • Абдуллин Руслан

      Да уж, при работе за компьютером все эти сочетания очень выручают. Постоянно пользуюсь вот этими: Ctrl+C, Ctrl+V, Alt+Tab, ну и Ctrl+F при необходимости.

      Ответить
  6. Ольга Лялюкова

    Спасибо, Руслан! Очень подробная инструкция! У меня даже получилось создать форму подписки. Я правильно поняла, что некоторые элементы изменить никак нельзя: это высота формы, расположение элементов только друг под другом?

    Ответить
    • Абдуллин Руслан

      Не за что, Ольга.

      Высота формы по моему напрямую зависит от включенных в нее элементов. Самому регулировать нельзя.

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

      Ответить
  7. Танюшка

    Руслан, добрый день!)

    Такой вопросик у меня. Создаю форму подписки для одного сайта.

    В предпросмотре всё отлично, копирую код в сайдбар, форма появляется, но другая!

    Размер больше, текст не по центру, какие-то белые квадраты вокруг каждого блога.

    Что за ерунда?))

    Пробовала и с помощью шаблонов и вручную форму создавать... Ничего не выходит.

    В чём может быть проблема, как думаете?

    Ответить
    • Абдуллин Руслан

      Здравствуйте! Так это стили конфликтуют. Уверен проблема в этом. Нужно обратиться к верстальщику, он вам за 100-300 рублей всё исправит максимум за час, скорей всего намного быстрее.

      Потребуется вносить правки в файл style.css

      Ответить
  8. Елена

    Руслан благодарю!

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

    Только не понятно одно, У меня новый сайт, и я хочу поставить на него форму подписки просто на новости с сайта, чтобы мои статьи приводили подписчиков. Какая в этом случае должна быть рассылка?

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

    или я что то не так поняла?

    Ответить
    • Абдуллин Руслан

      Елена. Я пользуюсь бесплатным аккаунтом.

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

      На платном аккаунте есть функция, чтобы сделать это на автомате

      Ответить
      • Елена

        Благодарю Руслан!

        А то я столкнулась с этим и понимаю, что подписчиков пока нет, их надо набрать, в цены в Смарте сейчас достаточно ощутимые.

        Ответить
        • Абдуллин Руслан

          Не за что, Елена

          Ответить
  9. Александр

    Руслан, поэкспериментировал с формой подписки от смартреспондера...сделал подписную форму поставил на блог, и просто был в шоке =))) форма так коряво встала все подписные поля как по лесенке поехали... короче убил на это 3 часа и удали подписную форму=))) :-D :-D :-D

    А что бы вставить подписную форму на свой блог там надо что то в кодах на блоге капать делать... а я в этом не бум, бум... Почему, блин смарт не может нормальныо сделать??? Сама форма, встает а вот окошки для емейл и имени не меняются по ширине вот и получается полная какашка... :-D :-D

    Ответить
    • Абдуллин Руслан

      Да, Александр. Тут есть сложности. Была бы у вас простая бесплатная тема на вордпресс, всё получилось бы. Но стили у вас изменены, а смарт к этому не готов. Вы правы, надо в коде чуток поковыряться, но это не так просто для обычного блоггера

      Ответить
      • Надежда Введенская

        А может, попытаться выбрать иной шаблон формы подписки? Скажет, поэкспериментировать с самым простым. В свое время я его вставляла в очень узкий сайтбар. Окошки как раз менялись под нужный размер. Только вы правильно его выбирайте.

        Ответить
      • Александр

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

        Ответить
      • Александр

        Руслан, привет! Я тут по колдовал по поводу подписки на смартреспондер и сделал по своему =)) Короче, при создании формы, на нее дается ссылка... вот я и воспользовался этим моментом и решение пришло моментально =)) Загляни на блог справа в садбаре и после каждой статьи... :-D

        Мне так понравилось больше... а кому хочется действительно подписаться на рассылку новых статей, того и такой вариант подписки не остановит!! 8)

        Ответить
        • Абдуллин Руслан

          Классно получилось. Эта новая функция вроде только сегодня появилась =)

          Ответить
        • Надежда Введенская

          Мне тоже понравилось. Очень оригинальный подход. Думаю, что конверсия с такой формы значительно выше. Молодец, Александр!

          Ответить
  10. Надежда Введенская

    Кстати, решила «пошиковать» — выбрала форму с рисунком. А Гугл теперь ругается на нее. Наверное, перейду на обычную, а рисунок буду вставлять свой.

    Ответить
    • Абдуллин Руслан

      А по какому поводу гугл ругается?

      Ответить
      • Надежда Введенская

        Ему картинка Смарта не нравится :-D надо, наверное, делать простую форму, а картинку уже свою вставлять. будет побольше времени, поэкспериментирую.

        Ответить
  11. Диля

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

    Ответить
    • Надежда Введенская

      Диля, попробуйте прочитать еще раз. Поверьте, создать форму подписки можно буквально за 5-10 минут...

      Ответить
      • Валентина

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

        Ответить
        • Абдуллин Руслан

          Да, нужны новые формы

          Ответить
          • Анюта

            Сейчас есть из чего выбрать-сервисы такие есть. Надо только хорошо изучить условия и цены и сделать свой выбор.

  12. Надежда Введенская

    Руслан, наверное, в статье надо отразить тот факт, что этот сервис закрывается. Ведь статья в индексе и на нее будут приходить читатели.

    Ответить
    • Абдуллин Руслан

      Это да. Возможно придется ее переписать. и сделать инструкцию для другого сервиса.

      Ответить
      • Надежда Введенская

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

        Ответить
        • Абдуллин Руслан

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

          Ответить
          • Надежда Введенская

            Форму — да. Остается вопрос с базой. Как я заметила, вы отказались от импорта. Предложили своим читателям подписаться заново. Не будешь же это делать каждый раз.

          • Абдуллин Руслан

            Если времени прошло мало, то нет смысла заново переподписываться

      • Надежда Введенская

        Да, я его тоже рассматривала. Он у меня стоит на четвертом месте. Не понравилось быстрое повышение цены с ростом подписчиков. Будет интересно почитать ваш отзыв.

        Ответить
  13. гулсара

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

    Ответить
    • Абдуллин Руслан

      Сейчас многие рекомендуют sendpulse, mailerlite.

      Ответить
Правила комментирования
author-photo
автор блога:
Я в социальных сетях
25 руб. Добавить ссылку
Валентина 40
Надежда Вв.21
Николай5
Безумная партнерка