Home / Блоговедение / Делаем красивую форму подписки Smartresponder

Делаем красивую форму подписки Smartresponder

Приветствую вас, друзья. Я уже рассказывал о том ,как сделать красивую форму подписки Feedburner, прочитать эту статью можете здесь. В сегодняшнем посте я расскажу как сделать красивую форму подписки на Smartresponder.

красивая форма подписки smartresponder

Сделать оригинальную форму подписки на Smartresponder намного проще, чем в Feedburner. Итак поехали.

Первым делом, перейдите на сервис массовой рассылки Smartresponder и зарегистрируйтесь, если вы еще не регистрировались. Теперь вам нужно создать форму подписки.

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

В меню сервиса выберете раздел «Формы», «Новый генератор формы подписки».

новый генератор формы

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

варианты форм

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

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

Удалите стандартное фоновое изображение и вставьте на его место свое в формате PNG. У загруженного изображение можно менять размер и перетаскивать на любую площадь фона.

вставляем свою картинку

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

своя картинка в форме

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

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

красивая форма для сайта

По-моему неплохо и довольно просто. Я потратил не более пяти минут на создание такой простенькой формы.

Об авторе: Андрей Назыров

Приветствую Вас на своем блоге! Здесь Вы найдете всю необходимую информацию по созданию своего блога (сайта), его SEO оптимизации и последующего заработка.

20 комментариев

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

    Ответить
  2. Андрей Привет!!! От меня тебе награда Liebster-blog-award и признание лучшего молодого блогга!!!
    Не знаю слышал или нет об этом. Вот здесь все подробности http://blog-is-life.ru/nagrada-liebster-blog-award-dlya-blog-is-life-ru.html

    Ответить
  3. А я и не знала, что так прям можно менять фон задний.) Я подписку смартреспондера вообще по другому меняла, через один онлайн сервис, но там и положение строчек менять можно и кнопочку передвинуть.
    Но этот способ мне больше нравится, без лишних заморочек.)

    Ответить
  4. Новая форма на смарте — интересно. С твоей помощью, я уже сделал красивую форму подписки от feedburner на своем блоге. По смарту ты снова открываешь новые фишки, но я знаю другой способ сделать ее красивой.

    Ответить
    • Путем редактирования кода?

      Ответить
      • Путем создания css блоков. Система конечно сложнее для новичков, но зато эффект получается стоящий. Этому можно научиться по ВидеоКурсу. Уже не помню, как он называется, что-то типа: «Как сделать красивую форму подписки». Курс бесплатный!

      • CSS творит чудеса 🙂

  5. Спасибо, Андрей. Я как-то из сайдбара убрала подписку и вот до сих пор не доходят руки ее поставить. Надо заняться.
    а вот если я захочу после статей поменять свою старую подписку на новую, сделать ее более уникальной. то как можно убрать старую? Я честно, уже не помню, как я ее ставила и каким плагином. Это было давно, по ходу обучения в Старт Ап. Если знаешь, подскажи пожалуйста, как убрать старую форму подписки.

    Ответить
    • Ольга, чаще всего форма подписки выводиться виджетом, нужно просто перенести этот виджет в неактивные, затем вставить код в другой виджет «Произвольный HTML код» и перенести новый виджет на место старого.

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

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

    Ответить
  8. Думаю, что пригодится эта статья, когда буду переносить рассылку на Smartresponder. Говорят она удобнее фидбернера. Правда, пока подписчиков не очень много у меня. Странно, что летом очень активно подписывались, а последние два месяца буквально человек 5 только подписались….

    Ответить
    • У каждого сервиса есть свои плюсы и минусы.
      У тебя просто тематика больше весенне-летняя 🙂

      Ответить
  9. Спасибо! Я полный ноль в сайтостроении) Рада, что получилось сделать симпатичную форму подписки. не поняла только, как можно поменять цвет кнопки.

    Ответить
  10. Благодарю. А я уже думал заказывать её у фрилансера.

    Ответить

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

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