Come impostare un'ancora?

In questo articolo, vedremo come impostare un'ancora su una pagina per essere reindirizzati direttamente a una posizione specifica su una pagina.

Avrai bisogno di:
  • Un account systeme.io attivo
  • Un funnel di vendita
  • Una pagina
Attualmente esistono due modi per inserire un'ancora in una pagina di  systeme.io.  

1. Utilizzando un codice HTML:

Esempio: Un ancoraggio "Footer" che consenta di scendere in fondo a un lungo testo.
Tutto ciò che dovete fare è andare nell'editor della vostra pagina, aggiungere un elemento HTML appena sopra o sotto la posizione in cui volete che il pulsante venga reindirizzato e inserire il codice  <div id="quellochevuoi"></div> nell'HTML (numero 1 nell'immagine).
Nota: questo codice non si visualizzerà nella pagina.

Dopo aver inserito il codice, è sufficiente salvare (numero 2 nell'immagine).

Quindi, copiate il link della vostra pagina (numero 3 nell'immagine).

Infine, dovrete aggiungere un pulsante in cima alla pagina, che imposterete mettendo l'URL della vostra pagina seguito immediatamente da #quello_che_vuoi (numero 4 nell'immagine).

In questo modo, quando qualcuno fa clic sul pulsante, viene reindirizzato al livello dell'elemento HTML.

2. Utilizzando lo strumento dell'attributo ID di un elemento:

La prima cosa da fare è prendere l'attributo ID dell'elemento della pagina a cui si vuole reindirizzare il visitatore, una volta che ha fatto clic su un pulsante della stessa pagina.
Per farlo, basta andare alle impostazioni di un elemento facendo clic sull'elemento in questione, quindi, una volta visualizzate le impostazioni di quest'ultimo nel riquadro sinistro dell'editor, bisogna scendere fino in fondo per poter copiare l'attributo ID, che nel nostro esempio è "row-b3d9ba46".

Poi dovete copiare il link alla vostra pagina, come abbiamo già visto nella prima parte dell'articolo (numero 3 in una delle immagini precedenti).

Una volta copiato il link, aggiungerete un pulsante in cima alla pagina, che imposterete mettendo l'URL della vostra pagina seguito immediatamente da #AttributID, cioè #row-b3d9ba46 (numero 5 nell'immagine).