Примеры Попап Конструктор

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

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

Чтобы создать не слишком навязчивый попап, используйте один из макетов Side-in. С ними ваше всплывающее окно будет возникать на боковой части экрана и не препятствовать просмотру сайта. Этот попап сообщает минимум самой важной информации и имеет CTA кнопку. Он смотрится более сдержанно и не слишком перетягивает внимание с просмотра контента, сохраняя положительные впечатления от использования вашего сайта. Вы также можете задать конкретные страницы, на которых попап будет выводиться.

Этот попап занимает все свободное место на странице и не оставляет пользователю шансов избежать взаимодействия. Такой вариант возможен благодаря адаптивному размеру виджета - если вы оставите значение Auto, он автоматически займет все свободное пространство. Авторская картинка используется в качестве оверлея, все элементы выровнены по центру. Этот виджет настроен так, что попап-окно всплывает, когда пользователь пытается уйти со страницы и ведет курсор к кнопке закрытия. Вы также можете выбрать и другие триггер активации чата и категорию посетителей, которые смогут его увидеть.