Aggiungere codice personalizzato al Sito istantaneo
Il codice personalizzato consente di verificare la proprietà del Sito istantaneo e aggiungere una vasta gamma di nuovi elementi e contenuti come widget di moduli per chat o contatti al sito Web. È anche possibile integrare servizi di terze parti (ad esempio, prenotazione) con Sito istantaneo in questo modo.
Nel Sito istantaneo esistono due posizioni in cui è possibile aggiungere codice: la sezione intestazione e la sezione corpo. Inoltre, è possibile aggiungere sezioni dedicate con codice personalizzato alle singole pagine del Sito istantaneo.
Scegliere dove aggiungere il codice
L'aggiunta di codice all'intestazione o al corpo del Sito istantaneo consente di applicare il codice a tutte le pagine del sito. Incollare il codice in una sezione del Sito istantaneo consente di aggiungere codice personalizzato a una particolare pagina del sito a cui appartiene questa sezione.
Quando si sceglie tra l'intestazione e il corpo del Sito istantaneo come posizione in cui aggiungere il codice personalizzato, considerare il codice stesso e il proprio caso d'uso.
In generale, si consiglia di implementare JavaScript nel corpo del sito perché rappresenta una soluzione migliore in termini di velocità della pagina. Tuttavia, in alcuni casi (ad esempio, la verifica della proprietà del dominio) il codice deve essere aggiunto alla sezione dell'intestazione.
Assicurarsi di leggere le istruzioni per il codice/widget di terze parti che si desidera aggiungere al proprio Sito istantaneo per ottenere dei suggerimeti sulla posizione in cui aggiungere questo particolare pezzo di codice.
Aggiungere codice nella sezione intestazione del tuo Sito istantaneo
L'inserimento del codice nell'intestazione del Sito istantaneo è l'opzione migliore per verificare la proprietà di un sito o un dominio (ad es. quando si vende o si fa pubblicità su Facebook). È possibile aggiungere più codici alla sezione intestazione.
Per aggiungere un codice personalizzato alla sezione intestazione del Sito istantaneo:
- Dal pannello di controllo del negozio, accedere a Sito Web (oppure a Panoramica → Gestisci Sito istantaneo).
- Scorrere verso il basso fino alla sezione "Impostazioni SEO", quindi fare clic su Aggiungi codice sotto Meta tag di intestazione e verifica del sito:
- Nel campo che apparirà, inserire il proprio codice.
- Salvare le modifiche.
Aggiornare la pagina del Sito istantaneo nel browser per visualizzare le modifiche.
Aggiungere codice nella sezione corpo del Sito istantaneo
L'inserimento di codice nel corpo del Sito istantaneo è l'opzione ideale quando è necessario implementare uno script personalizzato. Ad esempio, si desidera avere una finestra di chat Zendesk o un widget per il modulo di contatto sul proprio sito Web. È possibile aggiungere alla sezione del corpo tutti i codici necessari.
Per aggiungere un codice personalizzato alla sezione corpo del Sito istantaneo:
- Dal pannello di controllo del negozio, accedere a Sito Web (oppure a Panoramica → Gestisci Sito istantaneo).
- Scorrere verso il basso fino alla sezione "Impostazioni sito Web avanzate", quindi fare clic su Aggiungi codice sotto Codice JavaScript personalizzato:
- Nel campo che apparirà, inserire il proprio codice (non più di 4000 simboli).
- Salvare le modifiche.
Aggiornare la pagina del Sito istantaneo nel browser per visualizzare le modifiche.
Aggiunta di sezioni di codice personalizzato alle singole pagine del sito
È possibile aggiungere una sezione del sito dedicata con codice personalizzato (HTML, CSS o JavaScript) a qualsiasi pagina del Sito istantaneo desiderata. Ad esempio, se è necessario un widget di Google Calendar sulla homepage in modo che i clienti possano prenotare le vostre lezioni di musica, o se desiderate mostrare una vista 3D del vostro negozio fisico agli acquirenti nella pagina Contatti.
Per aggiungere una sezione del sito con codice personalizzato:
- Dal pannello di controllo del negozio, accedere a Sito web → Modifica sito.
- (se sono state aggiunte più pagine al sito) Dal menu a discesa Pagina: Homepage nell'angolo in alto a sinistra scegliere la pagina dove si desidera aggiungere il codice.
- Fare clic su Aggiungi sezione, quindi scorrere verso il basso fino a Soluzioni avanzate.
- Nel blocco Incorpora e personalizza codice, fare clic su Aggiungi una sezione con codice personalizzato:
- Incollare il codice nel campo.
- Fare clic su Indietro e trascinare la sezione nell'elenco delle sezioni per modificarne la posizione nella pagina del sito.
- Una volta finito di modificare il tuo sito web, cliccare sul pulsante Pubblica nell'angolo in alto a destra dell'editor.
Fatto! È stato aggiunto del codice personalizzato a una sezione del Sito istantaneo su una pagina. Aggiornare la pagina nel browser per vedere le modifiche.