Подборка отличных идей для форм подписки на сайте

Подборка отличных идей для форм подписки на сайте


«Представим что вы на первом свидании, и вдруг вы замечаете что ваш спутник начинает ковыряться в носу. Второго свидания уже не будет, верно? Но вот если вы уже женаты на ком-то много лет, и вдруг видите что он начинает заниматься этими самыми раскопками, вряд ли вы сразу побежите разводиться. Когда отношения уже установлены, мы воспринимаем всё немного иначе.»

Кэвин Хэйл (основатель Wufoo)

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

  • форма регистрации на вашем сайте,
  • контактная форма для связи с вами,
  • форма подписки на ваши рассылки.

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

Форма подписки с одним полем

Этот минимальный интерфейс показывает только одно поле для ввода текста за раз, без каких-либо помех или отвлекающих факторов. Недостаток заключается в том, что нет возможности вернуться к предыдущей записи. У codrops можно почитать, как создать такую форму на своём сайте.

Форма подписки с одним полем

Форма с «естественным языком»

Форма представляет собой предложение, а некоторые слова в нём — выпадающее меню, в этом руководстве вы сможете почитать, как установить такую форму на своём сайте.

Форма подписки с «естественным языком»

Читайте также

6 приёмов вёрстки, чтобы сделать удобную форму

Форма подписки на полный экран

Форма, растянутая на весь экран, исключает все отвлекающие факторы и концентрирует внимание пользователя на процессе. Посмотреть, как это работает, и заполнить форму можно здесь.

Форма подписки на полный экран

Несколько симпатичных форм подписки на рассылку:

У нас есть своя коллекция форм подписки, которые нам когда-то понравились. Наконец-то делимся ими:

Читайте также

Тренды в веб-дизайне в 2018 году от Hubspot (перевод)

Формы регистрации/входа на сайт:

Дизайн форм для ввода данных кредитных карт:

Попробуйте наш собственный

Сервис сбора подписчиков
Как сделать форму ввода, удобную даже для котиков Как сверстать форму, которая не сведёт пользователей с ума и собёрет для вас информацию без ошибок.
Как собрать базу подписчиков при помощи Facebook Инструмент Lead Ads в фейсбуке позволяет получать подписчиков прямо из соцсети. Рассказываем, как это работает.
Как использовать Фейсбук для сбора подписчиков

Показываем, как работает Lead Ads в Facebook, с помощью которого можно собирать подписчиков прямо из соцсети.