Naar de hoofdinhoud

(Oude) realtimepagina-editor

Pas verschillende pagina's, zoals de registratie- en bevestigingspagina, eenvoudig aan je eigen stijl aan met de realtimepagina-editor.

Geschreven door Dina

Dit artikel gaat over de oude registratiepagina. Gebruik je de nieuwe registratiepagina die in juni 2025 werd geïntroduceerd? Lees dan dit artikel.

Gebruik je nog de vorige versie, maar wil je overstappen op de nieuwe? Bekijk dit artikel.

Je kunt verschillende pagina's bewerken, zoals de registratiepagina, bevestigingspagina, Salespagina en andere, in je eigen stijl met onze realtimepagina-editor.

Zodra je een pagina begint te bewerken, kom je in de realtime-editor.

Links vind je de inhoud en de elementen die je kunt bewerken. Als je met je muis over een element beweegt, verschijnt er een blauwe lijn rond het element (dit gebeurt alleen in de editormodus).

Sommige elementen hebben extra opties. Klik op het tandwielpictogram voor opties zoals 'Afbeelding bewerken', 'Kleur wijzigen' of 'Geselecteerd element verbergen'.

Wijzigingen worden automatisch opgeslagen. Klik rechtsboven op 'Editor sluiten' om de editor te sluiten.

De WebinarGeek-pagina-editor

Tekstkleur wijzigen

Volg deze stappen om de tekstkleur te wijzigen:

  1. Ga naar de pagina die je wilt bewerken.

  2. Klik links op 'Styling' om meerdere tekstkleuren tegelijk te wijzigen.

  3. Wijzig de tekstkleur door de kleurcode in te vullen of de kleurenkiezer te gebruiken.

  4. De wijzigingen worden automatisch opgeslagen. Klik rechtsboven op 'Editor sluiten' om de editor te sluiten.

Je kunt bepaalde tekstelementen ook een andere kleur geven. Selecteer het tekstgedeelte dat je wilt bewerken; boven het gedeelte verschijnt een optie om de kleur te wijzigen.

Kleur van de headerknop wijzigen

Je kunt de kleur van de headerknop aanpassen aan je branding of achtergrond. Klik op 'Styling' en kies of voer je gewenste kleur in.

Een kleur voor de headerknop kiezen

Lettertypes wijzigen

Ga naar de editor van de pagina die je wilt aanpassen. Je kunt het lettertype van de registratiepagina, het embedformulier, de bevestigingspagina en de Salespagina bewerken.

Klik links op 'Style' en selecteer het gewenste lettertype om het lettertype van de hele pagina te wijzigen. Ook de elementen die je niet afzonderlijk kunt bewerken, worden nu gewijzigd.

Je kunt bepaalde tekstelementen ook een ander lettertype geven. Selecteer het tekstelement dat je wilt wijzigen; boven het gedeelte verschijnt een optie om het lettertype te wijzigen.

Wijzigingen worden automatisch opgeslagen. Klik rechtsboven op 'Editor sluiten' om de editor te sluiten.

Lettergrootte wijzigen in de pagina-editor

Lettergrootte aanpassen

Selecteer de tekst die je wilt wijzigen. Bovenaan de pagina zie je de optie om de lettergrootte aan te passen.

Een afbeelding bewerken

Volg deze stappen om een afbeelding te bewerken:

  1. Ga naar de pagina die je wilt bewerken.

  2. Beweeg met je muis over de afbeelding die je wilt bewerken en klik rechtsboven in de afbeelding op het tandwielpictogram.

  3. Klik op 'Afbeelding bewerken' en selecteer een andere afbeelding of upload een nieuwe.

  4. Klik op 'Opslaan'. De nieuwe afbeelding wordt nu weergegeven.

Wijzigingen worden automatisch opgeslagen. Klik rechtsboven op 'Editor sluiten' om de editor te sluiten.

Een video toevoegen

Wil je een video delen op de registratiepagina of bevestigingspagina? Geen probleem. Gebruik gerust een testimonial, introductie- of minidemovideo. Volg deze stappen:

  1. Ga naar de pagina waaraan je de video wilt toevoegen.

  2. Zorg ervoor dat het element 'Afbeelding - links' zichtbaar is.

  3. Beweeg met je muis over de afbeelding en klik op het tandwielpictogram.

  4. Klik op 'Video' en plak de bijbehorende YouTube-URL.

Een video toevoegen aan de registratiepagina

Er wordt geen voorbeeld van de video getoond, maar op 'Afbeelding links' verschijnt een afspeelknop met 'Video bekijken'. Je kunt 'Afbeelding links' ook bewerken. Je kunt bijvoorbeeld een schermafbeelding van de video gebruiken.

Een video toevoegen aan de registratiepagina

Zodra je op 'Video bekijken' klikt, wordt de video geopend in een pop-up en kun je hem afspelen.

De video bekijken op de registratiepagina

