Lister over afkrydsningsfelter med flere valgmuligheder: Lad brugerne vælge flere muligheder

Lister over afkrydsningsfelter med flere valg

"Vælg alle relevante svar." Det er en af ​​de mest almindelige instruktioner i formularer – og det er sådan, du får det til at ske. Lister med flere valgmuligheder giver brugerne mulighed for at vælge flere muligheder fra en foruddefineret liste, perfekt til interesser, præferencer, tjenester og ethvert scenarie, hvor ét svar ikke er nok.

I denne guide lærer du, hvordan du opretter effektive lister med flere valgmuligheder til dine WordPress-formularer.

Hvornår skal man bruge flervalgsafkrydsningsfelter

Perfekt til

  • Valg af interesse: "Hvilke emner interesserer dig?"
  • Serviceforespørgsel: "Hvilke tjenester er du interesseret i?"
  • Funktionspræferencer: "Hvilke funktioner har du brug for?"
  • Kontakt metoder: "Hvordan vil du gerne have, at vi kontakter dig?"
  • Kostbehov: "Er der nogen kostrestriktioner?"
  • Færdigheder/ekspertise: "Vælg dine ekspertiseområder"
  • Spørgsmål i undersøgelsen: "Hvilke af disse har du prøvet?"

Nøgleegenskaber

  • Flere valg tilladt (i modsætning til radioknapper)
  • Nul valg mulige (medmindre det er nødvendigt)
  • Alle muligheder er synlige på én gang
  • Uafhængige valg (at vælge én påvirker ikke andre)

Multivalgsafkrydsningsfelter vs. alternativer

afkrydsningsfelter Radio knapper Rullemenu med flere valgmuligheder
Flere valg Kun enkelt valg Flere valg
Alle muligheder er synlige Alle muligheder er synlige Valgmuligheder skjult indtil der klikkes på dem
Bedst til 3-10 muligheder Bedst til 2-5 muligheder God til mange muligheder
Nem at scanne Nem at scanne Kompakt, men kræver interaktion

Oprettelse af flervalgsafkrydsningsfelter

Trin 1: Tilføj afkrydsningsfelt

  1. Åbn din formular i A.F.B.
  2. Træk Afkrydsningsfelt felt til din formular
  3. Klik for at konfigurere

Trin 2: Skriv dit spørgsmål

Eksempler på etiketter:

  • "Hvilke tjenester interesserer dig?"
  • "Vælg dine præferencer"
  • "Hvilke funktioner har du brug for?"
  • "Hvordan hørte du om os?"

Hjælpetekst:

  • "Vælg alle relevante svar"
  • "Vælg så mange, du vil"
  • "Marker alle relevante muligheder"

Trin 3: Tilføj dine muligheder

Indtast hver mulighed på en ny linje:

Webdesign SEO-tjenester Indholdsmarkedsføring Administration af sociale medier E-mailmarkedsføring Betalt annoncering

Trin 4: Vælg layout

Lodret layout

☐ Mulighed et ☐ Mulighed to ☐ Mulighed tre ☐ Mulighed fire ☐ Mulighed fem

Bedst til:

  • Længere valgmulighedsetiketter
  • Mobilvenlig visning
  • Nem scanning
  • 5+ muligheder

Horisontalt layout

☐ Mulighed A ☐ Mulighed B ☐ Mulighed C ☐ Mulighed D

Bedst til:

  • Korte etiketter
  • 3-4 muligheder
  • Kompakt skærm

Grid layout

☐ Mulighed et ☐ Mulighed to ☐ Mulighed tre ☐ Mulighed fire ☐ Mulighed fem ☐ Mulighed seks

Bedst til:

  • Mange muligheder (6-12)
  • Etiketter med lignende længde
  • Effektiv udnyttelse af pladsen

Trin 5: Konfigurer valgregler

Påkrævet område

  • Aktivér, hvis brugeren skal vælge mindst én
  • Fejl, hvis ingen er valgt ved afsendelse

