Hoe maak je een website

Op deze pagina leer je hoe je een website maakt met systeme.io

Je kunt de blog of de verkoopfunnel functie gebruiken om je website te maken.
We raden je aan de blog functie te gebruiken als je van plan bent regelmatig inhoud te publiceren en een groot aantal pagina's op je site hebt.
Als je een eenvoudige website met een paar pagina's wilt maken, raden we je aan de verkoopfunnel functie te gebruiken.

1. Hoe maak je een website met de blog functie

Wat je nodig hebt:

  • een aangepaste domeinnaam die eerder is verbonden met systeme.io (Klik hier om te leren hoe je je hoofddomein kunt verbinden met systeme.io)
  • een blog gemaakt met systeme.io (Klik hier voor uitgebreide instructies over het bouwen van een blog in systeme.io)
Wanneer je een blog maakt, zal het altijd vier standaardpagina's hebben (Home pagina, Over, Contacten en Post list pagina).
Je kunt deze pagina's wijzigen, maar je kunt ook nieuwe pagina's aan je blog toevoegen.
Stap 1: Nieuwe pagina's toevoegen aan je blog
Klik op het tabblad "Blogs" (nummer 1 op de afbeelding) en ga naar je blog door op de titel ervan te klikken (nummer 2 op de afbeelding).

Klik dan op de sectie "Pagina's" (nummer 3 op de afbeelding), en dan op de knop "Een blogpagina aanmaken" (nummer 4 op de afbeelding).

Voer de naam van de blogpagina en het URL pad in het pop-up venster dat verschijnt, klik dan op "Aanmaken" om het aanmaken van de nieuwe blogpagina te valideren (nummer 5 op de afbeelding).

Meer gedetailleerde instructies over het toevoegen van nieuwe pagina's aan jouw blog vind je op deze help-pagina.

Stap 2: Stel de homepagina van je blog in als de homepagina van je website

Wanneer je jouw blog aanmaakt, moet je de homepagina van je blog definiëren als de homepagina van je website (dat wil zeggen: de hoofd-URL zonder extra paden).
Op die manier wordt de homepagina van je blog weergegeven wanneer je website wordt geopend.

Klik op het tabblad "Blogs" (nummer 6 op de afbeelding), kies je blog uit de lijst en open je "Blog instellingen" (nummer 7 op de afbeelding).

Laat het URL pad veld leeg en klik op "Opslaan" (nummer 8 op de afbeelding).

Stap 3: Voeg het element 'Menu' toe aan je homepagina

Nadat je de homepagina van je blog hebt ingesteld als de homepagina van je website, moet je het element "Menu" instellen dat op je homepagina staat en standaard is toegevoegd op deze pagina.
Om het menu van je blog te configureren, moet je eerst klikken op de knop "Blog lay-out" (nummer 9 op de afbeelding).

Wanneer je de "Blog lay-out" editor opent, klik je op het item "Menu" op je pagina, zodat je de standaard menu items kunt bewerken, verwijderen en nieuwe kunt toevoegen. 

