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

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

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

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

СЕРВИС SMARTRESPONDER ЗАКРЫТ. ИНФОРМАЦИЯ БОЛЕЕ НЕ АКТУАЛЬНА!

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Рейтинг автора
Автор статьи
Назыров Андрей
Основатель блога и его главный редактор.
Написано статей
105
Поделись информацией:
Помогла статья? Оцените её
1 Звезда2 Звезды3 Звезды4 Звезды5 Звезд
Оценок: 1
Загрузка...

Подписка на рассылку

Комментарии
  1. Роман

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

    • Андрей Назыров

      Пожалуйста, Роман.

  2. Диана

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

    • Андрей Назыров

      Интересно, а что за сервис?

  3. Алексей

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

    • Андрей Назыров

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

      • Алексей

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

      • Андрей Назыров

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

  4. Ольга Андреева

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

    • Андрей Назыров

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

  5. Александр

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

  6. Сергей

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

    • Андрей Назыров

      Да, сервисов немало. Выбирай на любой вкус 🙂

  7. Даниил Привольнов

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

    • Андрей Назыров

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

  8. Наталья

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

    • Андрей Назыров

      К сожалению в генераторе формы нет возможности изменить цвет кнопки.

  9. Денис Скрипник

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

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