Создание сайта в конструкторе        18 декабря 2019        87         0

Как сделать форму подписки на сайте от Goodly.pro

Продолжаем серию статей о создании сайта в бесплатной программе-конструкторе Mobirise. Здесь покажу как сделать форму подписки на сайте от Goodly.pro, и вставить ее вместо кнопки на нашем сайте.

Форма подписки на сайте от Goodly.pro

Идем на сервис Goodly.pro, регистрируемся.

Как сделать форму подписки на сайте от Goodly.pro

Выбираем и оплачиваем тариф.

Как получить тариф «Для уверенных» на 1 год всего за 5 т.р. – смотрите здесь >>>

Как сделать форму подписки на сайте от Goodly.pro

Там есть 2 кабинета: кабинет покупателя и кабинет администратора.

Нас интересует второй. Жмем на кнопку «Администрирование».

Как сделать форму подписки на сайте от Goodly.pro

Попадаем сюда:

Как сделать форму подписки на сайте от Goodly.pro

Создание группы подписчиков на Goodly.pro

Нас интересуют рассылки, жмем на кнопку в правой части панели управления «Рассылка» -> «Группы подписчиков» -> «Добавить группу».

Как сделать форму подписки на сайте от Goodly.pro

 

Заполняем все поля, в поле «Обратный E-mail» нужно вставить адрес, который Вы зарегистрировали на своем домене, формата: e-mail@domen.ru

Заполняем все поля.

Поля с переадресацией можете оставить по умолчанию, либо поставить туда нужные Вам ссылки.

Я в первое поле «Переадресация при подписке» поставлю ссылку на страницу «Спасибо».

Ваша ссылка будет выглядеть так: https://ваш-сайт.ru/ваша-папка/spasibo.html

В моем случае так: https://svoboda-zhizni.ru/p-lift/spasibo.html

Т.е., после того, как подписчик отправит Вам свои данные, его переадресует на страницу «Спасибо», где мы предложили 2 подарка.

как сделать форму подписки на сайте

Жмем на кнопку «Создать».

Если возникают вопросы или трудности – воспользуйтесь видео «Инструктаж по созданию группы».

Корректировки формы подписки на Goodly.pro

Группа создана, жмем на значок лупы – «Просмотр».

как сделать форму подписки на сайте

Здесь находится наша форма подписки. Меняем текст на кнопке, на нужный.

У меня это будет «ЗАБРАТЬ КОМПЛЕКТ».

Выбираете цвет кнопки, регулируете ширину.

Можете просмотреть, как форма будет выглядеть на сайте, нажав на кнопку «Предпросмотр формы».

Если все утраивает, то выделаете весь код формы от первого до последнего символа (очень внимательно!)

как сделать форму подписки на сайте

Данный код вставляете в редактор (блокнот или notepad++).

Что бы данная форма подписки встала по середине, нужно поставить тег <center в начало кода и тег /center> в конце кода, как показано на скриншоте ниже.

сделать форму подписки

сделать форму подписки

Если Вы хотите удалить ссылку на сервис Goodly.pro, который автоматически проставляется в коде Вашей формы, то найдите в коде такую строку:

<p style=»text-align:center»>Рассылка предоставляется сервисом <a href=»https://goodly.pro» target=»_blank»>Goodly.Pro</a></p>

У меня эта строка № 37.

И удалите часть кода от тега <p до тега /p>, как показано на скриншоте выше.

Итак, код формы отредактирован, теперь его надо вставить на наш сайт.

Интеграция формы подписки на сайт

Идем на хостинг -> Файловый менеджер -> далее в папку, где находятся файлы нашего сайта -> открываем файл «e-mail.html»

сделать форму подписки

Открывается редактор кода. В правом нижнем углу жмем на «Раскрыть на весь экран».

Ищем строку с нашей кнопкой «ПОДРОБНЕЕ».

Выделяем часть кода: <a class=»btn btn-danger display-4″ href=»https://mobirise.co»>ПОДРОБНЕЕ</a>

(У меня это находится в 34 строке). И удаляем его.

как сделать форму подписки на сайте

Максимально внимательно!!! Не больше и не меньше, иначе сайт не будет работать!

Дальше копируем наш код формы подписки из редактора (тот, который мы уже отредактировали) и вставляем его в то место, где у нас стоит курсор, после того, как мы удалили не нужный нам код.

Жмем «Сохранить».

Идем на страницу, куда мы вставляли форму подписки: https://ваш-сайт.ru/ваша-папка/e-mail.html

И проверяем.

В место кнопки «Подробнее» появилась наша форма подписки:

как сделать форму подписки на сайте

Проверка формы подписки

Теперь нужно обязательно проверить работу формы подписки.

Введите ваши данные: Имя и e-mail.

После нажатия на кнопку «Забрать комплект», Вас должно переадресовать на страницу «Спасибо» (если Вы делали, как показано у меня в примере).

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

Все, на этом настройки сайта закончены.

Что дальше?

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

Для этого зайдите в «Авторассылка» -> «Добавить авторассылку» -> и создайте цепочку писем, в которой в первом письме, после подтверждения подписки, Вашему подписчику придет подарок или то, на что он подписывался на Вашем сайте.

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

Я Вас поздравляю — Вы молодец!

Вы уже создали сайт в бесплатном конструкторе, зарегистрировали домен и хостинг и выгрузили свой шедевр в интернет!

arbitrazh-trafika-obuchenieДело осталось за малым, но очень важным элементом, без которого Ваш сайт не принесет Вам плодов — это трафик на Ваш сайт.

Про трафик можете почитать статью:

Там же найдете информацию о том, как получить сервис  Goodly.pro на 1 год в подарок.

Да, хороший такой подарочек на 240 000 рублей.

Предыдущие статьи по теме:

Следующая статья по теме:

Здесь Вы можете скачать БЕСПЛАТНО «Готовый комплект для создания сайта»

Готовый комплект для создания сайта

СКАЧАТЬ КОМПЛЕКТ >>>

Ну, а если денег нет совсем, то читайте следующую статью, где я расскажу и покажу, как установить на свой сайт форму подписки от сервиса SendPulse.com, где есть бесплатный тариф.

 

 

Как стать миллионером в интернете с нуля? Понравилась статья? Поделись с другом!Как стать миллионером в интернете с нуля?

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *