Registratieformulier personaliseren

LIGHTBOX TOEVOEGEN

We hebben bij het aanmaken van onze gebruikers gezien dat ons aanmeldformulier hetzelfde is voor elke website. Dit wil je natuurlijk niet.
Je wilt dat ook het inlog- en aanmeldformulier er mooi uitziet, in lijn met de huisstijl van jullie bedrijf. Je kan dit doen via ‘Menu en pagina’s‘, onder ‘Aanmelden leden‘. Als je hierop verder klikt kan je een aantal zaken gaan aanpassen. Maar je kan ook door middel van een ‘lightbox‘ een volledig gepersonaliseerd inlogformulier aanmaken…

  • Klik op ‘Menu’s en pagina’s‘ / ‘Aanmelden leden‘ / ‘Aanmeldingsformulier leden (…
  • Klik op het pijltje naar beneden, naast ‘Standaard formulier‘ en selecteer ‘Gepersonaliseerd formulier‘.
  • Klik op ‘Toevoegen‘. Een ‘lightbox‘ wordt toegevoegd met een aanmeldformulier dat je volledig kan verpersoonlijken.

LIGHTBOX INSTELLINGEN

Je kan hier nu de volledige ‘Lightbox’ selecteren en configureren aan de hand van het menu dat tevoorschijn komt…

  • Lightboxes beheren: opent opnieuw de ‘Menu’s en pagina’s’-tab waar we daarnet waren.
  • Triggers instellen: laat je toe de naam van jouw lightbox aan te passen, samen met nog een aantal andere zaken.
  • Instellingen: doet net hetzelfde venster open, haha…
  • Indeling: laat je toe jouw lightbox horizontaal en verticaal te verschuiven binnen de pagina.
  • Ontwerp: laat je toe bijvoorbeeld een achtergrond -dit kan kleur, afbeelding of video zijn- toe te voegen aan jouw lightbox.
  • Animatie: bespreken we hier niet. Bekijk die zelf als je hier animaties wilt toevoegen, maar dit lijkt mij geen goed idee…
  • Help: spreekt voor zich…

FORMULIER INSTELLINGEN

Binnen in de lightbox bevindt zich een formulier dat je apart kan selecteren en bewerken. Ook hier komt een menu tevoorschijn als het formulier geselecteerd is…

  • Formulierinstellingen: Dit doet een nieuw venster, ‘Aanmeldingsformulier‘ genaamd open. Je kan van hieruit rechtstreeks naar het beheer van jouw site-leden in jouw dashboard gaan door op ‘Siteleden weergeven’ te klikken. Verder heb je hier de mogelijkheid om via Instellingen jouw aanmeldformulier een aangepaste naam te geven, een bevestigingsmail in te stellen of bijvoorbeeld verificatiemails te versturen naar abonnees.
  • Nieuw veld toevoegen: opent eveneens een nieuw venster. Dit laat je toe om eventueel nieuwe velden toe te voegen aan jouw formulier. Let wel, op de gratis versie staat een limiet op het aantal velden dat je maximaal kan toevoegen.
  • +Teken: doet net hetzelfde als het vorige…
  • Indeling: geeft je de mogelijkheid om over twee kolommen te gaan in plaats van over één, om de ruimte tussen de rijen en kolommen aan te passen, de uitlijning van de tekst te veranderen en dergelijke meer.
  • Ontwerp: laat je toe om jouw ontwerp volledig gelijk te trekken met de rest van jouw website.

Wil je mijn inlogformulier bekijken, klik dan HIER en vervolgens Log In.
Zoals je ziet heb ik hier wel een animatie toegevoegd, de lightbox naar de zijkant verschoven een veld voor het telefoonnummer toegevoegd, samen met een vakje om aan te vinken voor goedkeuring van de algemene voorwaarden en een robot-check. 🙂

VELD INSTELLINGEN

Na de formulierinstellingen kan je nog een aantal zaken gaan bepalen voor de verschillende invulvelden…

  • Veld bewerken: opent instellingen, waar je
    • kan aangeven of je een titel wilt toevoegen aan jouw invulveld,
    • kan aangeven of je in het eigenlijke invulveld bij aanvang al iets wilt plaatsen (een tekst) of niets
      • De tekst in te geven die je dan wilt dat in het invulveld verschijnt als voorbeeldtekst
    • Aangeven of het een verplicht veld betreft of niet.
  • Indeling: Laat je de uitlijning van de tekst veranderen en de ruimte tussen de tekst en de rand van de blok aan de kant van uitlijning.
  • Ontwerp aanpassen: laat je toe om nog een andere indeling te kiezen voor de invulvelden.
  • Animaties: geeft de mogelijkheid om op het veld een animatie toe te passen.
  • Met data koppelen: is wel een belangrijke. We kunnen hiermee velden koppelen aan een databank. We komen hier in de sectie ‘databanken’ meer in detail op terug.