Een HTML, CSS of JS code invoegen
Op deze pagina laten we zien hoe je een HTML, CSS, en JS code kan invoegen op pagina's gemaakt met systeme.io
Wat heb je nodig:
- een systeme.io account
- een HTML, CSS of JS code
Er zijn drie methodes om verschillende codes te integreren op je pagina's.
1. Het toevoegen van codes in de "Traceercodes" sectie:
Om je traceercodes te integreren, moet je naar je verkoopfunnel gaan met daarin de pagina waarop je de code wilt plaatsen.
Ga vervolgens naar
de editor van deze pagina en ga naar
de instellingen in het linkerpaneel.
Scroll naar beneden naar de
"Volgen" sectie.
1.1 Codes die in de koptekst code sectie moeten worden geplaatst
Elk inleidend deel van de code moet in in de
<koptekst> sectie gezet worden.
Dus, elke code die je hebt gevraagd om in het
"koptekst" gedeelte te zetten, moet in de koptekst code sectie van je editor op
systeme.io gezet worden.
1.2 Codes die in het codegedeelte van de voettekst moeten worden ingevoegd
Alle codes die bedoeld zijn voor de
"Document Object Modus" of in overeenstemming zijn met het
"Document Object Model" (DOM), moeten in het codegedeelte van de voettekst worden ingevoegd.
2. Het toevoegen van een code vanuit de Verkoopfunnel Instellingen:
Er zijn codes die toegevoegd moeten worden aan elk van de pagina's van je Verkoopfunnel.
Om de beperkingen van het moeten plakken te vermijden, kan je het direct toepassen op de traceercode voor dit doel, en het zal automatisch worden ingezet in de gehele Verkoopfunnel.
Om dit te kunnen doen, moet je naar het Menu gaan (door op je profielfoto te klikken), naar "Instellingen" en dan naar de "Verkoopfunnel instellingen", en vervolgens voeg de code in het veld in.
3. Het toevoegen van een "HTML Code" element aan de pagina:
Het is ook mogelijk om een willekeurige HTML-code rechtstreeks via de editor in te voegen op een pagina die op
systeme.io gemaakt is.
1. Je moet de
"HTML Code"
toevoegen, door het element ernaartoe te slepen aan het gewenste deel van je pagina.
2. Selecteer vervolgens het kleine scrollwiel van het item, zodat de instellingen van het item worden weergegeven (nummer 1 op de afbeelding).
In het paneel aan de linkerkant wordt de sectie getoond die bedoeld is voor de integratie van de HTML-code. Je kunt daar de code plakken (nummer 2 op de afbeelding).
Je kunt vervolgens de HTML-code toevoegen (nummer 3 op de afbeelding), en dan
"Opslaan" (nummer 4 op de afbeelding).
Zorg ervoor dat je je
wijzigingen opslaat.
De toevoeging van een HTML-code op je pagina maakt het mogelijk om functionaliteiten aan te brengen om de inhoud van de afbeeldingen, tekst, links, enz. te structureren.
Eenvoudig gezegd, dit maakt het mogelijk om:
- Design toe te voegen - deze aanpassing is mogelijk door toevoeging van CSS
- Animaties toe te voegen op een pagina - de weergave ervan aanpassen wanneer je op een bepaalde knop klikt door JS toe te voegen
- Titels of geschriften in het algemeen toe te voegen, tabellen, onderdelen en verdelingen op je pagina te maken - mogelijk door toevoeging van HTML-code