Een HTML, CSS of JS code invoegen

In dit artikel laten we je stap voor stap zien hoe je een HTML, CSS, en JS code kan invoegen op pagina's gemaakt met systeme.io

Wat heb je nodig:

Waarom aangepaste code toevoegen aan je pagina's?


Door HTML-code toe te voegen aan je pagina, is het mogelijk om aangepaste stijl, functionaliteit en structuur toe te voegen aan de inhoud van afbeeldingen, tekst, links, enzovoort...


Bijvoorbeeld:

  1. Om de stijl aan te passen, kun je CSS-code toevoegen.
  2. Om animaties of individuele elementen toe te voegen aan een pagina (bijvoorbeeld bij het zweven over- of klikken op een knop), voeg je JS-code toe.
  3. Om titels, tekst, tabellen, delen en secties op je pagina te creëren, voeg je HTML-code toe.

Belangrijke opmerkingen:

Bij het toevoegen van aangepaste code in de secties voor koptekstcodes, voettekstcodes, trackingcodes of rauwe HTML-codes gaat het om de code tussen de tags. Kortom, de volgende tags niet over kopiëren:

Bij het toevoegen van video met behulp van een iframe zijn geen extra tags vereist.


Er zijn drie methodes om diverse codes te integreren op je pagina's.


1. Het toevoegen van codes in de "Traceercodes" sectie:

Om Facebook-trackingcodes in te voegen, ga eerst naar de verkoopfunnel die de pagina bevat waarop je de code wilt plaatsen.

Selecteer de funnelpagina uit de paginalijst aan de linkerkant en klik op "Pagina bewerken".

Klik op "Instellingen" in de linkerbovenhoek en scroll naar beneden naar de "Traceercodes" sectie. (nummers 1 en 2 in de afbeelding)

1.1 Codes die in de koptekst code sectie moeten worden geplaatst 

In deze sectie moet je alle code plakken die tussen de <koptekst> en <koptekst> tags van een pagina hoort.

1.1 Codes die in de voettekst code sectie moeten worden geplaatst 

In deze sectie voer je alle codes in die bedoeld zijn voor de "Document Object Modus" of die in overeenstemming zijn met het "Document Object Model" (DOM). 

2. Het toevoegen van een code vanuit de Verkoopfunnel instellingen:

Sommige codes moeten aan elke pagina van je verkoopfunnel worden toegevoegd om nauwkeurige tracking te krijgen.

Om te voorkomen dat je de code niet op elke afzonderlijke pagina hoeft te plakken, kun je de codes automatisch globaal instellen voor alle pagina's in de funnel.

Om de codes globaal op alle pagina's in te stellen, ga je Profielfoto, klik op "Instellingen" en vervolgens op "Verkoopfunnels" in de linkerbalk. Plak de trackingcode in het "Trackingcode" tekstvak en klik op "Opslaan".


3. Het toevoegen van een "HTML Code" element aan de pagina:

Het is ook mogelijk om rechtstreeks op een pagina HTML-code in te voegen via de paginabewerker.
1. Sleep het "Onbewerkte HTML"-element naar het gewenste deel van je pagina.


  1. Selecteer het kleine scrollwieltje om de instellingen weer te geven (nummer 1 in de afbeelding).
  2. Klik in het linkerpaneel op "Wijzig code" om het pop-upvenster weer te geven waarin je de code kunt plakken (nummer 2 in de afbeelding).

  1. Voeg de HTML-code toe aan het tekstvak (nummer 3 in de afbeelding) en klik vervolgens op "Opslaan" (nummer 4 in de afbeelding).


Vergeet niet je wijzigingen op te slaan.