Из опыта создания интернет-магазинов

Поп-ап

Попап
Что такое поп-ап

Что такое поп-ап? Это всплывающее окно квадратной или прямоугольной формы, цель которого, донести до нас важную информацию и тем самым вовлечь в воронку некоего процесса: продажи, опроса и т.д. Поп-апы бывают разных видов. Рассмотрим на примере интернет-магазина.

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

/p>Поп-ап, который предлагает некую ценность. Для того, чтобы увеличить конверсию сайта, привлечь новых покупателей, стоит использовать поп-ап с призывом /например, получить скидку за подписку или -20% с каждой 2-ой покупки. Действие такого баннера не должно быть сразу с первых страниц посещения сайта, а с того момента, когда посетитель собирается покинуть интернет-ресурс.

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

Поп-ап с закрывающим целевым действием. Такой поп-ап, как правило, это всплывающая корзина, которая призывает завершить целевое действие, а именно - завершить покупку, перейти к оформлению.

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

Поп-ап должен соответствовать стилистике сайта, должен быть неброским, но запоминающимся, креативным.

Всегда стоит помнить, что поп-ап должен быть и в мобильной версии сайта.

Как заанимировать поп-ап в Figma
Попап 1
Попап 1
Попап 1
Попап 1
Попап 1
Попап 1
Попап 7