E' possibile inserire codice HTML, CSS o JS?

In questo articolo imparerete a inserire codice HTML, CSS e JS nelle pagine create con systeme.io.

Sono necessari

  • un account systeme.io
  • codice HTML, CSS o JS

Perché aggiungere codice personalizzato alle vostre pagine?

Aggiungendo codice HTML alla vostra pagina, è possibile aggiungere stile, funzionalità e struttura personalizzati ai contenuti di immagini, testo, link, ecc...

Ad esempio:

Per personalizzare lo stile, è possibile aggiungere codice CSS.

Per aggiungere animazioni a una pagina o a singoli elementi (ad esempio quando si passa il mouse o si fa clic su un pulsante), si può aggiungere codice JS.

Per aggiungere titoli o testo in generale, creare tabelle, parti e divisioni nella pagina, aggiungere codice HTML.

Note importanti:

Quando si aggiunge codice personalizzato nelle sezioni codici dell'intestazione, codici del piè di pagina, codici di tracciamento o codice html grezzo, non includere nessuno dei seguenti tag:

  • <head> </head>
  • <footer> </footer>
  • <html> </html>
  • <body> </body>

Quando si aggiunge un video tramite iframe , non sono necessari tag aggiuntivi.

Non è corretto:

<div> 
    <iframe src="link to your video"></iframe>
</div>

Corretto:

<iframe src="link to your video"></iframe>

1. Aggiungi i codici nella sezione "Tracciamento":

Per integrare i tuoi codici di tracciamento, dovrai andare nel tuo funnel di vendita contenente la pagina in cui vuoi inserire il codice.

Seleziona la pagina del funnel dall'elenco delle pagine a sinistra e fai clic su "Modifica pagina".

Fai clic su "Impostazioni", nell'angolo in alto a sinistra, quindi scorri verso il basso fino alla sezione "Tracciamento".

1.1 Codici da inserire nella sezione tracciamento

In questa sezione si deve incollare il codice che deve trovarsi all'interno dei tag <head> e </head> della pagina.


1.2 Codici da inserire nella parte del footer

In questa sezione, aggiungere il codice destinato al "Document Object Model" (DOM).

2. Aggiungere un codice nelle impostazioni funnel di vendita:

Alcuni codici devono essere aggiunti a ciascuna pagina del funnel per ottenere un tracciamento corretto.

Per evitare di doverlo incollare ogni volta, è possibile applicarlo direttamente al codice di tracciamento, che verrà distribuito automaticamente nell'intero funnel di vendita.

Per applicare automaticamente i codici a tutte le pagine, vai all'immagine del tuo profilo, clicca su "Impostazioni", quindi su "Funel di vendita" e inserisci il codice nel campo.

3. Aggiunta di un elemento "raw HTML" alla pagina:

E' anche possibile inserire qualsiasi codice HTML direttamente su una pagina.

1. Dovrai aggiungere l'elemento "Raw HTML" alla parte desiderata della tua pagina, trascinandolo. 

2. Seleziona quindi la rotellina di scorrimento dell'elemento, in modo da visualizzare le impostazioni dell'elemento (numero 1 nell'immagine).

Nel riquadro di sinistra verrà visualizzata la sezione destinata all'integrazione del raw HTML. Incolla il codice (numero 2 nell'immagine).

È quindi necessario aggiungere il raw HTML (numero 3 nell'immagine), quindi cliccare su "Salva" (numero 4 nell'immagine).

Assicurati di salvare le tue modifiche.

L'aggiunta di un codice HTML sulla tua pagina, permette di portare le funzionalità attraverso un linguaggio descrittivo per strutturare i contenuti di questo (Immagine, testo, Link...).

In esempio:

  1. Per aggiungere design - questa personalizzazione è possibile attraverso l'aggiunta di CSS
  2. Per aggiungere animazioni a una pagina - personalizza la tua visualizzazione quando fai clic su un determinato pulsante aggiungendo JS
  3. Per aggiungere titoli o scritte in generale, creare tabelle, parti e divisioni nella pagina - è possibile aggiungendo codice HTML