{"id":22858,"date":"2026-08-29T10:31:52","date_gmt":"2026-08-29T08:31:52","guid":{"rendered":"https:\/\/www.curiaweb.ch\/?post_type=docs&#038;p=22858"},"modified":"2026-08-29T10:31:52","modified_gmt":"2026-08-29T08:31:52","password":"","slug":"kopage-html-css-javascript","status":"publish","type":"docs","link":"https:\/\/www.curiaweb.ch\/it\/hilfe\/website-baukasten\/kopage-html-css-javascript\/","title":{"rendered":"Utilizzare HTML, CSS e JavaScript personalizzati in Kopage"},"content":{"rendered":"<p class=\"wp-block-paragraph\">Il classico Website Builder di Kopage consente di utilizzare codice HTML, CSS e JavaScript personalizzato, oltre alle funzioni integrate.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">In questo modo puoi, ad esempio, integrare contenuti esterni, personalizzare determinate visualizzazioni o aggiungere funzionalit\u00e0 per cui Kopage stesso non fornisce un modulo adatto.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Il codice personalizzato offre ulteriori possibilit\u00e0, ma richiede anche la dovuta cautela. Codice errato o non verificato pu\u00f2 influire sulla grafica, sulle funzionalit\u00e0, sulle prestazioni, sulla sicurezza o sulla privacy del tuo sito web.<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p class=\"wp-block-paragraph\"><strong>Breve spiegazione:<\/strong> Per la maggior parte dei normali siti web di Jimdo non hai bisogno di un codice personalizzato. Usa HTML, CSS o JavaScript soprattutto quando le funzioni integrate non sono sufficienti per un requisito specifico.<\/p>\n<\/blockquote>\n\n\n\n<h2 class=\"wp-block-heading\">Che cos'\u00e8 il codice personalizzato in Kopage?<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Kopage \u00e8 fondamentalmente progettato per creare siti web senza alcuna conoscenza di programmazione.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Pagine, testi, immagini, moduli e numerose altre funzioni possono essere gestiti tramite il visual website builder.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Per esigenze particolari, il classico Website Builder di Kopage supporta tuttavia anche codice HTML, CSS e JavaScript personalizzato.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Le tre tecnologie svolgono compiti diversi:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>HTML\n\u2192 Struttura e contenuti\n\nCSS\n\u2192 Design e presentazione\n\nJavaScript\n\u2192 Comportamento e funzioni aggiuntive<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">Questa distinzione \u00e8 importante prima di inserire il tuo codice nel tuo sito web.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Quando ho bisogno di codice mio?<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Il codice personalizzato pu\u00f2 essere utile quando una determinata funzione non pu\u00f2 essere implementata con i normali strumenti di Kopage.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">I casi d'uso tipici sono, ad esempio:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Inclusione di un widget esterno,<\/li>\n\n\n\n<li>Integrazione di un servizio esterno,<\/li>\n\n\n\n<li>personalizzazioni CSS individuali,<\/li>\n\n\n\n<li>ulteriori contenuti HTML,<\/li>\n\n\n\n<li>o una funzione JavaScript speciale.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Se Kopage dispone gi\u00e0 di una funzione integrata adatta per il tuo compito, questa \u00e8 nella maggior parte dei casi la soluzione pi\u00f9 semplice e facile da mantenere.<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p class=\"wp-block-paragraph\"><strong>Consiglio pratico:<\/strong> Verifica prima se Kopage offre gi\u00e0 la funzione desiderata. Il codice personalizzato dovrebbe colmare una lacuna specifica e non sostituire inutilmente una funzione esistente del builder.<\/p>\n<\/blockquote>\n\n\n\n<h2 class=\"wp-block-heading\">Che cos'\u00e8 l'HTML?<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">HTML sta per HyperText Markup Language e descrive la struttura dei contenuti di una pagina web.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Un esempio molto semplice \u00e8:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;h2&gt;I nostri orari di apertura&lt;\/h2&gt;\n&lt;p&gt;Da luned&igrave; a venerd&igrave;: dalle 08:00 alle 17:00&lt;\/p&gt;<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">Il browser interpreta gli elementi HTML e li visualizza come un'intestazione e un paragrafo.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Tuttavia, in Kopage non \u00e8 necessario scrivere HTML da soli per i normali titoli e testi. A questo scopo sono disponibili le normali funzioni di modifica del website builder.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Quando \u00e8 utile l'HTML personalizzato?<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">L'HTML personalizzato diventa interessante, ad esempio, quando un fornitore esterno fornisce un codice di incorporamento pronto all'uso o quando \u00e8 necessaria una struttura speciale che non pu\u00f2 essere rappresentata in modo sensato con le normali funzioni di Kopage.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Un servizio esterno potrebbe ad esempio fornire un codice di questo tipo:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;div class=&quot;example-widget&quot;&gt;\n    Contenuto esterno\n&lt;\/div&gt;<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">Questo \u00e8 solo un esempio semplificato e non un widget da includere effettivamente.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Non abusare di HTML per la normale gestione delle pagine<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Solo perch\u00e9 si pu\u00f2 usare l'HTML, non dovresti creare manualmente tutti i contenuti normali delle pagine con esso.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Testi, immagini e normali sezioni di pagina possono essere gestiti pi\u00f9 facilmente con le funzioni Kopage previste.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Spiegheremo come elaborare i contenuti normali su <a href=\"\/it\/aiuto\/creatore-di-siti-web\/modificare-i-blocchi-di-contenuto-dei-contenuti-di-kopage\/\">Creare contenuti con Kopage: modifica di blocchi di contenuto, testi e immagini<\/a>.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Che cos'\u00e8 i CSS?<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">CSS sta per Cascading Style Sheets e viene utilizzato per la formattazione visiva degli elementi HTML.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Ci\u00f2 consente, ad esempio, di influenzare spaziatura, dimensioni dei caratteri, bordi o altre caratteristiche di visualizzazione.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Un esempio semplificato:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>.hinweis {\n    font-weight: bold;\n    padding: 20px;\n}<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">Questo CSS, tra le altre cose, rendererebbe in grassetto gli elementi con la classe corrispondente e aggiungerebbe un margine interno.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Quando \u00e8 utile il CSS personalizzato?<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Il CSS personalizzato pu\u00f2 essere utile quando hai bisogno di una modifica visiva mirata che va oltre le normali opzioni di design di Kopage.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Prima di utilizzare i CSS, tuttavia, dovresti verificare se la modifica desiderata pu\u00f2 gi\u00e0 essere implementata tramite le impostazioni di design e template esistenti.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Trattiamo le normali opzioni di design sotto <a href=\"\/it\/aiuto\/creatore-di-siti-web\/personalizzare-il-design-del-modello-kopage\/\">Modificare template e design di Kopage: colori, caratteri, intestazione e pi\u00e8 di pagina<\/a>.<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p class=\"wp-block-paragraph\"><strong>Importante:<\/strong> Non utilizzare CSS inutilmente per impostazioni che Kopage fornisce gi\u00e0 tramite la sua interfaccia di design. Le modifiche apportate tramite le funzioni integrate sono solitamente pi\u00f9 facili da comprendere per modifiche successive.<\/p>\n<\/blockquote>\n\n\n\n<h2 class=\"wp-block-heading\">Il CSS pu\u00f2 influenzare pi\u00f9 aree contemporaneamente<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">I CSS utilizzano i selettori. A seconda di quanto \u00e8 generale la formulazione di un selettore, una regola pu\u00f2 modificare non solo un singolo elemento, ma molte aree del sito web.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Una regola CSS molto generale pu\u00f2 quindi avere conseguenze indesiderate su altre pagine o elementi.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Testa accuratamente le modifiche CSS individuali e controlla non solo il punto che volevi modificare inizialmente.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Verificare le modifiche su pi\u00f9 pagine<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Se il tuo CSS agisce su classi comuni o elementi della pagina, dopo una modifica dovresti controllare diverse aree del sito web.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Ci\u00f2 include in particolare:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>Pagina iniziale\nsottopagine importanti\nNavigazione\nModuli\nBlog\nNegozio\nPi\u00e8 di pagina\nVisualizzazione per smartphone<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">Una modifica che ha un bell'aspetto su una singola pagina pu\u00f2 avere effetti imprevisti altrove.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Cos'\u00e8 JavaScript?<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">JavaScript \u00e8 un linguaggio di programmazione che pu\u00f2 essere eseguito nel browser e consente funzioni interattive o dinamiche.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">JavaScript pu\u00f2, ad esempio, reagire alle azioni dell'utente, caricare funzioni esterne o modificare dinamicamente i contenuti.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Un esempio molto semplificato:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;script&gt;\nconsole.log('Beispiel');\n&lt;\/script&gt;<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">Questo esempio \u00e8 puramente a scopo illustrativo e non ha alcun utilizzo pratico per un normale sito web Kopage.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Usare JavaScript con particolare attenzione<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">JavaScript offre molte pi\u00f9 possibilit\u00e0 rispetto a una semplice regola di stile CSS.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Un codice difettoso pu\u00f2 compromettere le funzionalit\u00e0, causare messaggi di errore o entrare in conflitto con il JavaScript esistente del sito web o di un servizio esterno.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Includi quindi solo codice JavaScript di cui conosci l'origine e lo scopo.<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p class=\"wp-block-paragraph\"><strong>Attenzione:<\/strong> Non copiare mai codice JavaScript non verificato da forum, commenti, siti Web sconosciuti o altre fonti non attendibili sul tuo sito Web. JavaScript pu\u00f2 fare molto di pi\u00f9 che semplicemente modificare la visualizzazione di una pagina.<\/p>\n<\/blockquote>\n\n\n\n<h2 class=\"wp-block-heading\">Cos'\u00e8 un codice embed?<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Molti servizi esterni forniscono un cosiddetto codice di incorporamento o embed.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Questo pu\u00f2 essere utilizzato per visualizzare un contenuto esterno all'interno di un sito web o per caricare una funzione esterna.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">A seconda del fornitore, un tale codice pu\u00f2 contenere HTML, JavaScript o una combinazione di essi.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Esempi tipici possono essere funzioni di prenotazione esterne, moduli, calendari, video, servizi di recensione o altri widget.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Includi il codice di incorporamento solo dal fornitore originale<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Se desideri integrare un servizio esterno, dovresti copiare il codice apposito direttamente dall'interfaccia di gestione ufficiale o dalla documentazione di quel servizio.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Non usare un codice qualsiasi tratto da un vecchio articolo di blog o da un forum solo perch\u00e9 viene menzionato il nome del servizio desiderato.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">I fornitori esterni possono modificare i loro metodi di incorporamento nel corso del tempo.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Preferire le funzioni di copage esistenti<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Per diversi contenuti esterni comunemente utilizzati, Kopage offre gi\u00e0 le funzioni adatte.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Trattiamo ad esempio le integrazioni con Google Maps, YouTube e i social media alla voce <a href=\"\/it\/aiuto\/creatore-di-siti-web\/kopage-mappe-youtube-social-media\/\">Incorporare Google Maps, YouTube e social media in Kopage<\/a>.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Se una tale possibilit\u00e0 integrata \u00e8 sufficiente per il tuo caso d'uso, non devi utilizzare in aggiunta un tuo codice di embed.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Dove inserire il proprio codice?<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Per HTML, CSS o JavaScript, utilizza esclusivamente le funzioni previste del classico Kopage Website Builder.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Quale area sia adatta dipende dal fatto che il codice riguardi un determinato contenuto della pagina, la grafica o una funzione esterna.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Non inserire codice a caso nei normali campi di testo.<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p class=\"wp-block-paragraph\"><strong>Importante:<\/strong> HTML, CSS e JavaScript sono diversi tipi di codice. Un codice CSS non appartiene automaticamente allo stesso campo di un embed HTML, e JavaScript dovrebbe essere inserito solo dove \u00e8 previsto il relativo tipo di codice.<\/p>\n<\/blockquote>\n\n\n\n<h2 class=\"wp-block-heading\">Capire il codice prima di incollarlo<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Non devi essere in grado di programmare tu stesso ogni dettaglio di un'integrazione complessa. Tuttavia, dovresti almeno sapere a quale scopo serve il codice inserito e da quale fornitore proviene.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Nel caso di un widget esterno, ad esempio, dovresti essere in grado di rispondere:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>Da quale fornitore proviene il codice?\nCosa viene integrato nel mio sito web?\nVengono contattati server esterni?\nVengono trasmessi dati?\nLa funzione richiede cookie?\nPosso rimuovere il codice in un secondo momento?<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">Se queste domande non ti sono del tutto chiare, non dovresti usare il codice senza verifiche su un sito web di produzione.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Prima delle modifiche, eseguire il backup del codice esistente<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Se desideri modificare del codice personalizzato gi\u00e0 funzionante, effettua prima un backup della versione precedente.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Ci\u00f2 pu\u00f2 significare, ad esempio, che salvi il codice precedente in un file di testo locale prima di modificarlo.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Se la nuova versione causa problemi, questo ti consente di tornare pi\u00f9 facilmente alla versione precedente.<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p class=\"wp-block-paragraph\"><strong>Consiglio pratico:<\/strong> Con codice pi\u00f9 complesso, modifica se possibile una sola cosa alla volta. Se successivamente si verifica un errore, la causa \u00e8 molto pi\u00f9 facile da circoscrivere.<\/p>\n<\/blockquote>\n\n\n\n<h2 class=\"wp-block-heading\">Utilizzare i commenti nel proprio codice<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Se gestisci tu stesso CSS o altro codice, dei brevi commenti possono aiutarti a capire lo scopo delle singole modifiche in un secondo momento.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Un esempio di CSS:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>\/* Spaziatura per area di avviso speciale *\/\n.hinweis {\n    padding: 20px;\n}<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">Ci\u00f2 \u00e8 particolarmente utile quando diverse personalizzazioni individuali si sono accumulate nel corso di un lungo periodo.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Non inserire il codice pi\u00f9 volte<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Se un'integrazione non \u00e8 immediatamente visibile, non dovresti semplicemente inserire lo stesso codice pi\u00f9 volte in punti diversi.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Ci\u00f2 pu\u00f2 causare il caricamento multiplo di script esterni o l'esecuzione multipla di funzioni.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Verifica invece prima se il codice \u00e8 stato inserito nella posizione corretta e se la pagina in questione \u00e8 stata pubblicata o aggiornata.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Considerare il codice esterno e le prestazioni<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Script e widget esterni possono caricare file e dati aggiuntivi da server di terze parti.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Pi\u00f9 servizi esterni vengono integrati, maggiori risorse aggiuntive potrebbero essere necessarie durante il caricamento della pagina.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Ci\u00f2 pu\u00f2 influire sul tempo di caricamento e sul comportamento del sito web.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Utilizza quindi le integrazioni esterne in modo mirato e rimuovi le funzioni che non offrono pi\u00f9 alcun vantaggio reale.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Non tutti i widget valgono la pena del loro sforzo<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Un widget aggiuntivo pu\u00f2 essere visivamente interessante, ma allo stesso tempo caricare script esterni, trasferire dati e causare un onere di manutenzione aggiuntivo.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Chiediti quindi prima dell'integrazione se la funzione \u00e8 davvero rilevante per i tuoi visitatori.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Un semplice collegamento a un servizio esterno pu\u00f2 in alcuni casi essere pi\u00f9 opportuno rispetto alla sua completa integrazione.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Controllare il proprio codice e il design responsivo<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Kopage di per s\u00e9 \u00e8 progettato per siti Web responsive. Tuttavia, il codice inserito individualmente non deve necessariamente funzionare correttamente anche su ogni schermo.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Un widget esterno pu\u00f2, ad esempio, avere una larghezza fissa e di conseguenza fuoriuscire dall'area visibile su uno smartphone.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Testa quindi il codice individuale su computer, tablet e smartphone.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Ulteriori indicazioni sulla visualizzazione mobile sono disponibili alla voce <a href=\"\/it\/aiuto\/creatore-di-siti-web\/design-responsive-kopage\/\">Design Responsive: ottimizzare il sito web Kopage per smartphone e tablet<\/a>.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Usare le larghezze fisse con cautela<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Con HTML o CSS scritti da te, dovresti prestare particolare attentione alle indicazioni di dimensioni rigide.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Un elemento con una larghezza fissa predefinita elevata pu\u00f2 causare problemi sui dispositivi pi\u00f9 piccoli.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Il design responsive, invece, tiene conto del fatto che sono disponibili diverse dimensioni di schermo.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Codice proprietario e privacy<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">\u00c8 necessaria particolare attenzione in caso di JavaScript esterno e codice embed.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Un fornitore terzo integrato pu\u00f2 stabilire una connessione a server esterni durante il caricamento della pagina ed elaborare dati in questo modo.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Ci\u00f2 pu\u00f2 essere rilevante, ad esempio, per servizi di analisi, mappe, video, chat, prenotazione o social media.<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p class=\"wp-block-paragraph\"><strong>Importante:<\/strong> Il fatto che un servizio esterno possa essere integrato tecnicamente tramite codice non significa automaticamente che possa essere utilizzato senza ulteriori misure di protezione dei dati.<\/p>\n<\/blockquote>\n\n\n\n<h2 class=\"wp-block-heading\">Considerare la soluzione di consenso<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Se un servizio esterno imposta cookie o utilizza altre tecnologie soggette a consenso, potrebbe essere necessaria una corrispondente configurazione del consenso.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Se e quali requisiti siano necessari dipende dal servizio utilizzato, dalla tua configurazione e dalle normative legali applicabili al tuo sito web.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Verificalo prima di pubblicare un'integrazione corrispondente.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Codice personale e sicurezza<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Il codice possiede fondamentalmente la capacit\u00e0 di influenzare il comportamento di un sito web.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Utilizza pertanto solo codice proveniente da fonti affidabili e rimuovi le integrazioni che non sono pi\u00f9 necessarie.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Dovresti essere particolarmente critico se una persona sconosciuta ti chiede di inserire un codice di cui non riesci a comprendere la funzione.<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p class=\"wp-block-paragraph\"><strong>Attenzione:<\/strong> Non inserire mai codice sul tuo sito web solo perch\u00e9 qualcuno ti sostiene che sia necessario per la \u201eSEO\u201c, la \u201everifica di Google\u201c, la \u201esicurezza\u201c o una presunta riparazione necessaria. Verifica prima la provenienza e lo scopo.<\/p>\n<\/blockquote>\n\n\n\n<h2 class=\"wp-block-heading\">I servizi esterni possono cambiare<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Un'integrazione pu\u00f2 funzionare oggi e causare problemi in seguito se il fornitore esterno modifica il proprio servizio, i propri URL o il codice di incorporamento.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Pertanto, nel caso di funzioni esterne, dovresti considerare che il loro funzionamento non \u00e8 completamente sotto il tuo controllo.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Se un widget improvvisamente smette di funzionare, verifica anche se il fornitore esterno ha modificato o interrotto la sua integrazione.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Cosa fare se il sito web appare errato dopo una modifica del codice?<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Se un problema di visualizzazione si verifica immediatamente dopo una modifica CSS o HTML, dovresti prima annullare l'ultima modifica effettuata.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Se hai salvato il codice precedente, puoi ripristinare lo stato funzionante.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Verifica poi se il sito web viene visualizzato nuovamente in modo corretto.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Non modificare contemporaneamente altre aree finch\u00e9 la causa non \u00e8 ancora stata chiarita.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Cosa fare se una funzione non funziona pi\u00f9 dopo del codice JavaScript?<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Rimuovi o disattiva prima il codice JavaScript aggiunto pi\u00f9 recentemente e testa nuovamente il sito web.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Se la funzione riprende a funzionare successivamente, \u00e8 probabile che ci sia una correlazione con il codice inserito.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Ci\u00f2 non significa necessariamente che il codice sia fondamentalmente difettoso. Potrebbe anche esserci un conflitto con gli script esistenti o con il modo in cui \u00e8 integrato.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Console del browser per la risoluzione dei problemi tecnici<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Gli utenti avanzati possono utilizzare gli strumenti di sviluppo del proprio browser in caso di problemi con JavaScript.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">La console del browser pu\u00f2 mostrare indizi su errori JavaScript o risorse non caricate.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Questi messaggi sono tuttavia tecnici e devono essere interpretati nel rispettivo contesto.<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p class=\"wp-block-paragraph\"><strong>Nota per utenti avanzati:<\/strong> Un messaggio di errore nella console del browser non significa automaticamente che Kopage stessa sia la causa. L'errore pu\u00f2 anche provenire da uno script esterno, da un widget o da codice inserito individualmente.<\/p>\n<\/blockquote>\n\n\n\n<h2 class=\"wp-block-heading\">Testa le modifiche in una finestra di navigazione in incognito<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Se dopo una modifica del codice continui a vedere la visualizzazione precedente, potrebbe essere dovuto alla cache del browser.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Testa la pagina, se necessario, in una finestra di navigazione in incognito o su un secondo dispositivo.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">In questo modo puoi distinguere pi\u00f9 facilmente se la modifica fondamentalmente non funziona o se viene semplicemente visualizzata una versione precedente nel browser.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Codice proprietario e ottimizzazione per i motori di ricerca<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Il codice HTML personalizzato pu\u00f2 influenzare la struttura di una pagina. Pertanto, un markup errato o contenuti disponibili solo tramite funzioni esterne complicate possono avere ripercussioni anche sulla qualit\u00e0 tecnica di un sito web.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Inoltre, JavaScript non dovrebbe essere utilizzato per fornire contenuti semplici in modo inutilmente complicato, quando questi possono essere tranquillamente visualizzati come normale contenuto della pagina.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Trattiamo le basi generali della SEO in <a href=\"\/it\/aiuto\/creatore-di-siti-web\/impostazioni-seo-di-kopage\/\">SEO con Kopage: titolo della pagina, metadati, URL e ottimizzazione per i motori di ricerca<\/a>.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Non integrare Google Analytics due volte tramite codice arbitrario<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Se hai gi\u00e0 integrato un servizio esterno tramite un'apposita funzione di CoPage, non dovresti integrarlo ulteriormente senza un motivo tramite codice personalizzato.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Un'integrazione doppia pu\u00f2 portare, tra le altre cose, a una raccolta di dati multipla o a problemi difficilmente tracciabili.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Trattiamo le funzioni Google e Analytics previste nella sezione <a href=\"\/it\/aiuto\/creatore-di-siti-web\/kopage-google-sitemap-analytics-statistiche\/\">Google, Sitemap, Analytics e statistiche del sito web in Kopage<\/a>.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Quando \u00e8 meglio fare a meno del proprio codice?<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Evita il codice personalizzato se non riesci a comprenderne n\u00e9 lo scopo n\u00e9 i potenziali effetti.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Ci\u00f2 vale in particolare per ampi frammenti di codice JavaScript di origine sconosciuta.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Anche se una funzione desiderata pu\u00f2 gi\u00e0 essere implementata con i normali strumenti di Kopage, il codice aggiuntivo spesso non apporta alcun vantaggio.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Il proprio codice dovrebbe essere documentato<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Se utilizzi pi\u00f9 personalizzazioni individuali, dovresti documentare a cosa servono.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Una semplice panoramica potrebbe ad esempio apparire cos\u00ec:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>Personalizzazione: Widget di prenotazione\nFonte: Fornitore del sistema di prenotazione\nInserito per: Pagina degli appuntamenti\nScopo: Prenotazione di appuntamenti online\n\nPersonalizzazione: CSS personalizzato\nScopo: Rappresentazione speciale di un'area di avviso\nModificato: Agosto 2026<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">Una tale documentazione facilita notevolmente le modifiche successive e la ricerca degli errori.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Controlla il codice dopo le modifiche al servizio esterno<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Se un servizio incorporato modifica la sua configurazione, dovresti verificare se il tuo codice di incorporamento precedente \u00e8 ancora aggiornato.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Non sostituire automaticamente il codice esistente con una nuova variante senza prima verificare quali modifiche il fornitore richiede effettivamente.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Eseguire il backup del sito web prima di modifiche importanti<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">In caso di modifiche pi\u00f9 ampie, un backup aggiornato \u00e8 fondamentalmente opportuno.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Ci\u00f2 vale soprattutto quando apporti modifiche a un sito web di produzione i cui effetti non puoi valutare appieno.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Un backup non sostituisce un lavoro accurato, ma facilita il ripristino nel caso in cui una modifica importante causi problemi inattesi.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Testare completamente dopo una modifica del codice<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Dopo una modifica personalizzata, non controllare solo l'area immediatamente modificata.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Un test significativo comprende:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>aprire la pagina interessata\n\u2193\ntestare la funzione\n\u2193\nverificare altre pagine importanti\n\u2193\ncontrollare la navigazione\n\u2193\ntestare i moduli\n\u2193\nverificare lo smartphone\n\u2193\ntestare il secondo browser\n\u2193\ncontrollare il sito web pubblico<\/code><\/pre>\n\n\n\n<h2 class=\"wp-block-heading\">Errori tipici nel proprio codice<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Tra i problemi pi\u00f9 comuni vi sono codice proveniente da fonti sconosciute, script inseriti pi\u00f9 volte, posizioni di inserimento errate e regole CSS che modificano inaspettatamente pi\u00f9 aree.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Anche i widget esterni con larghezze fisse possono causare problemi sui dispositivi mobili.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Un altro errore comune consiste nell'apportare pi\u00f9 modifiche contemporaneamente. Se dopo qualcosa non funziona pi\u00f9, \u00e8 difficile stabilire quale modifica ne sia stata la causa.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Lista di controllo prima dell'inserimento del codice personalizzato<\/h2>\n\n\n\n<pre class=\"wp-block-code\"><code>K\u00f6page offre gi\u00e0 una funzione adatta?\n        \u2193\n\u00c8 davvero necessario un codice personalizzato?\n        \u2193\nLa fonte \u00e8 affidabile?\n        \u2193\nComprendo lo scopo del codice?\n        \u2193\nIl codice esistente \u00e8 protetto\/salvato?\n        \u2193\nProtezione dei dati verificata?\n        \u2193\nCodice inserito nel posto giusto?\n        \u2193\nSito web pubblico testato?\n        \u2193\nSmartphone testato?\n        \u2193\nModifica documentata?<\/code><\/pre>\n\n\n\n<h2 class=\"wp-block-heading\">Come procediamo?<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Il codice personalizzato e i componenti esterni incorporati non dovrebbero funzionare solo su uno schermo desktop.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Soprattutto in caso di personalizzazioni, \u00e8 importante controllare attentamente la visualizzazione su smartphone e tablet.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Si prosegue quindi con <a href=\"\/it\/aiuto\/creatore-di-siti-web\/design-responsive-kopage\/\">Design Responsive: ottimizzare il sito web Kopage per smartphone e tablet<\/a>.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Riepilogo<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Il classico website builder di Kopage consente l'utilizzo di codice HTML, CSS e JavaScript personalizzato per esigenze che vanno oltre le normali funzioni del builder.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">L'HTML descrive i contenuti e la struttura, il CSS influenza la presentazione e JavaScript consente ulteriori funzioni dinamiche.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Usa il codice personalizzato solo se c'\u00e8 un motivo specifico per farlo e preferisci le funzioni Kopage esistenti se soddisfano gi\u00e0 le tue esigenze.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Accetta codici esterni solo da fonti affidabili, proteggi le personalizzazioni esistenti prima di apportare modifiche e tieni conto di prestazioni, privacy e sicurezza anche nelle integrazioni esterne.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Testa successivamente le modifiche sul sito web pubblicato e su diversi dispositivi.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Il codice personalizzato pu\u00f2 estendere Kopage in modo utile. Tuttavia, pi\u00f9 l'adattamento diventa individuale, pi\u00f9 diventano importanti una documentazione pulita, modifiche controllate e test approfonditi.<\/strong><\/p>","protected":false},"excerpt":{"rendered":"<p>Der klassische Kopage Website Builder erm\u00f6glicht es, neben den integrierten Funktionen auch eigenen HTML-, CSS- und JavaScript-Code zu verwenden. Damit kannst du beispielsweise externe Inhalte einbinden, bestimmte Darstellungen individuell anpassen oder Funktionen erg\u00e4nzen, f\u00fcr die Kopage selbst kein passendes Modul bereitstellt. Eigener Code bietet zus\u00e4tzliche M\u00f6glichkeiten, erfordert aber auch entsprechende Vorsicht. Fehlerhafter oder ungepr\u00fcfter Code [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_joinchat":[],"footnotes":""},"doc_category":[84],"doc_tag":[],"class_list":["post-22858","docs","type-docs","status-publish","hentry","doc_category-website-baukasten"],"year_month":"2026-10","word_count":2984,"total_views":"22","reactions":{"happy":"0","normal":"0","sad":"0"},"author_info":{"name":"Silvio Mazenauer","author_nicename":"admin-curia","author_url":"https:\/\/www.curiaweb.ch\/it\/author\/admin-curia\/"},"doc_category_info":[{"term_name":"Website-Baukasten","term_url":"https:\/\/www.curiaweb.ch\/it\/hilfe-kategorie\/website-baukasten\/"}],"doc_tag_info":[],"knowledge_base_info":[],"knowledge_base_slug":[],"_links":{"self":[{"href":"https:\/\/www.curiaweb.ch\/it\/wp-json\/wp\/v2\/docs\/22858","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.curiaweb.ch\/it\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/www.curiaweb.ch\/it\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/www.curiaweb.ch\/it\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.curiaweb.ch\/it\/wp-json\/wp\/v2\/comments?post=22858"}],"version-history":[{"count":1,"href":"https:\/\/www.curiaweb.ch\/it\/wp-json\/wp\/v2\/docs\/22858\/revisions"}],"predecessor-version":[{"id":22860,"href":"https:\/\/www.curiaweb.ch\/it\/wp-json\/wp\/v2\/docs\/22858\/revisions\/22860"}],"wp:attachment":[{"href":"https:\/\/www.curiaweb.ch\/it\/wp-json\/wp\/v2\/media?parent=22858"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/www.curiaweb.ch\/it\/wp-json\/wp\/v2\/doc_category?post=22858"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/www.curiaweb.ch\/it\/wp-json\/wp\/v2\/doc_tag?post=22858"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}