28 июл. 2015 г.

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

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

http://www.iozarabotke.ru/2015/07/sozdanie-i-ustanovka-formi-podpiski-na-blogspot.html
Рада вас приветствовать на страницах моего блога!

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

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

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

http://www.iozarabotke.ru/2015/07/sozdanie-i-ustanovka-formi-podpiski-na-blogspot.html

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

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


http://www.iozarabotke.ru/2015/07/sozdanie-i-ustanovka-formi-podpiski-na-blogspot.html

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

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

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


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


http://www.iozarabotke.ru/2015/07/sozdanie-i-ustanovka-formi-podpiski-na-blogspot.html

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


http://www.iozarabotke.ru/2015/07/sozdanie-i-ustanovka-formi-podpiski-na-blogspot.html

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


http://www.iozarabotke.ru/2015/07/sozdanie-i-ustanovka-formi-podpiski-na-blogspot.html

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


Загружаем изображение в сайтбар

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

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

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

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

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

5 коммент.:

Вика комментирует...

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

Вика комментирует...

Ирина, поделись обязательно ссылкой в сообществе. Тема интересная.

Ирина Иванова комментирует...

Вика, конечно можно в одном гаджете объединить и вставить изображение в форму подписки на сервисе Смартреспондер. Правда есть некоторые нюансы. Я постараюсь в ближайшие дни обо все подробненько написать.
Вчера после публикации статьи на блоге она, почему то не появилась в ленте Google+. Сейчас все исправлю и в вашей группе тоже опубликую.
Спасибо за подсказки! Со стороны всегда все смотрится по-другому...

Вика комментирует...

Да, вчера Гугл что-то серьёзно прыгал. У всех такая беда была. Ирина, так это не подсказки. Так, просто советы.

Ирина Иванова комментирует...

Вика, я имею в виду, что я рассказываю с одной позиции, а ты мне подсказала варианты, которые интересуют людей :)

Отправить комментарий

Уважаемые читатели моего блога!
Приношу вам свои извинения за неудобства, но мне пришлось включить функцию "модерация комментариев" в связи с тем, что в последнее время участились случаи спама.
Благодарю за понимание.
С уважением, Ирина Иванова

Топ комментаторов

Архив блога

Общее·количество·просмотров·страницы

Яндекс.Метрика