Nota: Sebbene le nostre guide più popolari siano state tradotte in italiano, alcune guide sono disponibili solo in inglese.

Utilizzare Iniezione di codice

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 funzionalità Premium disponibile nei piani Business e Commerce.

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:

  1. Nel Menu Home clicca su Impostazioni, quindi su Avanzate e infine su Iniezione di codice.
  2. 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.
  3. Dopo aver aggiunto il codice, clicca su Salva.

Il codice aggiunto in questo campo viene inserito nel tag <head> su ogni pagina del tuo sito.

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 in questa sezione viene inserito nella pagina di conferma dell'ordine che appare dopo che il cliente ha eseguito il checkout. Questo è utile per aggiungere servizi di monitoraggio esterni e programmi affiliati al tuo negozio online.

Esistono sei tag che puoi utilizzare per inserire informazioni specifiche per il cliente:

  • {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

Iniezione di codice per pagina

Puoi anche inserire codice in una pagina specifica:

  1. Passa il mouse sulla pagina nel pannello Pagine.
  2. Clicca sull'icona .
  3. 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:

  1. Fai apparire il messaggio digitando /safe in coda al tuo URL di modifica sicura e quindi premendo Invio.
  2. 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:
Questo articolo ti è stato utile?
Utenti che ritengono sia utile: 168 su 469