Het blok Aangepaste code
Een sectie die helemaal vanaf nul is opgebouwd in HTML, CSS en JavaScript, door jou of je AI, voor alles waar geen ander blok voor is.
Soms past geen enkel standaardblok precies: een prijscalculator, een tijdlijn, een kleine animatie. In het blok Aangepaste code zet je je eigen HTML, CSS en JavaScript, en dat verschijnt als sectie op je pagina. Ideaal in combinatie met AI: beschrijf wat je wilt en laat AI het voor je maken.
Voeg er zelf een toe
-
Klik in de editor op Add a block en kies onder Content voor Custom code.
-
Open het blok en zet je code in de tabs HTML, CSS en JavaScript. De preview werkt meteen bij terwijl je typt.
Laat je AI het bouwen
Met een gekoppelde AI-app hoef je alleen maar te beschrijven welke sectie je wilt. Die schrijft de code, plaatst het blok en controleert het met een screenshot. Een paar ideeën:
-
Voeg op de homepage een aangepaste sectie toe met een prijscalculator: gasten kiezen een menu en het aantal personen, en zien meteen het totaal.
-
Maak een tijdlijn van onze geschiedenis op de Over ons-pagina, in onze kleuren en lettertypen.
-
Voeg bovenaan de menupagina een geanimeerde banner toe met de tekst Nieuw lentemenu, en zorg dat die er ook op mobiel goed uitziet.
Goed om te weten
- Het gebruikt de kleuren en lettertypes van je site, zodat het eruitziet als de rest van je site.
- Tekst in de HTML wordt samen met de rest van de pagina vertaald. Tekst die JavaScript schrijft niet, dus zet woorden in de HTML.
- Design, code en afbeeldingen zijn in elke taal hetzelfde. Pas ze aan in je hoofdtaal.
- Het draait in een eigen veilige omgeving, zodat het de rest van je pagina niet stuk kan maken.
- Zoekmachines lezen de tekst in het frame niet, dus zet belangrijke informatie in gewone blokken.
- Elk blok ondersteunt maximaal 100 KB HTML, 50 KB CSS en 100 KB JavaScript.