Wijzigingen worden automatisch opgeslagen. Klik rechtsboven op 'Editor sluiten' om de editor te sluiten.

Ontdek hier meer van onze verkoopgerichte Features hier om leads te verzamelen en te converteren!

Teksten bewerken

Ga naar de editor van de pagina die je wilt aanpassen. Klik op een tekstelement om het te wijzigen. Je kunt de tekst meteen aanpassen.

Er zijn 13 opties om tekstelementen te bewerken. Deze verschijnen bovenaan de pagina nadat je een tekstelement hebt geselecteerd.

Hieronder vind je uitleg over de verschillende opties:

Teksten bewerken

1. Plakken als platte tekst. Soms staat je browser niet toe dat je deze optie gebruikt. Gebruik dan Ctrl+Shift+V.

2. Vetgedrukte tekst. Selecteer de tekst die je vetgedrukt wilt maken en klik op het symbool.

3. Cursieve tekst. Selecteer de tekst die je cursief wilt maken en klik op het symbool.

4. Tekstkleur wijzigen. Selecteer de tekst waarvan je de kleur wilt wijzigen. Klik op het symbool en op een kleur om de tekstkleur te wijzigen.
​

Tekstkleur wijzigen in the page editor

5. Tekstopmaak verwijderen. Selecteer de tekst waarvan je de opmaak wilt verwijderen en klik op het pictogram. Alle tekstopmaak wordt verwijderd en de tekst krijgt weer de standaardinstellingen.

6. Lettergrootte wijzigen.

7. Lettertype wijzigen.

8. Tekst links uitlijnen.

9. Tekst centreren.


10. Tekst rechts uitlijnen.


11. Genummerde lijst toevoegen.


12. Opsomming met opsommingstekens toevoegen.


13. Link toevoegen of wijzigen. Selecteer de tekst waaraan je een link wilt toevoegen en druk op 'OK'.

Hyperlinks toevoegen in de pagina-editor

14. Link verwijderen. Klik op de tekst waarvan je de link wilt verwijderen en klik op het symbool.

Wijzigingen worden automatisch opgeslagen. Klik rechtsboven op 'Editor sluiten' om de editor te sluiten.

De realtimepagina-editor sluiten

Referentieafmetingen voor afbeeldingen

Dit is een lijst met afbeeldingsformaten voor de verschillende soorten standaardafbeeldingen binnen het WebinarGeek-platform. Gebruik de formaten alleen als referentie. Je kunt ervan afwijken, maar behoud bij voorkeur dezelfde beeldverhouding (vooral voor afbeeldingen zoals presentatieslides) of minstens een van de twee afmetingen (zoals de hoogte). De maximale bestandsgrootte is 5 MB.

Let op! De standaardafmetingen zijn slechts een indicatie; je mag hiervan afwijken. De afbeeldingen zijn 'responsive', wat betekent dat ze zich tot op zekere hoogte aanpassen aan de grootte van het venster. Daardoor kunnen delen van de afbeelding soms worden afgesneden of kan een afbeelding wat uitgerekt worden.

Registratiepagina, bevestigingspagina en countdownpagina

Afbeelding

Grootte in pixels (indicatie)

Header

Maximale hoogte: 800 pixels x minimale breedte: 2480 pixels

Afbeelding - Left

470 x 200

Afbeelding - Right

386 x 100

Tip! Voor de achtergrondafbeelding raden we een eenvoudige afbeelding zonder tekst aan. Zo voorkom je dat belangrijke delen op kleinere schermen verdwijnen.

Dit is een voorbeeld van de afbeelding voor het bovenste afbeeldingsblok:

Voorbeeldbanner

Webinar en start-/eindslide

Voor (presentatie)slides raden we een beeldverhouding van 16 x 9 aan (bijvoorbeeld 1920 x 1080 px).

Salespagina

Afbeelding

Grootte in pixels (indicatie)

"Grote" afbeelding

208 x 208

"Kleine" afbeelding

87 x 87

Infobox- of call-to-actionafbeelding

200 x 200

Interacties

Afbeelding

Grootte in pixels (indicatie)

Infobox- of call-to-actionafbeelding

200 x 200

E-mails

Afbeelding

Grootte in pixels (indicatie)

Logo

Bijvoorbeeld 62 px hoog (het standaardlogo van WebinarGeek is bovendien 179 px breed; als het breder is dan 200 px, wordt het verkleind)

Afbeeldings in text

280 x 140p

Let op! De standaardafmetingen zijn slechts een indicatie; je mag hiervan afwijken. De afbeeldingen zijn 'responsive', wat betekent dat ze zich tot op zekere hoogte aanpassen aan de grootte van het venster. Daardoor kunnen delen van de afbeelding soms worden afgesneden of kan een afbeelding wat uitgerekt worden.

Trefwoorden: header, ontwerp, afmetingen

Was dit een antwoord op uw vraag?