Come attivare un popup con un clic?
Il seguente articolo si applica al nostro nuovo editor Forms and Popups. La guida per l’editor legacy può essere trovata qui.
Ora puoi configurare il modulo in modo che si apra quando il visitatore del tuo sito web clicca su un pulsante o un link di tua scelta. Puoi combinare il trigger on click con trigger diversi, puoi saperne di più su altri trigger qui.
Impostazione del trigger al clic
Per impostare il trigger del clic per il popup:
- Vai a Moduli e pop up e clicca sul nome.
- Clicca su Modifica in Regole di visualizzazione.
- Fai clic su Modifica trigger per selezionare l’azione che farà apparire il popup.
- Seleziona Al clic.
- Inserisci il selettore CSS che identifica l’elemento HTML che, se cliccato, apre il popup. Controlla gli esempi del trigger qui sotto. Se non riesci ad accedere al codice del tuo sito, consulta il tuo sviluppatore..
- Clicca Applica.
Esempi di selettori CSS
Un selettore CSS è un pattern utilizzato nello sviluppo web per indirizzare e definire specifici elementi HTML su una pagina web. Quando imposti un trigger On click per il tuo modulo popup in GetResponse, il selettore CSS identifica il pulsante o il link su cui i visitatori devono cliccare per attivare il popup.
Immagina di avere un pulsante sul tuo sito web con il seguente codice HTML:<button class="subscribe-button">Subscribe Now</button>
Per usare questo pulsante come trigger per il tuo modulo popup, dovresti impostare il selettore CSS per indirizzarlo. Ad esempio:
- Per indirizzarlo in base alla sua classe (questo funzionerà per ogni elemento HTML in questa classe):
.subscribe-button - Per indirizzarlo tramite il suo tag HTML e la sua classe (che potrebbe funzionare per ogni pulsante in questa classe):
button.subscribe-button - Per indirizzare un pulsante con un ID specifico (se il pulsante ha
id="subscribe"):#subscribe
Il selettore per Id/# trova il primo elemento corrispondente e il clic verrà registrato solo su di esso. Il selettore per classe funziona su molti elementi, proprio come altri selettori. Il selettore Id/# è unico in questo aspetto.
Se vuoi che il clic venga eseguito esattamente su ciò che desideri, assicurati che il selettore sia univoco.
L’impostazione di un trigger Al clic tramite selettori CSS richiede una conoscenza di base di HTML e CSS. Se non hai familiarità con questi concetti o con la struttura del codice del tuo sito web, ti consigliamo di consultare il tuo sviluppatore web.
Nota che GetResponse non fornisce supporto tecnico per l’impostazione dei selettori CSS. Tuttavia, se hai bisogno di una guida generale, puoi fare riferimento alle risorse online o chiedere assistenza a un professionista.
