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 Ecwid. È 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. Se si usa il Sito istantaneo di ultima generazione, è anche possibile sostituire sezioni del sito specifico con i propri contenuti tramite codice JavaScript.

Disponibile con il piano: Venture, Business, Unlimited.

Effettua l'upgrade

Scegliere dove aggiungere il codice

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 se si desidera aggiungere una favicon (in inglese) o è necessario 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 di Ecwid, 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 di Ecwid, 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.
Salvare le modifiche.

Aggiornare la pagina del Sito istantaneo nel browser per visualizzare le modifiche.

Sostituire le sezioni del Sito istantaneo di ultima generazione con il proprio script

È possibile sostituire una sezione Sito istantaneo di ultima generazione esistente con il proprio contenuto tramite un codice JavaScript personalizzato. Ad esempio, se si desidera aggiungere Google Calendar in modo che i clienti possano prenotare delle lezioni di musica. Dopo aver sostituito il contenuto della sezione, è possibile aggiungerlo al menu di navigazione in modo che i clienti possano individuarlo subito.

Per sostituire una sezione del Sito istantaneo con i propri contenuti:

Dal pannello di controllo di Ecwid, accedere a Sito Web (oppure a Panoramica → Gestisci Sito istantaneo).
Fare clic sull'indirizzo del proprio Sito istantaneo per aprirlo:
Scorrere fino alla sezione che si desidera sostituire, fare clic con il tasto destro del mouse su di essa, quindi scegliere Ispeziona e copiare l'ID della sezione:

Ulteriori informazioni su come trovare i selettori Ecwid →
È possibile sostituire solo le sezioni con i seguenti ID:
tile-text-...
tile-image-text-...
tile-call-to-action-...

Copiare questo codice:

<script>
  document.addEventListener("DOMContentLoaded", function(){
  document.getElementById("tile-text-H2KtzB").innerHTML = '
      <div>YOUR CODE HERE</div>';
   });
  </script>

Sostituire "tile-text-H2KtzB" con l'ID della sezione del proprio Sito istantaneo e "YOUR CODE HERE" con il proprio codice personalizzato.
Nella pagina Sito web (oppure Panoramica → Gestisci Sito istantaneo) del pannello di controllo di Ecwid, scorrere verso il basso fino alla sezione "Impostazioni avanzate del sito web". e fare clic su Aggiungi codice sotto Codice JavaScript personalizzato.
Nel campo che apparirà, inserire il proprio codice.
Salvare le modifiche.

Aggiornare la pagina del Sito istantaneo nel browser per visualizzare le modifiche.

È possibile sostituire solo le sezioni già pubblicate. Le modifiche non saranno visualizzate quando si visualizza il sito nell'editor Sito istantaneo.