Dit artikel is onderdeel van de User Academy.
- Doelgroep training: Superuser
- Om deze opdracht uit te voeren heb je een persoonlijke trainingsomgeving nodig. Vraag deze aan als je deze nog niet hebt.
- Ter voorbereiding op deze opdracht moet de Procurios Platform extensie zijn geïnstalleerd op je browser. Je leest hier meer over in dit artikel. Direct installeren doe je via één van deze links:
- Chrome extensie: Klik op Toev. aan Chrome
- Edge extensie: Klik op Kopen
-
Firefox extensie: Klik op Toevoegen aan Firefox
Klik op de Extensie die vervolgens in je browser-balk verschijnt (Herkenbaar aan het grijze Procurios-logo) en volg de instructies om je persoonlijke trainings-omgeving te koppelen.
Opdracht
Met deze opdracht leer je om in een voorbeeld-Registratieformulier kleine aanpassingen te doen. Je leert formuliervelden en de verzendknop te wijzigen.
De casus
User Academy heeft een demo-website voor de fictieve Zoo Lion Foundation. Op deze website staat een formulier waarmee een bezoeker zich kan aanmelden voor een nieuwsbrief. Het formulier heeft enkele kleine verbeteringen nodig.
- Het is nu niet verplicht om het formulierveld Voornaam in te vullen. We willen deelnemers van de User Academy graag informeel kunnen benaderen. Daarom willen graag van iedereen zijn voornaam weten. Dit veld moet daarom verplicht gemaakt worden.
- Het formulierveld Naam staat eigenlijk voor 'Achternaam'. Dat kan dus duidelijker. Jij gaat dit even aanpassen, toch?
- De verzendknop heet nu 'Registreren'. Een mooier woord hiervoor vinden we 'Aanmelden'. Ook dat willen we dus aanpassen.
We zijn blij dat je ons hiermee komt helpen. ;-)
Uitvoering
Deel 1
Open de demo-website
Omdat je een reeds werkend nieuwsbrief-registratieformulier gaat aanpassen ga je eerst bekijken hoe het formulier en de communicatie over de registratie er nu uit ziet.
- De url van jouw persoonlijke trainingsomgeving ziet er zo uit: useracademy-[naam].procurios.cloud
- Wijzig dit in: useracademy-[naam].procurios.site en open die url
Je ziet nu onze demo-website van de fictieve Zoo Lion Foundation. We noemen dit de 'voorkant', ofwel 'frontend' van de website. Dat is wat de website-bezoekers ook zien.
- Klik op 'Aanmelden voor de nieuwsbrief' onder Actualiteit in het hoofdmenu van de site.
Vul het registratieformulier in
Je ziet nu een registratieformulier.
- Vul dit formulier in met een e-mailadres waarop jij zelf e-mails kunt ontvangen.
- Klik op 'Registreer'
Bevestig je registratie
Op de webpagina krijg je een bevestigingstekst te zien:
Bedankt voor je registratie. Klik op de bevestigingslink in de e-mail die is verstuurd naar ##email## om je registratie te bevestigen.
In je mailbox ontvang je nu een e-mail met de tekst:
Beste ##firstname##,
Klik op onderstaande link om je registratie te bevestigen:
[Activatielink]
- Klik op de activatielink
Je wordt nu naar een webpagina geleid met de tekst:
Bedankt voor je registratie. We gaan je registratie controleren.
En er wordt bovendien nog een bevestigings-e-mail gestuurd met de tekst:
Beste ##firstname##,
Bedankt voor je registratie. Je kunt vanaf nu gebruik maken van alle voordelen.
Deel 2
Log in op je trainingsomgeving
Je hebt nu de 'voorkant'/'frontend' van het Registratieformulier bekeken en de werking daarvan. Om hier nu wijzingen in aan te brengen gaan we naar de 'achterkant', ofwel 'backend'. Dat is het deel dat alleen jij als backend-gebruiker kunt zien en bewerken. Als hulpmiddel hiervoor heb je de Procurios Browser Extensie nodig.
Gebruik je de Procurios Browser Extensie al en heb je deze gekoppeld aan het platform van je organisatie? Ontkoppel deze dan tijdelijk t.b.v. deze training.
Heb je de Procurios Browser Extensie nog niet geïnstalleerd? Doe dat dan eerst. Kies de link van de webbrowser die jij gebruikt:
- Chrome extensie: Klik op Toev. aan Chrome
- Edge extensie: Klik op Kopen
- Firefox extensie: Klik op Toevoegen aan Firefox
Klik op de Extensie die vervolgens in je browser-balk verschijnt (Herkenbaar aan het grijze Procurios-logo) en volg de instructies om je persoonlijke trainings-omgeving te koppelen. Het kan nodig zijn om reeds geopende pagina's in je browser te verversen om de Extensie correct te laten functioneren.
Lees hier mee over de Procurios Platform extensie
Open het Registratieformulier
- Open de Procurios Browser Extensie
- Kies 'Bewerk registratieformulier 'Nieuwsbrief''
- Log in met de account-gegevens van je persoonlijke trainingsomgeving
Je ziet dat je nu automatisch terechtkomt op het Registratieformulier 'Nieuwsbrief' binnen het Platform-product 'CRM'.
Wijzig beschrijving bevestig-knop
Onder het tabblad Instellingen kun je algemene instellingen wijzigen die betrekking hebben op de werking van je registratieformulier.
- Onder de sectie Formulier wijzig je de tekst achter 'Tekst verstuurknop' in 'Aanmelden'
Laat andere instelingen ongewijzigd - Klik op Opslaan
Inrichting Formuliervelden
- Selecteer het tabblad Formuliervelden
Je ziet nu de indeling van formuliervelden - Klik op 'Bekijk voorbeeld' om te zien hoe het formulier er voor een website-bezoeker uit ziet
Je ziet het formulier hier altijd zonder de vormgeving van je site.
Sluit dit voorbeeldvenster weer d.m.v. het kruisje rechtsboven.
Maak formulierveld verplicht
Voornaam is een niet-verplicht in te vullen formulierveld. Je ziet dit door het ontbreken van het asterisk-symbol ( * )
Nieuwsbrief voorkeur, Naam en E-mail zijn wel verplichte formuliervelden.
- Klik op het edit-icoon achter Voornaam
- Selecteer de optie 'Maak het veld verplicht'
- Klik op Opslaan
Wijzig veldtitel
Voornaam is nu een verplicht formulierveld.
- Het formulierveld Naam is bedoeld voor de achternaam. Dit is niet duidelijk genoeg voor mensen die het formulier invullen.
Klik op het edit-icoon achter Naam
- Wijzig de Titel in 'Achternaam'
- Klik op Opslaan
Het resultaat
Wijzigingen in het registratieformulier bekijken
Om de resultaten te zien ga je terug naar we demo-website: useracademy-[naam].procurios.site.
Open daar 'Actualiteit' en vervolgens 'Aanmelden voor de nieuwsbrief'.
We vergelijken het formulier zoals deze wás met het formulier zoals deze nu is:
- Je ziet dat het formulierveld Voornaam nu verplicht ingevuld moet worden. Aangegeven met een asterisk.
- Het formulierveld Naam is gewijzigd in Achternaam
- De beschrijving van de verzendknop is gewijzigd in Aanmelden
Je heb vandaag geleerd om kleine aanpassingen te doen in een registratieformulier. Heel goed gedaan!
Ontkoppel tot slot je Procurios Browser Extensie van je persoonlijk trainingsomgeving, zodat je deze (weer) kunt koppelen aan het Platform van je organisatie.
