Linkerpaneel van de editor

Zodra je een template hebt gekozen of gestart bent met het maken van een blanko project, ga je aan de slag met de editor van AdPage. Het linkerpaneel van editor wordt in dit artikel verder toegelicht.




Hiermee sluit je de editor en keer je terug naar het Dashboard van AdPage.


Sla de wijzigingen op. Elke 10 seconden na je laatste aanpassing slaat AdPage je wijzigingen automatisch op.


Het is mogelijk om meerdere pagina's binnen één project te hebben. Je zou AdPage dus ook kunnen inzetten voor het maken van een website. Klik op ‘+ Maak Pagina’ om een nieuwe pagina toe te voegen aan je project. Je kunt ook een van je andere pagina's dupliceren.

In onderstaande afbeelding worden de verdere functies van 'Pagina's' toegelicht




Je landingspagina is opgebouwd in verschillende secties (blokken). Hier kun je de secties een naam geven (intern gebruik), de volgorde aanpassen, secties dupliceren, de indeling aanpassen of een sectie verwijderen.

In onderstaande afbeelding worden de verdere functies van 'Secties' toegelicht.




Hiermee pas je de SEO instellingen van je pagina.
Pagina titel: Dit is de titel die bovenin het tabblad zichtbaar is voor je bezoekers.
ZO: Hier kun je belangrijkste zoekwoorden van jouw landingspagina toevoegen.
Omschrijving: Hier geef je een korte beschrijving van je landingspagina. Op het moment dat je de URL van je landingspagina deelt via bijvoorbeeld Facebook of WhatsApp wordt er automatisch een beschrijving bij getoond, dat is hetgeen wat je hier invult.
Favicon: Hier kun je je favicon uploaden. Een favicon is het kleine icoontje dat zichtbaar is in de tabbladen van je browser. Vaak is een favicon een kleine versie van je logo.
OG Afbeelding: Hier kun je een Open Graph afbeelding toevoegen. Op het moment dat je de URL van je landingspagina deelt via bijvoorbeeld Facebook of WhatsApp wordt er automatisch een afbeelding bij getoond, dat is de afbeelding die je hier upload.


Hiermee kun je een navigatiemenu toevoegen aan je project.

De titel die je hier invoert is de titel van je pagina, dit is tevens zichtbaar in het navigatiemenu. Vervolgens kun je bepalen waar dit menu item naar verwijst. Je kunt hierbij kiezen uit de volgende mogelijkheden:
Link: het menu item verwijst naar een externe URL, bijvoorbeeld een verkooppagina.
Pagina: het menu item verwijst naar een pagina binnen het huidige project in AdPage.
Sectie: het menu item verwijst naar een andere sectie in de huidige AdPage pagina.

Per menu item kun je tevens aangeven of je pagina:
Geopend moet worden op dezelfde pagina. Je huidige pagina wordt dan als het ware overschreven.
Geopend moet worden in een nieuw venster. Er wordt dan een nieuw tabblad geopend waarin de pagina wordt geopend.




Wil je met pop up formulieren werken die gekoppeld zijn aan een knop op je landingspagina? Dan kun je hier je pop ups aanmaken.

Klik op de knop en vervolgen op ‘+Nieuwe popup’. Er wordt een nieuw formulier aangemaakt. Klik op ‘Selecteer’ om het formulier aan te passen.

De teksten en knoppen kun je aanpassen zoals je gewend bent.

Om een formulier veld toe te voegen klik je op een van de bestaande velden en vervolgens op +. Er verschijnt een extra veld met daarin de tekst ‘New field’. Klik op dit veld en vervolgens op het tandwieltje om aanpassingen te doen in type veld en grootte.

De teksten in de velden kun je simpelweg aanpassen door de betreffende tekst te selecteren.

Via de knop van het formulier kun je een koppeling maken met je e-mailmarketing systeem. Hier lees je er meer over.

Zodra het formulier klaar is sluit je de popup. Ga vervolgens naar de button op je landingspagina om deze te koppelen aan je formulier. Klik op de knop en vervolgens op het schakel icoontje. Selecteer ‘Popup’ en klik op ‘Koppelen popup’. Vervolgens selecteer je de popup die je zojuist hebt aangemaakt. Als bezoekers van je pagina nu op de knop klikken verschijnt het popup formulier.


