Для своих подписчиков я подготовил пару подписных резиновых форм (автоматически подстраиваются к размерам контейнера), предназначенный именно для работы с сервисами SmartResponder и JustClick. А также записал видео инструкцию по настройке своих форм подписки.
На картинке форма подписки для страницы захвата
Зачем я это сделал? Дело в том, что все больше людей заходит в интернет с мобильных устройств, для удобства пользователей. Сейчас становится правилом создание адаптированных к разным мониторам сайтам. Это же относится и к подписным страницам. Кстати, вот статья и адаптивный шаблон подписной страницы Bootstrap. К тому-же, получаемый код форм подписки на сервисах получается достаточно «грязный», в нем много лишних ненужных табличных тегов и стилей.
Форма подписки SmartResponder и форма подписки JustClick для сайдбара
Первая резиновая форма подписки SmartResponder и форма подписки JustClick предназначена для вставки в боковой сайдбар, в статью, в любое место сайта на любой CMS.
Вам нужно всего-лишь получить исходный код подписной формы на сервисе, взять из него пару строчек и вставить в мой код, ну и, естественно разместить форму подписки на сайте.
Эта форма такая-же как у меня (ниже на странице). При желании можно легко заменить цвет кнопки, да и цвета оформления. Вот сервис генерации кнопок онлайн Генератор кнопок CSS3, без использования картинок.
Изменяйте размер экрана и увидите результат.
Форма подписки SmartResponder и форма подписки JustClick для подписной страницы
Вторая резиновая форма подписки SmartResponder и форма подписки JustClick предназначена для вставки непосредственно в подписную страницу.
Также изменяйте размер экрана и смотрите результат.
В архиве отдельно форма подписки SmartResponder и форма подписки JustClick. Просто возьмите нужный код и вставьте в HTML документ. CSS файл перенесите в свою таблицу стилей. Перед этим добавьте код подписки из сервиса, как показано в видео инструкциях.
Видео по настройке формы подписки SmartResponder
В архиве отдельно есть видео
Почему-то YouTube сжимает видео и качество становится не очень. На этот случай я отдельной папкой добавил в архив видео по настройке форм SmartResponder и JustClick. Вы можете скачать эту папку, а можете и не скачивать.
Видео по настройке формы подписки JustClick
Получить ссылку на скачивание
Получить ссылку на архив с формами подписки на SmartResponder и JustClick можно заполнив контактную форму, тут.
Инструкция и руководство по ремонту и эксплуатации автомобилей ВАЗ 2105
Похожие по Тегам статьи
Создание Video Background HTML 5В данной статье идет речь о создании video background — фоновой видео заставки HTML 5 веб страницы
Оформление текста в HTML — Выноски CalloutПубликую несколько примеров оформления текста в HTML. Выноски Callout нужны для заострения внимания читателя…
Слайдер Bootstrap Ken Burns Effect CarouselСобрал слайдер Bootstrap Ken Burns Effect Carousel и теперь делюсь с читателями своего сайта….
Спасибо за статью.. а то установил адаптивный шаблон а форма подписки не адаптивная.. Подписался и буду ждать письма..с файлами.. В видео все хорошо объяснили..
а куда получившийся код устанавливать? Чтобы все также красиво работало?
В видео все подробно изложено
я посмотрел видео до конца. я имею в виду на блоге самом куда его устанавливать?
Здравствуйте, если форма на отдельной странице, то ставите кнопку или ссылку на страницу с формой. Ну а вторая в боковую колонку, к примеру. Тогда в текстовый виджет. А так хоть куда. В любой блок. Она (форма), растянется по ширине блока. Как еще ответить на такой вопрос?
Здравствуйте! Попробовала установить. Получается не красиво. Мне кажется, что в папке с кодом формы подписки должены быть файлы css и image для загрузки на сайт. Может быть, у вас есть css для формы подписки? Буду благодарна, если вышлите на мой e-mail.
Здравствуйте, а вы смотрели видео? Я там вроде объяснил. Там СSS в верху индексового файла. Оттуда копируйте и переносите в CSS на сайте.
Спасибо! По фильму не поняла это. Попробую еще раз!
Спасибо! По фильму не поняла это. Попробую еще раз!
Вы меня совсем запутали 🙂 Там стили как раз отдельным файлом есть. Смотря какая форма нужна. Смотрите расширение файла .CSS А то, что в HTML, копировать не нужно, они лишние будут.
Спасибо большое! Все получилось! Это все моя невнимательность!
Главное, что получилось 🙂
А можно эту форму вставлять в Muse?
Я не знаю, не пользуюсь Muse. Если вообще можно использовать формы от SmartResponder и JustClick в Muse, то да.
Спасибо, буду пробовать. Если получиться, здесь отпишусь.