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

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


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Виды поп-апов. Какие бывают всплывающие окна

Почтовый ящик

Приводим 8 простых способов и инструментов, чтобы собирать подписчиков в свою базу рассылки.

Как собрать базу подписчиков при помощи Facebook

Инструмент Lead Ads в фейсбуке позволяет получать подписчиков прямо из соцсети. Рассказываем, как это работает.

Как сделать форму ввода, удобную даже для котиков

Как сверстать форму, которая не сведёт пользователей с ума и собёрет для вас информацию без ошибок.