Minimumsvalg

  • Angiv minimum antal valgmuligheder
  • "Vælg venligst mindst 2 muligheder"

Maksimalt antal valg

  • Begræns hvor mange der kan vælges
  • "Vælg op til 3 muligheder"
  • Prioritering af styrker

Særlige afkrydsningsfeltfunktioner

Vælg alle valgmuligheder

Tilføj et afkrydsningsfelt af typen "Vælg alle":

Sådan fungerer det:

  • Et enkelt klik vælger alle muligheder
  • Hvis du klikker igen, fravælges alt
  • Praktisk til lange lister

Godt for:

  • Lister hvor det er almindeligt at vælge alt
  • "Ja, jeg er interesseret i alt"
  • Abonnementer på nyhedsbrevsemner

Aktivér i indstillinger: Slå "Vælg alle" til

"Andet"-mulighed med tekstboks

Tillad brugerdefinerede indtastninger:

☐ Mulighed A ☐ Mulighed B ☐ Mulighed C ☐ Andet: [________________]

Sådan fungerer det:

  • "Andet" vises som sidste mulighed
  • Når det er markeret, vises tekstfeltet
  • Brugeren skriver sit brugerdefinerede svar

Godt for:

  • Kan ikke forudsige alle mulige svar
  • Undersøgelser og forskning
  • Opdager nye muligheder

Aktivér i indstillinger: Slå "Anden mulighed" til

"Ingen af ​​ovenstående" mulighed

Eksplicit fravalg:

☐ Mulighed A ☐ Mulighed B ☐ Mulighed C ☐ Ingen af ​​ovenstående

Sådan fungerer det:

  • Hvis du vælger "Ingen", fravælges typisk andre
  • Brugeren angiver eksplicit "ingen gælder"
  • Forskelligt fra at lade stå tomt

Godt for:

  • Undersøgelser, der kræver et definitivt svar
  • At skelne mellem "ingen" og "sprunget over"
  • Obligatoriske spørgsmål, hvor ingen muligvis gælder

Eksempler på afkrydsningsfelter med flere valgmuligheder

Formular til interesse i tjenesten

Etiket: "Hvilke tjenester er du interesseret i?"

Hjælpetekst: "Vælg alle relevante svar"

Valg:

  • ☐ Webdesign
  • ☐ Hjemmesideudvikling
  • ☐ SEO-optimering
  • ☐ Indholdsskrivning
  • ☐ Markedsføring på sociale medier
  • ☐ E-mailmarkedsføring
  • ☐ Betalt annoncering (PPC)
  • ☐ Branding og logodesign

Indstillinger: Påkrævet, lodret layout

Kontaktpræferencer

Etiket: "Hvordan foretrækker du, at vi kontakter dig?"

Valg:

  • ☐ E-mail
  • ☐ Telefonopkald
  • ☐ Tekstbesked
  • ☐ WhatsApp

Indstillinger: Påkrævet (mindst én), Vandret layout

Kostbehov (begivenhed)

Etiket: "Har du nogen kostbehov?"

Valg:

  • ☐ Vegetarisk
  • ☐ Vegansk
  • ☐ Glutenfri
  • ☐ Mælkefri
  • ☐ Nøddeallergi
  • ☐ Halal
  • ☐ Kosher
  • ☐ Andet: [________]
  • ☐ Ingen

Indstillinger: Valgfrit, "Andet" aktiveret, Lodret layout

Færdighedsvurdering (Jobansøgning)

Etiket: "Vælg dine tekniske færdigheder"

Hjælpetekst: "Markér alle relevante"

Valg:

  • ☐ HTML/CSS
  • ☐ JavaScript
  • ☐ Reager
  • ☐ PHP
  • ☐ WordPress
  • ☐ Python
  • ☐ SQL/Databaser
  • ☐ Git/Versionskontrol