(Middels de Blog lay-out kun je bepalen welke elementen standaard op al je blogpagina's aanwezig zijn)

Nieuwe menu items kunnen blogpagina's, blog posts of aangepaste URL's zijn.
We raden je aan evenveel menu-items toe te voegen als het aantal pagina's in je blog. Op die manier kunnen je websitebezoekers alle pagina's van je site bereiken vanaf je homepagina.
Je kunt de volgende opties in je menu aanpassen: 
  • Menu item verwijderen (nummer 10 op de afbeelding)
  • Menu item een andere naam geven (nummer 11 op de afbeelding)
  • Kies of het menu item een blog link of een eigen URL moet zijn (nummer 12 op de afbeelding)
  • Kies de blog link-pagina of post uit het drop-down menu, of voeg de aangepaste URL in als je deze optie hebt gekozen (nummer 13 op de afbeelding)
  • Voeg een nieuw menu item toe (nummer 14 op de afbeelding)

Het is ook mogelijk om je menu sticky te maken (oftewel zichtbaar op de hele pagina).

Klik op de sectie met het element  "Menu" en scroll naar beneden naar de tab  "Editor" aan de linkerkant van het scherm tot je bij de "Sticky" sectie komt.
Vink het vakje "Wil je dat dit altijd zichtbaar is (sticky)?" aan en kies of je de sectie bovenaan of onderaan wilt laten plakken.
Je zult zien dat je menu vervolgens op al je blogpagina's verschijnt.
Als je het op één van de pagina's wilt verwijderen, klik je op de knop "Gebruik blog lay-out niet" (nummer 16 op de afbeelding).

Op onze help-pagina " Hoe maak je een blog menu" vind je meer gedetailleerde instructies voor het instellen van je websitemenu.

Stap 4: Ontwerp je homepagina en de andere pagina's van je website

Je kunt je websitepagina's inrichten zoals jij dat wilt.

Om dit te doen, open je de editor van de pagina die je wilt ontwerpen door te klikken op "Bewerken" (nummer 17 op de afbeelding).

Zodra je toegang hebt tot de editor van je homepagina, kun je de bestaande elementen die je niet wilt gebruiken, verwijderen.
Je kunt ook de elementen op je pagina's behouden en ze aanpassen naar jouw behoeften.
Klik op het element dat je wilt wijzigen om de instellingen ervan te openen en gebruik de editor aan de linkerkant van het scherm om het aan te passen. 
In ons voorbeeld zullen we het element "Tekst" wijzigen:
Resultaat :
Naast het wijzigen van de bestaande elementen kun je ook nieuwe elementen aan je pagina's toevoegen, zoals de elementen Afbeelding, Audio of Video.
Je hoeft alleen maar op het gewenste element te klikken, het naar je pagina te slepen en het op een geschikte plaats neer te zetten.
Hier zie je hoe je het element "Video" en het element "Afbeelding" aan je pagina toevoegt.

We raden je aan onze kennisbank te doorzoeken, omdat je daar help-pagina's vindt over het gebruik van verschillende elementen in je pagina-editor.

1. Maak een website met de funnel functie

Zodra je jouw funnel hebt gemaakt, moet je nieuwe funnel pagina's (funnelstappen) toevoegen.

Deze pagina's zullen dienen als je websitepagina's. We raden je aan maximaal vijf pagina's aan je funnel toe te voegen.
Stap 1: Maak nieuwe website pagina's
Open je funnel en klik op de knop "Stap toevoegen" (nummer 1 op de afbeelding).
Kies de titel en type van je pagina, en sla de instellingen op:
Kies de sjabloon van je keuze en ontwerp de pagina naar jouw voorkeuren.
Volg deze procedure om al je website pagina's (funnel pagina's) te maken.
Stap 2: D efinieer een pagina uit je funnel als homepagina van je website

Open je funnel, klik op de pagina die je wilt instellen als je homepagina, en verwijder het URL-pad (nummer 2 in de afbeelding).

Stap 3: Voeg het element "Menu" toe aan de homepagina van je website
Nadat je een pagina uit je funnel hebt gedefinieerd als de homepagina van je website, moet je het element "Menu" aan je homepagina toevoegen en hetzelfde aantal menu items toevoegen als het aantal pagina's van je website (funnelstappen).
Op die manier kunnen de bezoekers van je website vanaf je homepagina, elke pagina van je website bereiken.
Open de editor van je homepagina, sleep het element "Menu" en plaats het op je pagina (nummer 3 op de afbeelding).
Je kunt nieuwe menu items toevoegen en elk item verbinden met een pagina uit je funnel.
Dat doe je door terug naar je funnel, op de pagina te klikken die je aan het menu item wilt koppelen en de URL ervan te kopiëren (nummer 4 op de afbeelding).

Ga terug naar je homepagina editor, klik op het "Menu" element om de instellingen te openen, en klik dan op de "Menu item toevoegen" knop (nummer 5 op de afbeelding).

Kies de titel van het menu item en plak de URL van de pagina die je hebt gekopieerd (nummer 6 op de afbeelding).

Gebruik dezelfde methode om menu items voor al je websitepagina's te maken.
Je kunt menu items verwijderen door te klikken op het pictogram "Prullenbak" (nummer 7 op de afbeelding) en ze te herschikken door te klikken op de pijltjes (nummer 8 op de afbeelding).

Als je wilt dat het menu op elke websitepagina wordt weergegeven, kun je het opslaan als een blok en het invoegen op de rest van je websitepagina's (zie onze help-pagina: Hoe sla je blokken op in de editor)

Nuttige artikelen :