Inserisci HTML o script personalizzati nelle pagine del tuo sito.
Utilizza l'iniezione di codice per aggiungere codice HTML e script che migliorano parti specifiche del tuo sito. Queste potrebbero includere servizi di live chat, verifica di domini per servizi di e-mail personalizzati o analisi di siti.
L'iniezione di codice non è adatta all'aggiunta di contenuto o per definire lo stile. Per aggiungere contenuto al tuo sito, visita Nozioni di base su pagine e contenuto. Per aggiungere codice CSS personalizzato per definire lo stile, utilizza l'Editor CSS personalizzato.
L'iniezione di codice è una funzione premium disponibile nei piani Business, Commerce, Professional e Premium.
Guarda un video
Prima di iniziare
- Se aggiungi codice all'iniezione di codice, potremmo chiederti di disabilitarlo quando modifichi il tuo sito.
- Per aggiungere codice JavaScript a un campo di iniezione di codice, racchiudilo tra i tag <script></script>.
- Ti consigliamo di aggiungere codice CSS all'editor CSS personalizzato anziché all'iniezione di codice. Se stai aggiungendo codice all'iniezione di codice, racchiudi il codice tra i tag <style></style>.
- L'area del piè di pagina è definita dal modello e dalla versione del sito.
- Il caricamento Ajax potrebbe impedire il corretto caricamento del codice CSS aggiunto all'iniezione di codice. Per evitare il problema, è consigliabile aggiungere il codice CSS all'Editor CSS.
Aggiungere codice a Iniezione di codice
Per aggiungere codice personalizzato a Iniezione di codice:
- Apri il pannello Strumenti per sviluppatori.
- Clicca su Iniezione di codice.
- Aggiungi codice HTML o script validi nei campi appropriati in Iniezione di codice per intestazione, piè di pagina, schermata di blocco o pagina di conferma ordine.
- Dopo aver aggiunto il codice, clicca su Salva.
Intestazione
Il codice aggiunto in questo campo viene inserito nel tag <head> su ogni pagina del tuo sito.
Piè di pagina
Il codice aggiunto in questo campo viene inserito prima del tag di chiusura </body> su ogni pagina del tuo sito.
Lock Page (Schermata di blocco)
La schermata di blocco appare quando hai impostato una password per il sito o una password di pagina. Il codice inserito qui viene visualizzato sopra il campo della password della schermata di blocco.
Sebbene sia possibile aggiungere codice a questo campo, ti consigliamo di utilizzare il pannello Schermata di blocco per progettare la tua schermata di blocco. In questo modo potrai aggiungere un'immagine di sfondo o una slideshow, definire lo stile del tipo di carattere, aggiungere il tuo logo e altro ancora.
Order confirmation page (Pagina di conferma dell'ordine)
Il codice aggiunto qui viene iniettato nella pagina di conferma dell'ordine che appare dopo che il cliente effettua il pagamento con carte regalo, iscrizioni e abbonamenti.
Sono disponibili sei tag che puoi utilizzare per inserire informazioni specifiche sul cliente. Se un acquisto è diviso perché contiene più profili di evasione, i dettagli verranno visualizzati per ogni ordine dell'acquisto.
- {orderId}— Il numero d'ordine dell'ordine confermato
- {orderSubtotal} – Subtotale dell'ordine confermato
- {orderSubtotalCents}: il subtotale dell'ordine confermato in centesimi
- {orderGrandTotal} – Totale complessivo dell'ordine confermato
- {orderGrandTotalCents} – Il totale dell'ordine confermato, in centesimi
- {customerEmailAddress} — L'indirizzo e-mail del cliente, come inserito nella sezione "La tua e-mail" in fase di pagamento
Pagina con lo stato dell'ordine
Il codice aggiunto qui viene iniettato nella pagina di stato dell'ordine, ovvero la pagina di conferma che viene visualizzata dopo che il cliente effettua il pagamento di prodotti fisici, in download digitale nonché prodotti composti da servizi. I clienti possono anche tornare su questa pagina in un secondo momento per controllare lo stato dell'ordine.
Sono disponibili sei tag che puoi utilizzare per inserire informazioni specifiche sul cliente. Se un acquisto è diviso perché contiene più profili di evasione, i dettagli verranno visualizzati per ogni ordine dell'acquisto.
- {orderId}— Il numero d'ordine dell'ordine confermato
- {orderSubtotal} – Subtotale dell'ordine confermato
- {orderSubtotalCents}: il subtotale dell'ordine confermato in centesimi
- {orderGrandTotal} – Totale complessivo dell'ordine confermato
- {orderGrandTotalCents} – Il totale dell'ordine confermato, in centesimi
- {customerEmailAddress} — L'indirizzo e-mail del cliente, come inserito nella sezione "La tua e-mail" in fase di pagamento
È possibile che i clienti visitino frequentemente la pagina dello stato dell'ordine, il che potrebbe attivare più volte gli script di tracciamento. Per evitare di contare due volte lo stesso cliente con gli script di tracciamento, disporre gli script da eseguire solo nella prima visita alla pagina dello stato dell'ordine dopo il pagamento, tra i tag {.if firstPageView} e {.end}. Ad esempio:
{.if firstPageView}
Aggiungi qui gli script di tracciamento che vuoi eseguire solo dopo il pagamento
{.end}
Aggiungi qui gli script che vuoi eseguire a ogni visita
Migrare il codice personalizzato della pagina di conferma dell'ordine
Abbiamo aggiornato la pagina di conferma dell'ordine per i prodotti fisici, digitali e composti da servizi. I clienti che acquistano questi tipi di prodotti vengono indirizzati su una pagina che visualizza lo stato dell'ordine, i relativi dettagli e l'opzione per creare un account cliente.
Se questo banner viene visualizzato nel pannello dedicato all'iniezione di codice, significa che il codice è stato aggiunto alla pagina di conferma dell'ordine originale e che l'aggiornamento non è stato applicato al sito.
Per applicare questo aggiornamento al tuo sito e indirizzare gli acquirenti alla nuova pagina di stato dell'ordine dopo pagamento dei prodotti digitali, fisici e dei prodotti composti da servizi:
- Copia il codice nel campo della pagina di conferma dell'ordine.
- Incollalo nel campo della pagina dello stato dell'ordine.
- Clicca su Salva.
- Clicca su Ho migrato il mio codice personalizzato.
Finché non avrai eseguito questi passaggi, tutti gli acquirenti verranno indirizzati alla pagina di conferma dell'ordine originale dopo il pagamento per tutti gli acquisti.
Iniezione di codice per pagina
Puoi anche inserire codice in una pagina specifica:
- Passa il mouse sulla pagina nel pannello Pagine.
- Clicca sull'icona
. - Fai clic su Avanzati.
Page Header Code Injection (Inserimento Codice nell'intestazione) aggiunge codice al tag <head> della pagina specifica.
Nelle impostazioni della Pagina del blog, la sezione Iniezione di codice a un post del blog permette di aggiungere codice a ogni post del blog.
La modalità di visualizzazione dell'iniezione di codice dipende dalla versione del sito.
Ricorda:
- Sconsigliamo di utilizzare HTML nell'Iniezione di codice intestazione pagina. Se lo fai, il codice non verrà visualizzato se disattivi la trasparenza dell'intestazione del sito.
- L'Iniezione di codice elemento post del blog appare sotto il contenuto del post.
Ricorda:
- L'iniezione di codice non verrà visualizzata sulle pagine di destinazione dell'Indice.
- A seconda del modello, l'Iniezione di codice elemento post del blog appare sopra o sotto il contenuto del post.
- Nei modelli con la Pagina del blog a griglia/elenco, il codice viene visualizzato sulla pagina di destinazione del blog e non sui singoli post.
Disattivare gli script nell'anteprima
Un codice personalizzato a volte impedisce di modificare in modo sicuro il proprio sito. Al momento di aiutarti a risolvere il problema, potremmo chiederti di disabilitare gli script nell'anteprima. Questo significa che non visualizzerai il tuo codice personalizzato mentre sei connesso, ma questo non influenzerà il modo in cui i visitatori vedranno il sito.
Se il tuo codice interferisce, visualizzerai questo messaggio nella parte inferiore del tuo sito:
È stato rilevato un errore di caricamento dell'anteprima del sito. Questo errore in genere è causato da codice inserito.
Per effettuare le modifiche in modo sicuro, clicca su Disattiva script nell'anteprima nella parte inferiore del sito. Il messaggio si trasformerà in Script disattivati nell'anteprima del sito. Per visualizzare il tuo codice personalizzato, apri una nuova finestra privata o in incognito nel tuo browser e inserisci l'URL della tua pagina.
Se il messaggio di disattivazione degli script non appare automaticamente:
- Fai apparire il messaggio digitando /safe in coda al tuo URL di modifica sicura e quindi premendo Invio.
- Se non accade nulla, controlla le aree in cui avevi aggiunto un codice personalizzato per rimuoverlo temporaneamente mentre il problema viene risolto.
Dopo aver disattivato il codice, potrebbe apparire il messaggio Attivare script nell'anteprima? (Questa pagina è vuota), È preferibile non cliccarvi sopra, poiché potrebbe interferire con l'anteprima, la modifica e l'esecuzione del sito mentre sei connesso. Il messaggio non si può nascondere, ma è visibile solo se connessi; i visitatori non lo visualizzeranno.
Le modifiche basate su codice non rientrano nell'ambito del nostro supporto. Ciò significa che non possiamo fornire ulteriore assistenza in relazione alla configurazione o alla risoluzione dei problemi. Inoltre, non possiamo garantire la funzionalità o la completa compatibilità del codice inserito con Squarespace. Ciò include il modo in cui funziona con il nostro design reattivo, soprattutto relativamente all'aspetto sui dispositivi mobili e al funzionamento su tutti i modelli. Il codice personalizzato potrebbe causare problemi di visualizzazione con i futuri aggiornamenti della nostra piattaforma. Pur non potendo offrire ulteriore assistenza, esistono diverse risorse per indicarti la giusta direzione da seguire:
- Scopri le procedure consigliate per aggiungere codice personalizzato.
- Leggi la nostra guida generale sulle personalizzazioni di terze parti.
- Visita il nostro Forum Squarespace dedicato a clienti e sviluppatori.
- Affidati a uno Squarespace Expert per creare un codice personalizzato per il tuo sito.
- Scopri i nostri piani premium e aziendali per trovare la soluzione più adatta alla tua azienda.