Indstillinger: Gitterlayout (2 kolonner), Minimum 3 påkrævet

Nyhedsbrevsemner

Etiket: "Hvilke emner vil du gerne have opdateringer om?"

Valg:

  • ☐ Branchenyheder
  • ☐ Produktopdateringer
  • ☐ Tips og vejledninger
  • ☐ Casestudier
  • ☐ Events og webinarer
  • ☐ Særlige tilbud

Indstillinger: "Vælg alle"-funktionen er aktiveret, valgfri

Undersøgelse: Hvordan hørte du om os?

Etiket: "Hvordan hørte du om os?"

Hjælpetekst: "Vælg alle relevante svar"

Valg:

  • ☐ Google-søgning
  • ☐ Sociale medier (Facebook, Instagram osv.)
  • ☐ Ven eller kollega
  • ☐ Onlineannoncering
  • ☐ Blog eller artikel
  • ☐ E-mail
  • ☐ Messe/begivenhed
  • ☐ Andet: [________]

Indstillinger: Påkrævet, "Andet" aktiveret

Funktionsprioritering

Etiket: "Hvad er dine 3 vigtigste prioriteter?"

Hjælpetekst: "Vælg præcis 3 muligheder"

Valg:

  • ☐ Hastighed/Ydeevne
  • ☐ Sikkerhed
  • ☐ Brugervenlighed
  • ☐ Tilpasning
  • ☐ Kundesupport
  • ☐ Pris
  • ☐ Integrationsmuligheder
  • ☐ Mobilkompatibilitet

Indstillinger: Minimum 3, Maksimum 3

Design af effektive valglister

Skrive gode muligheder

Vær specifik

Uklar: "Marketingtjenester"

Bestemt: "Markedsføring på sociale medier", "E-mailmarkedsføring", "SEO"

Hold etiketterne kortfattede

For lang: "Søgemaskineoptimeringstjenester til din hjemmeside"

Bedre: "SEO-tjenester"

Brug parallel struktur

Inkonsekvent:

  • Webdesign
  • Jeg har brug for SEO-hjælp
  • Indhold

Konsekvent:

  • Web Design
  • SEO Services
  • Indholdsskrivning

Logisk rækkefølge

  • Alfabetisk (for lange lister)
  • Efter popularitet (mest almindelige først)
  • Efter kategorigruppering
  • Efter arbejdsgangsrækkefølge

Hvor mange muligheder?

Tælle Anbefaling
2-3 Overvej om der er behov for afkrydsningsfelter
4-7 Ideel til afkrydsningsfelter
8-12 Brug gitterlayout, overvej gruppering
12 + Overvej en rullemenu med flere valgmuligheder eller kategorier

Valideringsmeddelelser

Påkrævet område

"Vælg venligst mindst én mulighed"

Minimum ikke opfyldt

"Vælg venligst mindst [X] muligheder"

Maksimum overskredet

"Du kan vælge maksimalt [X] muligheder"

Brugerdefinerede meddelelser

Tilpas til dit spørgsmål:

  • "Fortæl os venligst, hvilke tjenester der interesserer dig"
  • "Vælg dine 3 vigtigste prioriteter"
  • "Vælg mindst én kontaktmetode"

Best Practices

1. Tilføj altid "Vælg alle relevante"

I etiketten eller hjælpeteksten skal det tydeligt gøres, at flere valg er tilladt.

2. Overvej "Andet" for åbne spørgsmål

Hvis du ikke kan angive alle muligheder, kan du tilføje en "Andet"-mulighed med tekstinput.

3. Brug "Ingen", når det er passende

For spørgsmål, hvor ingen anvendelse er et gyldigt svar, skal det gøres eksplicit.

4. Match layout med indhold

  • Korte muligheder → Vandret eller Gitter
  • Lange muligheder → Lodret
  • Mange muligheder → Gitter

5. Forhåndstjek ikke muligheder

