post
Бесплатная школа YouTube 3.0

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

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

1. Получение кода формы в сервисе Smartresponder.

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

форма подписки smarttesponder

Справа внизу мы видим кнопку «получить html-код», нажимаем ее.

код формы подписки

Это исходный код формы подписки. Его нужно скопировать в буфер обмена. Для этого справа внизу есть кнопка «Скопировать в буфер обмена». Либо вы можете поставить курсор в код формы, выделить все нажатием комбинации клавиш ctrl+A и скопировать комбинацией клавиш ctrl+C.

Так, код скопирован, теперь нужно вставить его на сайт.

2. Установка кода формы подписки на сайт.

Чтобы теперь установить форму на сайт, нужно разместить на нашем сайте скопированный код. Есть тонкости, связанные с тем, какая система управления контентом используется на вашем сайте. Кроме того, форму подписки можно устанавливать в боковую панель сайта, после текстовых статей, в футер или на отдельные статичные страницы.

А) Ваш сайт работает на CMS WordPress.

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

Алгоритм установки формы подписки в сайдбар (боковую колонку сайта):

  • Заходим в административную панель сайта ( по ссылке вида: http://ваш_сайт/wp-admin/ ).
  • В левом вертикальном меню выбираем «Внешний вид» --> «Виджеты».

виджеты wordpress

  • Выбираем в поле «Доступные виджеты» виджет типа «Текст».

виджет текст

  • Перетаскиваем виджет, зажав левую кнопку мыши, на доступный нам сайдбар (справа).

wordprress виджет текст

  • Виджет «Текст» раскрывается, теперь можно в него вставить скопированный нами ранее код формы подписки. Можете также вписать заголовок виджета, если он вам нужен.

код формы подписки

  • Чтобы вставить код формы подписки, нажмите комбинацию клавиш ctrl+V.
  • Нажимаем кнопку сохранить.

Все, форма установлена на сайт. Посмотрим как она выглядит:

форма подписки на сайт

Примечание: если форма отображается некорректно — выходит за пределы элементов сайта, имеет пересечение стилевых элементов с компонентами сайта (ошибки с стиле кнопки, шрифтов, неправильная ширина формы), то необходимо исправить CSS-стили формы. О том, как исправить ошибки отображения формы читайте в специальной статье.

 

Алгоритм установки формы подписки в конец статьи:

А) Можно устанавливать форму подписки вручную после нужных нам статей.

Для этого после текста статьи нужно переключить текстовый редактор в режим html.

Нажмите на кнопку «Текст» справа вверху текстового редактора:

установка формы подписки

Переключившись в режим «Текст», просто вставляем скопированный ранее код формы в текст и нажимаем «Сохранить» или «Обновить» запись.

код подписной формы

Все, формы установлена в конец статьи. Вот как она выглядит:

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

 

Б) Можно разместить форму подписки после каждой статьи с помощью специального плагина New Adman.

Сначала нужно установить плагин New Adman на наш сайт.

Заходим в меню «Плагины», нажимаем «Добавить новый»:

плагины добавление

В открывшемся окне в строке «Поиск» набираем New Adman  и нажимаем «Поиск плагинов». Найдем нужный нам плагин. Нажимаем ссылку «Установить»:

устаноить плагин для wordpress

Выскакивает сообщение «Вы уверены, что хотите установить этот плагин?». Нажимаем «Да».

После завершения установки нажимаем на ссылку «Активировать плагин».

Теперь переходим в меню «Параметры» --> «New Adman»:

плагин new adman

Нам нужно вставить код формы подписки после статьи. Поэтому код вставляем в поле «Ad-Code to appear after your post content». Обратите внимание, что плагин позволяет также вставлять любой код в начало статьи, в середину текста или перед первым постом на главной странице. Это можно использовать, если плагин выводит рекламу на вашем сайте.

После вставки кода нажимаем кнопку «Update options» внизу страницы плагина.

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

Внимание: у отдельных статей можно отключить вывод формы. Для этого при написании статьи поставьте галочку в «Disable ads on this page/post» (смотрите внизу под текстовым редактором).

Бесплатная школа YouTube 3.0

Поделитесь этой записью с друзьями, буду благодарен!

10 thoughts on “Smartresponder. Установка формы подписки на сайт

  1. Примечание: если форма отображается некорректно — выходит за пределы элементов сайта, имеет пересечение стилевых элементов с компонентами сайта (ошибки с стиле кнопки, шрифтов, неправильная ширина формы), то необходимо исправить CSS-стили формы. О том, как исправить ошибки отображения формы читайте в специальной статье.

    Скажите,а если после установки формы некорректно отображается главная страница сайта,причем когда убираешь форму все становится на место?!

  2. Причина также в конфликте стилей либо скриптов.

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

    • Здравствуйте! Спасибо за ответ. Проблема на сайте mamochki-v-trende.ru Я пока вообще убрала форму, так как люди заходя на сайт просто пугаются((( Единственная форма которая более менее встала это партнерская форма подписки(она хотя бы не искажает главную страницу) мой почтовый ящик Marina Grishina2210@gmail.com. Было бы чудесно если бы Вы смогли мне подсказать как это исправить

      • Ваш почтовый адрес (Marina Grishina2210@gmail.com — не может быть пробела между словами в адресе) указан неверно, поэтому я не могу связаться с Вами по почте.

        Чтобы исправить отображение формы и сайта, нужно ее установить и посмотреть, что ломается при этом.

        Если Вы не хотите, чтобы работа проводилась на основном сайте, т.к. это приведет к временной потере посетителей (пока сайт отображается некорректно), то мы можем поступить следующим образом:

        1. Создается полная резервная копия сайта (файлы и база данных).

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

        3. Работы по поиску и устранению проблемы проводятся на копии сайта.

        4. Все изменения переносятся на основной сайт.

        5. Временный сайт удаляется.

        Пожалуйста, ответьте, приемлема ли для Вас такая схема работы?

      • а разве есть другой вариант?конечно не проблема! важен конечный результат!

      • Я отправил Вам письмо на почту. Пришло ли оно?

    • Мне тоже нужна ваша помощь! У меня не корректно отображается форма подписки

      • Приветствую, Дмитрий! Опишите, пожалуйста, какие именно ошибки в отображении формы? Дайте ссылку на Ваш сайт.

  3. кто подскажет как по шагово установить Форму регистрации на сайт конструктора Фронт Пейдж???

    пишите : tim.2012.tim@bk.ru

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

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