Il blocco Codice personalizzato
Una sezione creata da zero in HTML, CSS e JavaScript, da te o dalla tua IA, per tutto quello che gli altri blocchi non coprono.
A volte non c'è un blocco pronto che faccia al caso tuo: un calcolatore prezzi, una timeline, una piccola animazione. Il blocco Codice personalizzato contiene il tuo HTML, CSS e JavaScript e lo mostra come una sezione nella pagina. È perfetto insieme all'AI: descrivi cosa vuoi e lascia che lo crei per te.
Aggiungine uno tu
-
Nell'editor, clicca su Aggiungi un blocco e scegli Codice personalizzato sotto Contenuto.
-
Apri il blocco e scrivi il tuo codice nelle schede HTML, CSS e JavaScript. L'anteprima si aggiorna mentre scrivi.
Lascialo creare all'IA
Con un'app di IA collegata, ti basta descrivere la sezione. Scrive il codice, inserisce il blocco e lo controlla con uno screenshot. Qualche idea:
-
Aggiungi una sezione personalizzata nella home con un calcolatore prezzi: gli ospiti scelgono un menu e il numero di persone, e vedono il totale.
-
Crea una timeline della nostra storia nella pagina Chi siamo, con i nostri colori e font.
-
Aggiungi un banner animato in cima alla pagina del menu con la scritta Nuovo menu primaverile e assicurati che si veda bene da telefono.
Da sapere
- Usa i colori e i font del tuo sito, così si integra con il resto delle pagine.
- Il testo nell'HTML viene tradotto insieme al resto della pagina. Quello scritto da JavaScript no, quindi tieni le parole nell'HTML.
- Design, codice e immagini sono condivisi in tutte le lingue. Modificali nella lingua principale.
- Funziona in un riquadro sicuro separato, quindi non può compromettere il resto della pagina.
- I motori di ricerca non leggono il testo dentro il riquadro, quindi tieni le informazioni importanti nei blocchi normali.
- Ogni blocco supporta fino a 100 KB di HTML, 50 KB di CSS e 100 KB di JavaScript.