Как с помощью ресурса GetResponse создать форму подписки и разместить её на вашем сайте

Для данного действия нам понадобится 3 вещи:

1) Учетная запись GetResponse которую вы можете создать по ссылке: http://www.getresponse.ru/ Если вы не знаете как это сделать перейдите по этой ссылке: http://geniuswiki.me/?p=262 и воспользуйтесь нашим уроком.

2) Текстовый редактор NotePad++ скачать вы его можете по этой ссылке: https://notepad-plus-plus.org/repository/6.x/6.7.9.2/npp.6.7.9.2.Installer.exe Скачивание начнется автоматически. Он нам понадобится чтобы вставить HTML-код в страничку.

3) Какие-то знания HTML кода =)

Создание формы с помощью ресурса GetResponse:

Для того чтобы создать форму подписки вам нужно на главной странице выбрать в верхнем меню пункт Веб-формы и из выпавшего списка выбрать пункт СоздатьКнопка создать Главная страница

Чтобы создать форму нам нужно пройти 3 шага Дизайн, Параметры, Опубликовать все их мы рассмотрим в отдельности.

Дизайн Параметры ОпубликоватьДизайн:

Здесь мы будем заниматься непосредственно визуальным оформлением нашей формы.

После нажатия на кнопку Создать вы попадаете в редактор Форм где вам будет предложено выбрать форму из списка готовых форм который состоит из Шаблонов, Все, Популярные, Категории, Мои Веб-формыСтраничкаСозданиеФормыТакже мы можем создать свою форму используя окно редактора форм (в нём мы можем как создать свою форму, так и отредактировать ту форму которую мы выбрали из списка готовых форм) Данное окно нам даёт большой выбор функционала таких как: Размер формы, Смена текста, Добавления полей, и тд. Функционал большой, потому мы можем создать форму которая нас устроит.ОкноРедактораФормДля удобства мы выберем уже готовую форму из списка готовых форм и немножко подредактируем её. Вот что у нас получилосьМояФорма

После того как мы сделали форму подписки которая нам подходит нажимаем кнопку Следующий шаг

Параметры:Шаг номер 2

На данном этапе мы задаём Имя веб-формы в пункте Подписка с подтверждением выбираем OFF (это нужно для того чтобы человек заполнивший вашу форму подписки и нажав на клавишу подписаться, не подтверждал свою подписку по электронной почте)

Страница благодарности по умолчанию отвечает за то куда попадёт ваш подписчик после нажатие кнопки подписки. Если мы поставим Базовую то он попадёт на страницу вот такого типа Куда попадает подписчикЕсли мы выберем пункт Настраиваемая страница благодарности нам предложит ввести ссылку (URL) на которую попадёт подписчик после нажатия на кнопку Подписаться.НастраиваемаяСтраницаБлагодарностиНастроив всё что нам нужно на этой странице нажимаем на кнопку Следующий шаг и переходим в пункт Опубликовать

Опубликовать:

На данном этапе мы получаем наш код HTML от формы который нам собственно и нужен.

Выделяем весь текст что находиться в закладке Показать код HTML. Для этого щёлкаем левой кнопкой мыши на текст и нажимаем комбинацию клавиш CTRL+A чтобы выделить весь текст, затем CTRL+C чтобы скопировать выделенный текст.

3 шаг

Также здесь мы можем выбрать пункт (Мою веб-форму установит мой веб-дизайнер). Это означает что данный код HTML мы можем отправить по почте нашему дизайнеру который сам займётся установкой формы на ваш сайт Отправить дизайнеруТеперь перейдём непосредственно к вставке данного кода HTML в наш сайт.

Как вставить ваш код HTML на ваш сайт:

Если ваш сайт ещё не размещён на FTP и вы не знаете как это сделать! Вам будет полезно прочитать вот эту статью: http://geniusmarketing.ru/ftp/

Если ваш сайт уже находиться на FTP сервере посмотрите наш урок: Как пользоваться FTP?  он вам расскажет как вы можете найти и подключиться к вашему FTP серверу.

Также вам понадобиться клиент для подключения к FTP серверу. Скачать вы его можете перейдя по этой ссылке: https://filezilla-project.org/download.php?type=client

Вставка кода HTML:

Для примера страницы куда мы будем вставлять нашу форму мы возьмём заготовку сайта который располагается у меня на компьютере.ЗаготовкаСайтаДля того чтобы найти куда же нам вставить нашу форму, нам нужно нажать правую кнопку мыши на место где должна располагаться наша форма и выбрать из выпавшего окна пункт под названием Просмотр кода элемента. Снизу появится окно редактор кода в нём нам подсветит место в коде HTML для данного элемента (Место под форму) в нашем случае это <td class=»form»>…</td>Просмотр HTML кодаЗапоминаем это место. Теперь нам его нужно найти в коде самой страницы с помощью программы NotePad++. Для этого заходим в папку где лежит наш сайт и в ней находим файл под названием index.html. Нажимаем на него правую кнопку и в выпавшем меню выбираем пункт под названием Edit whith notePad++ (редактировать с помощью NotePad++).КакЗайтивРедакторHtmlКода

Нам откроется текстовый редактор в котором находиться код нашей странички, в нём ищем нашу строку <td class=»form»>…</td> для удобства мы можем воспользоваться поиском по текстовому документу. Для этого нам нужно нажать комбинацию клавиш CTRL+F. Откроется окно поиска куда мы введём строчку <td class=»form»> и нажмём клавишу искать далее. Нам подсветится строчка именно та что нам нужна. НашлиМесто куда вставить кодПосл текста <td class=»form»> вставляем наш HTML код формы который нам предоставил ресурс GetResponse 3 шагСохраняем наш файл под названием index.html с помощью сочетания клавиш CTRL+S и открываем наш сайт (двойным нажатием левой кнопки мыши по файлу inex.html)ФинишВот наша форма подписки и готова! =)

ПОСТ БЫЛ ПОЛЕЗЕН? ЖМИТЕ "МНЕ НРАВИТСЯ"