Hier kun je styling van je landingspagina aanpassen.
Google Fonts: Je kunt gebruik maken van de standaard lettertypes in AdPage. Wil je een ander lettertype gebruiken? Dan kun je hierbij gebruik maken van Google Fonts. Dit is een gratis lettertype bibliotheek waar je kunt kiezen uit ruim 1400 lettertypes. Voeg de URL toe die in Google fonts wordt getoond om het lettertype te importeren in AdPage.
Headings: hier selecteer je het lettertype dat je wilt gebruiken voor de headings (H1, H2 etc.).
Alineas: hier selecteer je het lettertype dat je wilt gebruiken voor je platte tekst.
Algemene kleur: hier kun je een kleur importeren die je wilt gebruiken voor bijvoorbeeld je knoppen en icoontjes. Naast de standaard kleuren kun je ook een hexagon kleurcode toevoegen om je eigen huisstijl kleuren te gebruiken.
Menu tekst kleur: Werk je met een navigatiemenu? Dan kun je tekstkleuren van je menu items aanpassen. Naast de standaard kleuren kun je ook een hexagon kleurcode toevoegen om je eigen huisstijl kleuren te gebruiken.
Menu tekst hover kleur: Werk je met een navigatiemenu? Dan kun je hover kleur van de teksten van je menu items aanpassen. Dit is de kleur van de tekst zodra iemand met zijn cursor over de tekst heen gaat. Naast de standaard kleuren kun je ook een hexagon kleurcode toevoegen om je eigen huisstijl kleuren te gebruiken.



Via het Facebook icoontje kun je de Facebook Pixel en Facebook API toevoegen. Dit is van belang wanneer je je landingspagina gaat inzetten voor Facebook en/of Instagram campagnes.

Lees hier over hoe je de Facebook Pixel en Facebook API installeert op je landingspagina.



Via het TikTok icoontje kun je de TikTok Pixel en TikTok API toevoegen. Dit is van belang wanneer je je landingspagina gaat inzetten voor TikTok campagnes.

Lees hier over hoe je de TikTok Pixel en TikTok API installeert op je landingspagina.


Werk je met een profielverrijkingsfunnel? Dan verschijnt ook het icoontje van de dynamische velden in het menu. Hiermee kun je je funnel personaliseren.

Bijvoorbeeld:
Op de eerste pagina vult iemand zijn voornaam in. In de volgende pagina spreek je diegene persoonlijk aan bij zijn of haar voornaam.

Om gebruik te maken van de dynamische velden dien je in eerste instantie een ‘Formulier veld’ toe te voegen aan je landingspagina. In dit veld vraag je bijvoorbeeld naar de voornaam van iemand.



Vervolgens klik je op het icoontje van de dynamische velden en klik je achter het veld dat je wilt gebruiken op ‘Copy’. Ga nu naar de plek waar je wilt gaan personaliseren, klik op de rechter muisknop en selecteer ‘Plakken’. Op de plek waar je het dynamische veld hebt geplakt verschijnt nu {Voornaam}. Als mensen dus hun voornaam hebben ingevuld en doorgaan naar de volgende slide worden zij hier aangesproken bij hun voornaam.




Met code-injectie kun je eigen CSS- en JavaScript-code injecteren. Je kunt de code op 3 plaatsen toevoegen:
In de <head>
Begin van de <body>
Eind van de <body>

Opmerking: wijzigingen zijn alleen zichtbaar op de gepubliceerde pagina!


Wil je je laatste bewerking ongedaan maken? Dan kun je met ‘Revisies’ een eerder variant van je landingspagina terugzetten. Je kunt op basis van de weergegeven tijd bepalen welke versie je wilt herstellen.




Hiermee keer je terug naar het Dashboard van AdPage.


Met het oogje kun je een preview van je landingspagina bekijken. Hier kun je switchen tussen verschillende schermformaten, namelijk desktop, laptop, tablet en mobiel.

Bestaat je project uit meerdere pagina’s? Dan kun je rechts bovenin de gewenste pagina selecteren om een preview weer te geven.


Is je pagina naar wens? Dan kun je de pagina naar publiceren via deze knop. Druk in het volgende scherm nogmaals op ‘Publiceer project’ om je pagina te publiceren.

Standaard worden de landingspagina’s van AdPage gepubliceerd onder het domein projects.webpages.one. Wil je de landingspagina koppelen aan je eigen domein? Dan lees je hier hoe je dat doet.

Bijgewerkt op: 28/10/2022