Como ativar um pop-up com um clique?
O seguinte artigo aplica-se ao nosso novo editor de formulários e popups. A ajuda do editor antigo pode ser encontrada aqui.
Agora podes configurar o formulário para que apareça quando o visitante do teu site clicar num botão ou link à tua escolha. Podes combinar o acionador de clique com outros accionadores. Podes saber mais sobre outros accionadores aqui.
Configurar o acionador de clique
Para configurar o acionador de clique para o teu popup:
- Vai a Formulários e popups e clica no nome.
- Clica em Editar, em Regras de exibição.
- Clica em Editar accionadores para selecionar a ação que fará aparecer o popup.
- Seleciona Ao clicar.
- Introduz o seletor CSS que identifica o elemento HTML que, quando clicado, abre o popup. Vê exemplos do acionador abaixo. Se não conseguires aceder ao código do teu site, consulta o teu programador.
- Clica em Aplicar.
Exemplos de seletores CSS
Um seletor CSS é um padrão usado no desenvolvimento da Web para direcionar e estilizar elementos HTML específicos em uma página da Web. Ao configurar um gatilho Ao clicar para seu formulário popup na GetResponse, o seletor CSS identifica o botão ou link que os visitantes precisam clicar para acionar o popup.
Imagina que você tem um botão no seu site com o seguinte código HTML:<button class="subscribe-button">Subscribe Now</button>
Para utilizar este botão como acionador do teu formulário popup, definirias o seletor CSS para o direcionar. Por exemplo:
- Para o seleccionares pela sua classe (isto funcionará para todos os elementos HTML desta classe):
.subscribe-button - Para o direcionar pela sua etiqueta HTML e classe (que pode funcionar para todos os botões desta classe):
button.subscribe-button - Para direcionar um botão com um ID específico (se o botão tiver
id="subscribe"):#subscribe
O seletor por Id/# encontra o primeiro elemento correspondente e o clique será registado apenas nele. O seletor por classe funciona em muitos elementos, tal como os outros selectores. O seletor Id/# é único neste aspeto.
Se quiseres que o clique seja executado exatamente no que pretendes, certifica-te de que o seletor é único.
A configuração de um acionador de clique com seletores CSS requer conhecimentos básicos de HTML e CSS. Se não estiveres familiarizado com estes conceitos ou com a estrutura do código do teu site, recomendamos que consultes o teu programador web.
Observe que a GetResponse não fornece suporte técnico para configurar seletores CSS. No entanto, se precisar de orientação geral, pode consultar recursos on-line ou procurar ajuda de um profissional.