Dit artikel legt uit hoe je de ontwerptools in Capture Forms kunt gebruiken om je formulieren aan te passen.
Stap 1: Ga naar "Capture Forms"
Begin met inloggen op je Pabau-account met je inloggegevens. Ga vervolgens naar het onderdeel Marketing in het linkermenu en klik erop om het uit te klappen. Het tabblad "Capture Forms" wordt zichtbaar.
Stap 2: Open de formulierbouwer
Om de formulierbouwer te openen, kun je een nieuw formulier maken of een bestaand formulier bewerken. In dit geval bewerken we een bestaand formulier door naar het tabblad "Forms" linksboven te gaan.
Selecteer de optie "Update" om je formulier te bewerken.
Stap 3: Ontwerp je formulier
Gebruik het paneel aan de rechterkant om de ontwerpopties van het formulier te openen en aan te passen.
Stap 4: Gebruik de ontwerptools
De belangrijkste tools die Capture Forms biedt zijn:
- Google Fonts - Selecteer Google-lettertypen met live voorbeeld uit een dropdownlijst.
- Stockafbeeldingen - Voeg stockafbeeldingen toe aan je formulier.
- Webgradiëntkiezer - Hier vind je de gradiëntkiezer om je eigen gradiënt te maken (lineair, radiaal, kies je kleuren en stops en meer) of kies uit meer dan 100 kant-en-klare, prachtige webgradiënten.
- Subtiele patronen - Kies uit honderden subtiele patronen, geselecteerd door Toptal, mooie texturen voor je formulieren.
Stap 5: Ontwerponderdelen
Met het paneel "Design" pas je het uiterlijk van je formulier aan door stijlen toe te passen op verschillende onderdelen ervan. Elke sectie komt overeen met een specifiek formulieronderdeel of een groep onderdelen:
-
Global: Verwijst naar de algehele formuliercontainer. Dit bepaalt de ruimte, achtergrond en lay-out van het volledige formuliergebied.
-
Form: Dit is het formulierelement zelf. Standaard heeft dit geen padding, zodat het goed past wanneer het op externe websites wordt ingebed.
-
Form Group: Een groep die bestaat uit het label, invoerveld, hulptekst en validatiebericht. Het stylen van deze sectie beïnvloedt de lay-out en ruimte van deze elementen samen.
-
Form Control: Richt zich op de invoervelden (bijv. tekstvakken, dropdowns, enz.) waar gebruikers informatie invoeren.
-
Button: Verwijst naar de verzendknop van het formulier. Standaard volgt deze de Bootstrap primary button-styling, maar je kunt het uiterlijk hier aanpassen.
-
Label: Stylt de labels naast invoervelden. Deze zijn meestal uitgelijnd met formulierelementen en gebruiken Bootstrap control label-klassen.
-
Placeholder: Hiermee kun je de stijl van de placeholdertekst in invoervelden aanpassen.
-
Heading: Wordt gebruikt om alle kopteksten die je aan je formulier hebt toegevoegd te stylen, voor visuele hiërarchie of onderverdeling.
-
Paragraph: Stylt alle paragraaftekst die je hebt toegevoegd om context of uitleg te geven binnen je formulier.
-
Help Text: Bepaalt het uiterlijk van hulptekst die begeleiding biedt bij het invullen van specifieke velden.
-
Form Steps: Deze sectie verschijnt wanneer je een Page Break-veld hebt toegevoegd, waarmee meerstaps formulieren mogelijk worden. Je kunt het uiterlijk van elke stapindicator aanpassen.
-
Form Alerts: Stylt de succes- of foutmeldingen die verschijnen nadat een formulier is verzonden.
-
Field Validation: Pas aan hoe foutstatussen (zoals ongeldige invoer) worden weergegeven in je formuliervelden.
-
Other Components: Biedt stylingopties voor aangepaste selectievakjes, aangepaste keuzerondjes, reCAPTCHA, handtekeningveld en voortgangsbalk — voor zowel functionaliteit als visuele aantrekkingskracht.
Om de details te bewerken, klik je op elk tabblad om het uit te klappen. Dit toont de bijbehorende ontwerpopties die hierboven zijn beschreven.
Stap 6: Ontwerp kopiëren & plakken
Als je eerder al een formulier hebt gemaakt, kun je met de functies "Copy Design" en "Paste Design" snel CSS-stijlen van het ene formulier naar het andere overzetten door op de drie puntjes rechtsboven in het ontwerppaneel te klikken. Je kunt het ontwerp ook op elk moment met één klik terugzetten naar de standaardstijlen.
Stap 7: Wijzigingen opslaan
Zodra je je formulier hebt aangepast, klik je op de knop "Save Form" onderaan de pagina om het af te ronden.
Nadat je "Save Form" hebt geselecteerd, verschijnt een venster met 4 opties:
- Doorgaan met het bewerken van het formulier
- Naar Geavanceerde formulierinstellingen gaan
- Formulier delen
- Naar Formulierbeheer gaan
Selecteer in dit geval de 4e optie om af te ronden.
LET OP: Als je het venster sluit zonder een van deze drie opties te kiezen, maak je bij het opnieuw klikken op "Save" een nieuw formulier aan in plaats van het al gemaakte formulier te bewerken. Deze optie kan handig zijn als je snel meerdere vergelijkbare formulieren wilt maken.
Door deze stappen te volgen, kun je je formulieren ontwerpen zodat ze bij je merk passen.
Voor meer handleidingen, bekijk de gerelateerde artikelen hieronder, selecteer aanvullende handleidingen, of gebruik de zoekbalk bovenaan de pagina. Deze handleidingen helpen je om het meeste uit je Pabau-account te halen.
Om je bovendien te helpen je Pabau-account volledig te benutten en te begrijpen, raden we aan de aanvullende handleidingen en bronnen te bekijken die worden aangeboden op de Pabau Academy. Deze biedt uitgebreide videotutorials en lessen, voor een complete leerervaring waarmee je de essentiële vaardigheden opdoet om succesvol te zijn met Pabau.