Aangepaste code toevoegen

Wil je iets op je site dat niet met blokken kan — een analytics-script, een chatwidget, een pixel, een eigen stijlregel — dan kun je eigen code meegeven. Dat kan op twee niveaus.

Site-breed staat bij Website-instellingen → Aangepaste code: het geldt op elke pagina.

Per pagina staat in de bouwer, op het tabblad Code: het komt bovenop de site-brede code, alleen op die pagina.

De drie velden

Kopmarkeringen (HEAD) — ruwe opmaak die bovenaan de pagina wordt meegegeven. Hier horen analytics-tags, meta-tags, verificatiecodes en externe scripts thuis. Het veld toont een voorbeeld van een Google Tag Manager-fragment als leidraad.

CSS — je eigen stijlregels. Ze worden onderaan de kop van de pagina gezet, dus ze overschrijven de standaardstijl:

.mijn-knop { border-radius: 999px; }

Body-opmaak — ruwe opmaak die helemaal onderaan de pagina komt, vlak voor het einde. Voor chatwidgets, pixels, of scripts die pas na de pagina mogen laden.

Waar je op let

• Wat je hier zet, draait op je échte site. Een fout in een script kan je pagina stukmaken — plak alleen code waarvan je weet wat ze doet.
• Externe scripts die bezoekers volgen, horen vermeld te worden in je cookiebeleid. Het scherm Juridisch waarschuwt je als het zulke diensten op je site vindt.
• De bouwer toont je aangepaste code niet. Gebruik Voorbeeld of je publieke adres om te controleren of ze werkt.

Opslaan

Elk veld heeft zijn eigen tabblad; je bewaart ze samen met één knop. Je ziet meteen of het gelukt is.

Niet op een landingspagina

Aangepaste code kan alleen op een eigen website. Op je gratis Topzaken-landingspagina staat dit op slot.