Med webCRM's nye formularer får du endnu større frihed til at designe dine egne formularer direkte i webCRM - helt uden brug af integrationer eller kendskab til HTML.
I denne artikel gennemgår vi, hvordan du ved hjælp af vores nye formulareditor nemt kan designe en formular i overensstemmelse med jeres brand.
Boks
I bokssektionen kan du bestemme det overordnede visuelle udtryk for din formular - altså selve rammen og kompositionen.
1. Baggrundsfarve
Du kan ændre baggrundsfarven ved at benytte en farvekode eller ved at prøve dig frem på farvespektret.
2. Bredde
Bredden bestemmer hvor bred formularen er.
💡TIP! Hvis du har en teksttung formular, kan du vælge at gøre formularen bredere, så den horisontalt kan indeholde mere tekst. På den måde undgår du, at modtageren skal scrolle i formularen.
3. Grænseradius
Bestem om du vil have firkantede eller runde kanter om din formular.
4. Afstand
Hvor meget luft skal der være om indholdet i formularen? Her kan du bestemme afstanden fra højre og venstre side ind til selve indholdet.
5. Linjeafstand
Hvor meget luft skal der mellem linjerne i indholdet? Her gælder det altså den vertikale afstand mellem datalinjerne.
Ledetekst
Når vi har layoutet og den overordnede ramme på plads, skal vi se på, hvordan selve indholdet og datafelter skal præsenteres.
En ledetekst er den overskrift eller forklaring, der følger med hvert datafelt i formularen.
1. Synlig
Du kan synliggøre eller skjule ledeteksterne for datafelterne.
2. Skrifttype
Vælg farve, font og størrelse på dine ledetekster.
3. Juster
Vælg placeringen for ledeteksterne. Skal de paceres til venstre, i midten eller til højre for datafeltet?
4. Margin
Afgør størrelsen på mellemrum mellem ledetekst og datafelt.
5. Inline
Hvor skal ledeteksterne stå i forhold til datafelterne.
6. Ombryd tekst
Skal teksten ombrydes til den næste linje, hvis det ikke passer ind i datafeltet?
Felt
I feltsektionen bestemmer du, hvordan indholdet af datafelterne kommer til udtryk - både når de vises eller udfyldes.
1. Skrifttype
Du kan ændre farve, font og størrelse på den tekst, som modtageren udfylder i datafelterne.
2. Baggrundsfarve
Vælg baggrundsfarven for felterne.
3. Kant-farve
Du har to muligheder:
Farveboksen til venstre bestemmer den farve, der omringer datafelter, når felterne ikke opdateres af modtageren.
Farveboksen til højere bestemmer den omringende farve for det aktuelle datafelt, som modtageren er i gang med at opdatere, eller hvis de lader markøren svæve over feltet.
4. Grænseradius
På samme måde som med omringningen af boksen kan du vælge datafelternes kantafrunding - skal de være helt firkantede eller runde?
5. Pladsholder
Du kan vælge at aktivere en lille hjælpetekst i de endnu ikke udfyldte datafelter. Det er de samme hjælpetekster som ledeteksterne. Et godt eksempel på dette er, at du under sektionen for 'Ledetekst' har valgt ikke at synliggøre ledeteksten.
Knap
For at indsende det data, der udfyldes eller opdateres i formularen, skal der være en knap. Under knapsektionen kan du bestemme, hvordan denne skal se ud.
1. Skrifttype
Du kan ændre farve, font og størrelse på knappen.
2. Baggrundsfarve
Du har to muligheder:
Farveboksen til venstre bestemmer knappens farve, når modtageren ikke klikker eller holder markøren over.
Farveboksen til højere bestemmer knappens farve, når modtageren klikker eller lader markøren svæve over knappen.
3. Grænseradius
Skal kanterne om knappen være firkantede eller runde?
4. Bredde
Hvor bred skal knappen være i forhold til formularens bredde?
Brugerdefineret CSS
Ønsker du at foretage yderligere designændringer end hvad editoren tillader, har du mulighed for at benytte CSS.
Obs. webCRM supporten yder ikke hjælp til opsætning af CSS.
OBS! Husk at aktivere din formular før du kan bruge den!
Læs mere her
Læs mere om opsætningen af formularer, eller se hvordan du kan få et overblik over de indsendte formularer og statistikker.