Naar de hoofdinhoud
Alle collectiesFormulierenPop-ups
Hoe ontwerp ik een pop-up?
Hoe ontwerp ik een pop-up?

In dit artikel lees je hoe je een pop-up ontwerpt.

Francine avatar
Geschreven door Francine
Meer dan 9 maanden geleden bijgewerkt

In dit artikel laat ik je zien hoe je een pop-up ontwerpt. Maak je voor het eerst een pop-up? Zorg er dan voor dat de pop-up module is geactiveerd en de eerste instellingen van de pop-up klaar staan.

Een pop-up ontwerpen

Ga naar stap 2 van de pop-up: het ontwerp. De editor van de pop-up toont nu. De volgende elementen vind je terug in de standaard pop-up:

  • Afbeelding: De afbeelding die je ziet is een standaard afbeelding. Je eigen afbeelding hierin uploaden is heel makkelijk. Voor de exacte afmetingen zoals op het voorbeeld heb je een afbeelding nodig van 250x400 pixels. Heb je een grotere afbeelding? Dan is het mogelijk om de afbeelding te schalen binnen de pop-up.

  • Tekst bovenin: Dit is een tekstvak zoals je gewend bent vanuit de e-mail editor. De kleur van de tekst en het lettertype zijn aan te passen.

  • Formulier: Dit is het formulier met velden om in te vullen voor de klant. In het formulier heb je de keuze uit de volgende velden:

    • Voornaam

    • Achternaam

    • E-mailadres

    • Geboortedatum

    • Geslacht

    • Telefoonnummer

    • Straat

    • Postcode

    • Stad

    • Provincie

    • Landcode

Het formulier in een pop-up

Bij ieder veld van het formulier zijn specificaties op te geven. Zo kun je de velden naar wens customizen. Om een veld te bewerken, selecteer je het formulier en kies je onder Form elements bij het desbetreffende veld voor edit.

Je kunt een veld verplicht maken, een placeholder invullen of vergrendelen.

Let op: de velden in de pop-up zijn gekoppeld aan je database in Reloadify. Gebruik het veld voornaam dus puur en alleen voor de voornaam van de klant!

Wil je afwijkende data opvragen in de pop-up, bijvoorbeeld het lievelingsdier van de klant? Gebruik dan het veld Tags. In dit artikel lees je terug hoe je aan profielverrijking op basis van tags doet.

De opmaak van de pop-up

De locatie en de maximale grootte van de pop-up staan vast. Los daarvan kun je de gehele pop-up naar wens vormgeven.

Je hebt de volgende opties:

  • Label options. In dit menu maak je de labels van de velden op.

  • Field options. In dit menu maak je invulvelden op.

  • Button options. In dit menu stijl je de button van het formulier.

Gebruik je de pop-up om nieuwe nieuwsbriefabonnees te werven? De pop-up herkent bestaande abonnees en toont dat het profiel al geabonneerd is. Zo voorkom je dat bestaande klanten onnodig korting ontvangen.

Tip: Het is aan te raden om de afbeelding in de pop-up te verbergen op mobiel, gezien klanten een kleiner scherm hebben. Je kiest er dan bewust voor om alleen het nodige te laten zien, de inschrijfvelden. Elementen verwijderen op mobiel of desktop vind je onder blok opties:


ā€‹

Was dit een antwoord op uw vraag?