Адаптивная форма подписки SmartResponder и JustClick


Для своих подписчиков я подготовил пару подписных резиновых форм (автоматически подстраиваются к размерам контейнера), предназначенный именно для работы с сервисами SmartResponder и JustClick. А также записал видео инструкцию по настройке своих форм подписки.
форма подписки smartresponderНа картинке форма подписки для страницы захвата

Зачем я это сделал? Дело в том, что все больше людей заходит в интернет с мобильных устройств, для удобства пользователей. Сейчас становится правилом создание адаптированных к разным мониторам сайтам. Это же относится и к подписным страницам. Кстати, вот статья и адаптивный шаблон подписной страницы Bootstrap. К тому-же, получаемый код форм подписки на сервисах получается достаточно «грязный», в нем много лишних ненужных табличных тегов и стилей.

Форма подписки SmartResponder и форма подписки JustClick для сайдбара

Первая резиновая форма подписки SmartResponder и форма подписки JustClick предназначена для вставки в боковой сайдбар, в статью, в любое место сайта на любой CMS.

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

Эта форма такая-же как у меня (ниже на странице). При желании можно легко заменить цвет кнопки, да и цвета оформления. Вот сервис генерации кнопок онлайн Генератор кнопок CSS3, без использования картинок.

Смотреть

Изменяйте размер экрана и увидите результат.

Форма подписки SmartResponder и форма подписки JustClick для подписной страницы

Вторая резиновая форма подписки SmartResponder и форма подписки JustClick предназначена для вставки непосредственно в подписную страницу.

Смотреть

Также изменяйте размер экрана и смотрите результат.
В архиве отдельно форма подписки SmartResponder и форма подписки JustClick. Просто возьмите нужный код и вставьте в HTML документ. CSS файл перенесите в свою таблицу стилей. Перед этим добавьте код подписки из сервиса, как показано в видео инструкциях.

Видео по настройке формы подписки SmartResponder

В архиве отдельно есть видео

Почему-то YouTube сжимает видео и качество становится не очень. На этот случай я отдельной папкой добавил в архив видео по настройке форм SmartResponder и JustClick. Вы можете скачать эту папку, а можете и не скачивать.

Видео по настройке формы подписки JustClick

Получить ссылку на скачивание

Получить ссылку на архив с формами подписки на SmartResponder и JustClick можно заполнив контактную форму, тут.


Похожие по Тегам статьи


15 thoughts on “Адаптивная форма подписки SmartResponder и JustClick

  1. Андрей

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

  2. Илья

    а куда получившийся код устанавливать? Чтобы все также красиво работало?

  3. Илья

    я посмотрел видео до конца. я имею в виду на блоге самом куда его устанавливать?

  4. Егор Автор записи

    Здравствуйте, если форма на отдельной странице, то ставите кнопку или ссылку на страницу с формой. Ну а вторая в боковую колонку, к примеру. Тогда в текстовый виджет. А так хоть куда. В любой блок. Она (форма), растянется по ширине блока. Как еще ответить на такой вопрос?

  5. Лина

    Здравствуйте! Попробовала установить. Получается не красиво. Мне кажется, что в папке с кодом формы подписки должены быть файлы css и image для загрузки на сайт. Может быть, у вас есть css для формы подписки? Буду благодарна, если вышлите на мой e-mail.

  6. Егор Автор записи

    Здравствуйте, а вы смотрели видео? Я там вроде объяснил. Там СSS в верху индексового файла. Оттуда копируйте и переносите в CSS на сайте.

  7. Лина

    Спасибо! По фильму не поняла это. Попробую еще раз!

  8. Лина

    Спасибо! По фильму не поняла это. Попробую еще раз!

  9. Егор Автор записи

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

  10. Лина

    Спасибо большое! Все получилось! Это все моя невнимательность!

  11. Егор Автор записи

    Я не знаю, не пользуюсь Muse. Если вообще можно использовать формы от SmartResponder и JustClick в Muse, то да.

    1. Макс

      Спасибо, буду пробовать. Если получиться, здесь отпишусь.