Hoe plaats ik een HTML-code op mijn website?

JouwWeb      ✖ Free      ✖ Lite      ✔ Pro      ✔ Business     

Er zijn twee manieren om HTML-code toe te voegen aan je JouwWeb-site, plus een handig alternatief voor ondersteunde externe tools:

1. Op één specifieke plek op een pagina > Embed Code-element: Gebruik dit element om een widget of andere ingesloten (embedded) inhoud op een exacte locatie op je pagina te tonen.
2. Geldt voor je hele website óf gevraagd door een externe tool > HTML-code in de Head- of Body-tag: Vraagt een externe tool specifiek om code toe te voegen aan de Head- of Body-tag van je website, of moet de code op de achtergrond voor je gehele website werken? Dan stel je dit in via de algemene website-instellingen.
3. Alternatief: Ondersteunde externe tool toevoegen > App-element: Dit is de eenvoudigste manier om content toe te voegen van platforms die al direct worden ondersteund, zoals Facebook, Instagram, YouTube en meer.

Kies hoe je een HTML-code wil toevoegen:

Gebruik het Embed code-element wanneer je ingesloten (embedded) inhoud, zoals een widget, op een specifieke plek op een van je pagina's wilt tonen.

Stap 1

Ga naar de Editor.

Stap 2

Sleep het Embed Code-element vanuit het linker menu naar de gewenste plek op je pagina.

Stap 3

Klik op het element en klik op Embed aanpassen

Stap 4

Kopieer de HTML-code die je wilt gebruiken en plak deze in het invoerveld.

Stap 5

Vergeet de code niet op te slaan. 

⚠ Let op: Je zal de tekst 'HTML-code (wordt niet getoond in editor)' te zien krijgen. Dit wil zeggen dat je de website online moet bekijken om te zien hoe je website eruitziet met deze HTML-code toegevoegd.  

De HEAD-tag bevat achtergrond informatie van een website. Let op dat wij automatisch al o.a. een 'description'-tag en 'title'-tag toevoegen voor SEO-doeleinden. Dat hoef je dus niet zelf te doen. Soms wil je hier voor geavanceerde toepassingen toch een code toevoegen, zoals een 'verificatie-code' of een 'tracking code'.

Stap 1

Klik in de Editor op het menu-item Instellingen.

Stap 2

Kies het tabblad Geavanceerd. Hier vind je de "Aangepast HTML-code toevoegen"- optie.  

Stap 3

Klik op + HTML-code toevoegen

Stap 4

Voer een titel in voor je code en kies waar de code moet worden geplaatst:

• Head
• Body – start
• Body – end

Selecteer de plek die wordt aangegeven door de externe dienst die de code heeft geleverd.

Stap 5

Plak de code in het HTML veld en klik op Opslaan.

⚠ Let op: Wij kunnen de werking of compatibiliteit van aangepaste HTML-code niet garanderen en bieden geen ondersteuning voor zelf toegevoegde code. JouwWeb ondersteunt daarnaast geen aangepaste API-koppelingen via HTML.