Как запустить всплывающее окно после клика?
Данная статья касается нового редактора форм и всплывающих окон. Информацию на тему форм старого редактора вы можете найти здесь.
Теперь вы можете настроить форму так, чтобы она всплывала, когда посетитель вашего сайта кликает на выбранную вами кнопку или ссылку. Вы можете комбинировать триггер по клику с другими триггерами, более подробно о которых можно узнать здесь.
Настройка триггера по клику
Чтобы настроить триггер по клику для вашего всплывающего окна:
- Перейдите в раздел Формы и всплывающие окна и нажмите на название формы.
- Нажмите Изменить под Правилами отображения.
- Нажмите Выберите параметры показа, чтобы выбрать действие, которое откроет всплывающее окно.
- Выберите После нажатия.
- Введите CSS-селектор, который идентифицирует HTML-элемент, при клике на который откроется всплывающее окно. Ознакомьтесь с примерами триггера ниже. Если у вас нет доступа к коду сайта, проконсультируйтесь с вашим разработчиком.
- Нажмите Следующий шаг.
Примеры CSS-селекторов
CSS-селектор — это шаблон, используемый в веб-разработке для выбора и стилизации конкретных HTML-элементов на веб-странице. При настройке триггера После нажатия для всплывающей формы в GetResponse, CSS-селектор указывает на кнопку или ссылку, на которые должны кликнуть посетители, чтобы вызвать всплывающее окно.
Предположим, у вас есть кнопка на сайте с следующим HTML-кодом:<button class="subscribe-button">Subscribe Now</button>
Чтобы использовать эту кнопку как триггер для всплывающей формы, нужно настроить CSS-селектор для её выбора. Например:
- Чтобы выбрать её по классу (это сработает для каждого HTML-элемента с этим классом):
.subscribe-button - Чтобы выбрать её по HTML-тегу и классу (что может сработать для каждой кнопки с этим классом):
button.subscribe-button - Чтобы выбрать кнопку с конкретным ID (если у кнопки был id=”subscribe”):
#subscribe
Селектор по ID/# находит первый подходящий элемент, и клик будет зарегистрирован только на нём. Селектор по классу работает для множества элементов, как и другие селекторы. Селектор по ID/# уникален в этом плане. Если вы хотите, чтобы клик выполнялся только на нужном элементе, убедитесь, что селектор уникален.
Настройка триггера После нажатия с использованием CSS-селекторов требует базовых знаний HTML и CSS. Если вы не знакомы с этими концепциями или структурой кода вашего сайта, рекомендуется проконсультироваться с веб-разработчиком.
Обратите внимание, что GetResponse не предоставляет техническую поддержку по настройке CSS-селекторов. Однако, если вам нужна общая информация, вы можете обратиться к онлайн-ресурсам или попросить помощи у профессионала.
