Создание и установка формы подписки на Блогспот

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

Рада вас приветствовать на страницах моего блога!

Сегодня мы с вами создадим форму подписки на сервисе Смартреспондер и установим ее на своем блоге на Блогспот (Blogspot), на чем и закончатся основные настройки на начальном этапе в работе с рассылкой.

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

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

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

В следующем поле "Форма подписывает на рассылки" указываем нашу рассылку, а в графе "Элементы формы" выбираем "Хедер" и "Конфиденциальность данных". Теперь приступим к настройке размера и внешнего вида формы.

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

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

В разделе "Дополнительные настройки" только указываем "Выравнивание формы"  - по центру.

Следующий раздел "Настройки элемента формы". Здесь мы, нажав в поле конструктора на какой-либо из элементов формы, вносим изменения в них. Например, в верхнем элементе, если конечно, он в этом шаблоне есть можем написать "Введите в поля формы Ваш e-mail, и мы вышлем Вам ссылку на книгу о том, как всего за 10 дней стать самой обаятельной и привлекательной" ))) и отредактировать текст, как в вордовском документе.

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

Если претензий к форме нет, то либо сохраняем ее, либо жмем "Получить код". Копируем код, переходим на свой блог и переходим во вкладку "Дизайн". Здесь мы добавляем гаджет HTML/JavaScript и в открывшемся окне вставляем скопированный код формы подписки. Обязательно сохраняем ее!

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

Теперь устанавливаем это гаджет выше предыдущего и сохраняем их расположение.

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

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

Буду благодарна за ваши пожелания, вопросы и дополнения.

С уважением Ирина Иванова