---
title: Codici e widget: CSS e script personalizzati
description: Come aggiungere CSS personalizzato, codice all'intestazione e al corpo (contatori, chat, pixel), restrizioni e sicurezza.
section: account
keywords: CSS personalizzato, codice head, codice body, contatore, Google Analytics, pixel, widget chat
updated: 2026-09-16
---

La sezione "Codici e widget" nelle Impostazioni consente di inserire il proprio codice nel sito web: contatori, pixel pubblicitari, widget di chat, banner per i cookie, nonché il proprio CSS per personalizzare l'aspetto.

![Blocco Codici e Widget](/wiki/img/settings-code.webp "Codice nella testa e alla fine del corpo")

## Codice nella testa e nel corpo

- **Codice dell'intestazione**: inserito nel `<head>` di ogni pagina web. Per Google Analytics, Meta Pixel e meta tag di verifica.
- **Il codice alla fine del corpo** viene inserito prima di `</body>`. Per widget di chat, banner dei cookie e script che richiedono una pagina caricata.

Incolla l'intero codice fornito dal servizio e clicca su "Salva". Il limite di caratteri è di 20.000 caratteri per campo. Il codice funziona solo sul sito web pubblico, non nel tuo account.

Esempi:

- Google Analytics 4 - frammento `gtag.js` nell'intestazione.
- Meta Pixel è un frammento di un pixel nella testa.
- Widget di chat (Tawk, Crisp, JivoChat) - script nel corpo.
- La verifica dei diritti su Google/Bing/Yandex è più semplice tramite il blocco SEO → "Verifica dei diritti".

## CSS personalizzato

Il CSS personalizzato viene aggiunto tramite l'assistente AI o la chat AI connessa: "Aggiungi CSS: rendi i pulsanti completamente rotondi". L'assistente controlla il codice e lo applica al sito. Per una personalizzazione precisa, utilizza gli attributi degli elementi del sito, come `[data-asd="card"]` per la card, `[data-asd="header"]` per l'intestazione e `[data-asd="block-hero"]` per il blocco hero. L'assistente ti suggerirà un elenco.

Il tuo CSS viene memorizzato separatamente dallo stile CSS del catalogo: quando modifichi lo stile, le tue modifiche vengono mantenute.

## Limitazioni e sicurezza

- Nel tuo CSS, i tag e le espressioni `<style>`, `<script>` e `@import` sono proibiti e vengono rimossi durante la validazione.
- Gli script presenti nell'intestazione e nel corpo della pagina vengono eseguiti nel browser del visitatore. Inserisci solo codice proveniente da servizi di cui ti fidi.
- Se dopo aver incollato il contenuto il sito non viene visualizzato correttamente, cancella il campo e salva: il sito tornerà al suo aspetto normale.

## Domande e risposte

### Il contatore non conta

Assicurati che il codice sia incollato nell'intestazione, salvato e che il sito sia aperto a un indirizzo pubblico (non nel tuo account). I blocchi degli annunci potrebbero interferire con la verifica.

### È possibile inserire una mappa o un modulo?

Sì, come blocco "HTML personalizzato" sulla pagina tramite l'assistente AI. Vedi [Home e Menu](/wiki/it/home-and-menu).

