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";}
Интернет сёрфинг, наверняка, приводил кого-то из пользователей к сайту, на страницах которого есть дополнительное окно с каким-либо содержанием. Это называется модальное окно.
Иногда на него реакция у пользователя хорошая, а иногда бывает негативная. В данной статье рассмотрим, как сделать модальное окно таким, чтобы не оттолкнуть от себя посетителя.
Польза от модального окна может быть, если оно не раздражает посетителя. Поэтому оно должно отвечать некоторым требованиям.
Во-первых, самое главное, не стоит делать, чтобы модальное окно нельзя было закрыть. Это просто выводит из себя каждого, и хочется уйти с такого сайта. Ещё хуже будет, если при нажатии на традиционный крестик закрытия модального окна, оно не исчезает, а наоборот откроет какой-то другой ещё один сайт. Не пользуйтесь такими приёмами, это роняет ваш авторитет.
Поэтому сделайте так, чтобы модальное окно можно было бы легко, спокойно и без нервов закрыть и больше не вспоминать о нём.
Во-вторых, модальное окно иногда может нервировать, когда он открывается само. Поэтому лучше, чтобы оно показывалось по команде пользователя.
Польза от модального окна будет, если там оно имеет правильное содержание. Оно зависит от того, на что нацелен ваш сайт. Данный элемент web-мастеру следует расценивать как дополнительно экранное пространство.
Модальное окно может использовать для формы обратной связи. Например, если пользователь захотел связаться с вами, то ему не обязательно будет уходить с интересующей его страницы. Достаточно будет нажать кнопку, и писать в модальном окне, которое открылось рядом.
Также можно поступить с формой регистрации или другими элементами сайта.
Как видно, модальное окно можно использовать для увеличения конверсии сайта.
Как было сказано, неуправляемое модальное окно будет во вред. Оно раздражает и нервирует всех.
Плохие последствия для сайта будут, если модальное окно содержит рекламу со ссылкой на другой ресурс. Таким образом, вы просто откроете дверь, через которую проводите своих постелей вон с сайта.
Как обычно, следует воспользоваться простыми плагинами. Можно предложить два: Remodal и Sugar Modal Windows Plugin.
Первый позволяет производить более тонкие настройки, однако требует вмешательства в стили библиотек. Тем, кто не разбирается в этом, следует использовать второй плагин. Он проще, но с меньшим функционалом.
Отказы на сайте - это процент посетителей, которые покидают сайт после просмотра только одной страницы.…
Инфопродукт - это любой продукт, который содержит информацию, полезную для потенциальных клиентов. Это может быть…
Ведение сайта - это не только подержание его работоспособности и наполнение контентом. В последние годы…
WordPress - это популярная система управления контентом (CMS), которая позволяет создавать и управлять веб-сайтами различной…
Сертификат Let’s Encrypt - это бесплатный и открытый сертификат SSL/TLS, который позволяет защитить веб-сайт от…
WordPress - это одна из самых популярных систем управления контентом в мире, которая используется миллионами…
View Comments
и если есть польза от этого окна ,как его сделать