Lad brugerne foretage deres egne valg. Forhåndstjek kan:

  • Skæve resultater
  • Føl dig manipulerende
  • Overtrædelse af GDPR vedrørende samtykke til markedsføring

6. Sæt grænser når det er nødvendigt

Hvis du ønsker prioritering, begræns valgmulighederne:

  • "Vælg dine top 3" med maks. 3
  • Tvinger gennemtænkte valg frem

7. Grupperelaterede muligheder

For lange lister, overvej flere afkrydsningsfelter efter kategori i stedet for én kæmpe liste.

Mobile overvejelser

Berøringsvenligt design

  • Store nok trykmål
  • Tilstrækkelig afstand mellem mulighederne
  • Klik på etiketten markerer feltet

Foretrukket lodret layout

På mobilskærme:

  • Horisontale layouts ombrydes akavet
  • Lodret er lettere at læse
  • Test på faktiske enheder

Fejlfinding

Valgmuligheder gemmes ikke

  • Sørg for, at indstillingerne er tilføjet korrekt
  • Tjek for tomme linjer
  • Gem formularen og opdater den

Vælg alle Virker ikke

  • Bekræft, at funktionen er aktiveret
  • Tjek for JavaScript-konflikter
  • Ryd cache

Layoutet vises ikke korrekt

  • Tjek layoutindstillingen
  • Tema-CSS kan tilsidesætte
  • Test med standardtema

Ofte stillede spørgsmål

Hvor mange muligheder er for mange?

Mere end 12 muligheder bliver overvældende. Overvej at gruppere i kategorier, bruge flere afkrydsningsfelter eller skifte til en rullemenu med flere valgmuligheder.

Skal jeg bruge afkrydsningsfelter eller en rullemenu med flere valgmuligheder?

Afkrydsningsfelter, når der er få muligheder (3-10), og du ønsker, at alle skal være synlige. Rullemenu med flere valgmuligheder, når der er mange muligheder, og pladsen er begrænset.

Kan jeg indstille både minimum og maksimum?

Ja. Eksempel: "Vælg mellem 2 og 5 muligheder" med min=2 og maks=5.

Hvordan får jeg præcis 3 nødvendige?

Indstil både minimum og maksimum til 3. Brugere skal vælge præcis 3 muligheder.

Hvad hvis brugerne har brug for en mulighed, der ikke er angivet?

Aktivér indstillingen "Andet", som indeholder et tekstfelt til brugerdefinerede poster.

Resumé

Oprettelse af lister med flere valgmuligheder:

  1. Tilføj afkrydsningsfelt – Træk til formular
  2. Skriv et klart spørgsmål – Inkluder "vælg alle relevante"
  3. Tilføj velskrevne muligheder – Koncis, parallel, ordnet
  4. Vælg passende layout – Lodret, vandret eller gitterbaseret
  5. Konfigurer valgregler – Påkrævet, min/maks hvis nødvendigt
  6. Aktivér særlige indstillinger – Vælg alle, andet, ingen
  7. Test på mobil – Sikre brugervenlighed

Konklusion

Flervalgsfelter er afgørende for at indsamle flere præferencer, interesser og valgmuligheder. Med korrekt design af muligheder, passende layouts og smarte funktioner som "Vælg alle" og "Andet" kan du oprette brugervenlige valgfelter, der indsamler de data, du har brug for.

Automatisk formularbygger Indeholder komplette afkrydsningsfelter med lodrette, vandrette og gitterlayouts, muligheden "Marker alt", "Andet" med tekstboks, "Ingen af ​​ovenstående" og min./maks. valggrænser. Alt hvad du behøver til professionelle spørgsmål med flere valgmuligheder.

Klar til at oprette formularer med flere valgmuligheder? Download automatisk formularbygger og lad brugerne vælge alle, der gælder.

Giv en kommentar

Din e-mail adresse vil ikke blive offentliggjort. Krævede felter er markeret *