Сегодня мы рассмотрим как установить форму подписки на наш сайт, в какую область сайта лучше всего устанавливать подписную форму и какое визуальное оформление ей лучше всего придать.
Итак, в прошлый раз мы рассмотрели создание формы подписки с помощью сервиса Smartresponder, а сегодня мы будем устанавливать созданную форму на сайт.
1. Получение кода формы в сервисе Smartresponder.
Мы создали форму форму подписки в сервисе Smartresponder, теперь нужно получить ее код, который уже будет устанавливаться на сайт. Вот наша форма:
Справа внизу мы видим кнопку «получить html-код», нажимаем ее.
Это исходный код формы подписки. Его нужно скопировать в буфер обмена. Для этого справа внизу есть кнопка «Скопировать в буфер обмена». Либо вы можете поставить курсор в код формы, выделить все нажатием комбинации клавиш ctrl+A и скопировать комбинацией клавиш ctrl+C.
Так, код скопирован, теперь нужно вставить его на сайт.
2. Установка кода формы подписки на сайт.
Чтобы теперь установить форму на сайт, нужно разместить на нашем сайте скопированный код. Есть тонкости, связанные с тем, какая система управления контентом используется на вашем сайте. Кроме того, форму подписки можно устанавливать в боковую панель сайта, после текстовых статей, в футер или на отдельные статичные страницы.
А) Ваш сайт работает на CMS WordPress.
В зависимости от темы оформления, ваш сайт может иметь один или несколько сайдбаров (боковых колонок) и центральную часть, где размещается основной тест. В эти места мы может устанавливать наши формы подписки.
Алгоритм установки формы подписки в сайдбар (боковую колонку сайта):
- Заходим в административную панель сайта ( по ссылке вида: http://ваш_сайт/wp-admin/ ).
- В левом вертикальном меню выбираем «Внешний вид» --> «Виджеты».
- Выбираем в поле «Доступные виджеты» виджет типа «Текст».
- Перетаскиваем виджет, зажав левую кнопку мыши, на доступный нам сайдбар (справа).
- Виджет «Текст» раскрывается, теперь можно в него вставить скопированный нами ранее код формы подписки. Можете также вписать заголовок виджета, если он вам нужен.
- Чтобы вставить код формы подписки, нажмите комбинацию клавиш ctrl+V.
- Нажимаем кнопку сохранить.
Все, форма установлена на сайт. Посмотрим как она выглядит:
Примечание: если форма отображается некорректно — выходит за пределы элементов сайта, имеет пересечение стилевых элементов с компонентами сайта (ошибки с стиле кнопки, шрифтов, неправильная ширина формы), то необходимо исправить CSS-стили формы. О том, как исправить ошибки отображения формы читайте в специальной статье.
Алгоритм установки формы подписки в конец статьи:
А) Можно устанавливать форму подписки вручную после нужных нам статей.
Для этого после текста статьи нужно переключить текстовый редактор в режим html.
Нажмите на кнопку «Текст» справа вверху текстового редактора:
Переключившись в режим «Текст», просто вставляем скопированный ранее код формы в текст и нажимаем «Сохранить» или «Обновить» запись.
Все, формы установлена в конец статьи. Вот как она выглядит:
Б) Можно разместить форму подписки после каждой статьи с помощью специального плагина New Adman.
Сначала нужно установить плагин New Adman на наш сайт.
Заходим в меню «Плагины», нажимаем «Добавить новый»:
В открывшемся окне в строке «Поиск» набираем New Adman и нажимаем «Поиск плагинов». Найдем нужный нам плагин. Нажимаем ссылку «Установить»:
Выскакивает сообщение «Вы уверены, что хотите установить этот плагин?». Нажимаем «Да».
После завершения установки нажимаем на ссылку «Активировать плагин».
Теперь переходим в меню «Параметры» --> «New Adman»:
Нам нужно вставить код формы подписки после статьи. Поэтому код вставляем в поле «Ad-Code to appear after your post content». Обратите внимание, что плагин позволяет также вставлять любой код в начало статьи, в середину текста или перед первым постом на главной странице. Это можно использовать, если плагин выводит рекламу на вашем сайте.
После вставки кода нажимаем кнопку «Update options» внизу страницы плагина.
Теперь после каждой статьи у нас будет выводиться форма подписки.
Внимание: у отдельных статей можно отключить вывод формы. Для этого при написании статьи поставьте галочку в «Disable ads on this page/post» (смотрите внизу под текстовым редактором).
Поделитесь этой записью с друзьями, буду благодарен!
Примечание: если форма отображается некорректно — выходит за пределы элементов сайта, имеет пересечение стилевых элементов с компонентами сайта (ошибки с стиле кнопки, шрифтов, неправильная ширина формы), то необходимо исправить CSS-стили формы. О том, как исправить ошибки отображения формы читайте в специальной статье.
Скажите,а если после установки формы некорректно отображается главная страница сайта,причем когда убираешь форму все становится на место?!
Причина также в конфликте стилей либо скриптов.
Если Вы укажете адрес сайта, где можно наблюдать проблему, я постараюсь помочь Вам решить ее.
Здравствуйте! Спасибо за ответ. Проблема на сайте mamochki-v-trende.ru Я пока вообще убрала форму, так как люди заходя на сайт просто пугаются((( Единственная форма которая более менее встала это партнерская форма подписки(она хотя бы не искажает главную страницу) мой почтовый ящик Marina Grishina2210@gmail.com. Было бы чудесно если бы Вы смогли мне подсказать как это исправить
Ваш почтовый адрес (Marina Grishina2210@gmail.com — не может быть пробела между словами в адресе) указан неверно, поэтому я не могу связаться с Вами по почте.
Чтобы исправить отображение формы и сайта, нужно ее установить и посмотреть, что ломается при этом.
Если Вы не хотите, чтобы работа проводилась на основном сайте, т.к. это приведет к временной потере посетителей (пока сайт отображается некорректно), то мы можем поступить следующим образом:
1. Создается полная резервная копия сайта (файлы и база данных).
2. Копия устанавливается на другой хостинг, с другим доменным именем (также можно установить на Ваш хостинг, создав просто домен третьего уровня, конечно если позволяет тарифный план хостера размещение еще одного сайта).
3. Работы по поиску и устранению проблемы проводятся на копии сайта.
4. Все изменения переносятся на основной сайт.
5. Временный сайт удаляется.
Пожалуйста, ответьте, приемлема ли для Вас такая схема работы?
а разве есть другой вариант?конечно не проблема! важен конечный результат!
Я отправил Вам письмо на почту. Пришло ли оно?
Мне тоже нужна ваша помощь! У меня не корректно отображается форма подписки
Приветствую, Дмитрий! Опишите, пожалуйста, какие именно ошибки в отображении формы? Дайте ссылку на Ваш сайт.
Здравствуйте! Извините без пробела MarinaGrishina2210@gmail.com
кто подскажет как по шагово установить Форму регистрации на сайт конструктора Фронт Пейдж???
пишите : tim.2012.tim@bk.ru