amp-web-push-widget button.amp-subscribe { display: inline-flex; align-items: center; border-radius: 5px; border: 0; box-sizing: border-box; margin: 0; padding: 10px 15px; cursor: pointer; outline: none; font-size: 15px; font-weight: 500; background: #4A90E2; margin-top: 7px; color: white; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.5); -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .amp-logo amp-img{width:190px} .amp-menu input{display:none;}.amp-menu li.menu-item-has-children ul{display:none;}.amp-menu li{position:relative;display:block;}.amp-menu > li a{display:block;} /* Inline styles */ h2.acss2f015{text-align:center;} .icon-widgets:before {content: "\e1bd";}.icon-search:before {content: "\e8b6";}.icon-shopping-cart:after {content: "\e8cc";}

Делаем форму подписки. Часть 1.

Форма подписки – важный элемент любого сайта. Благодаря ей можно получить постоянных посетителей на свой сайт. Когда пользователь подписывается на рассылку, значит, он достаточно высоко оценил Ваш веб-ресурс и посчитал его полезным для себя. Остается только напоминать ему об этом, присылая анонсы новых статей и приглашая на сайт для их прочтения.

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

Как создать свою форму подписки

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

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

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

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

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

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

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

Следуя этим нехитрым рекомендациям, можно сделать красивую и уникальную форму подписки для сайта. Тому, как поместить эту форму на свой сайт, посвящен следующий урок.

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

Делитесь информацией с друзьями

Адель Гадельшин

View Comments

Recent Posts

Что такое отказы на сайте, почему они происходят, как их уменьшить

Отказы на сайте - это процент посетителей, которые покидают сайт после просмотра только одной страницы.…

7 месяцев ago

Как сделать запуск инфопродукта

Инфопродукт - это любой продукт, который содержит информацию, полезную для потенциальных клиентов. Это может быть…

8 месяцев ago

Как вебмастеру юридически обезопасить себя

Ведение сайта - это не только подержание его работоспособности и наполнение контентом. В последние годы…

8 месяцев ago

Папки WordPress: значение папок /wp-admin, /wp-includes и /wp-content

WordPress - это популярная система управления контентом (CMS), которая позволяет создавать и управлять веб-сайтами различной…

8 месяцев ago

Что такое сертификат Let’s Encrypt и стоит ли его устанавливать

Сертификат Let’s Encrypt - это бесплатный и открытый сертификат SSL/TLS, который позволяет защитить веб-сайт от…

8 месяцев ago

Защита WordPress от вирусов

WordPress - это одна из самых популярных систем управления контентом в мире, которая используется миллионами…

9 месяцев ago