Spring videre til hovedindholdet
Alle samlingerFormularer
Formularer: Design
Formularer: Design

Deign dine formularer på ingen tid i den nye editor

Opdateret for over 8 måneder siden

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.

Besvarede dette dit spørgsmål?