👉 Sådan oprettes en WordPress Form med en Date Picker

SĂĄdan Bloker Imposter Kommentarer i WordPress

Ønsker du at tilføje en datovælger til din kontaktformular? En datovælger er påkrævet, når du vil have dine brugere til at vælge en dato og klokkeslæt i formularen.

I denne artikel deler vi, hvordan du opretter en WordPress-formular med en datovælger.

Hvornår og hvorfor skal du tilføje en datovælger i WordPress-formularer?

Mange kontaktformularer har enkle felter som navn, email, telefon og besked. Disse oplysninger er nok til at blive forbundet med dine brugere. Men hvis du ønsker at planlægge en aftale med dine brugere, skal du tilføje en datovælger på din formular.

Hvis du kører en e-handelsbutik, og du vil have kunder til at tilføje deres ledighedsdato for levering, kan du tilføje et dato- og klokkeslætfelt på kontakt- eller bestillingsformularen.

Der er mange andre grunde til, at du skal bede dine brugere om at indsende dato og klokkeslæt med deres grundlæggende oplysninger. Lad os tage et kig på, hvordan du nemt opretter en WordPress-formular med en date picker.

Oprettelse af en WordPress Form med en Date Picker

Det første du skal gøre er at installere og aktivere WPForms plugin. Yderligere oplysninger finder du i vores trinvise vejledning om, hvordan du installerer et WordPress-plugin.

Ved aktivering skal du gå til WPForms »Tilføj nyt side for at oprette en formular i WordPress. Det lancerer WPForms setup skærmen, hvor du finder flere forudindstillede skabeloner, så du nemt kan oprette en ny formular efter eget valg. Du kan også vælge en blank formular til at starte fra bunden.

For at komme i gang vælger vi Enkel kontaktformular skabelon.

Et simpelt kontaktformular vil indlæse det grundlæggende feltnavn, e-mail, kommentar osv. Du kan se flere felter på venstre side og et eksempel på din nye formular på højre side af skærmen. Træk og slip kun et felt fra venstre side til din nye form på højre side.

Da du vil tilføje en date picker, skal du trække og slippe Dato tid felt fra venstre kolonne på din formular. Du kan placere datovælgeren over eller under et felt på WordPress-formularen.

Formularen er fuldt fleksibel, hvilket betyder at du nemt kan omarrangere rækkefølgen af ​​felterne eller tilpasse et hvilket som helst felt fra forhåndsvisningsdelen af ​​din form på højre side.

Når du har klikket på et hvilket som helst felt i formevisningen, vil den vise indstillingerne på venstre side for det pågældende felt. For eksempel, hvis du klikker på Dato tid felt, som du lige har tilføjet til din formular, så vil du se disse indstillinger til at tilpasse:

  • Etiket: Det er titlen på feltet Date / Time i din formular.
  • Format: I denne dropdown kan du vælge et format for dato, klokkeslæt eller begge dele.
  • Beskrivelse: Det giver dig mulighed for at tilføje instruktioner til brugere under feltet.
  • påkrævet: Hvis du tjekker denne indstilling, kan en bruger ikke indsende formularen uden at vælge en dato / klokkeslæt i dette felt.

Bortset fra disse grundlæggende indstillinger er der avancerede muligheder for at tilpasse design og stil af dato / tid-feltet.

Få af de avancerede muligheder omfatter:

  • Feltstørrelse: Der er forskellige visningsstørrelser til rådighed for dato / klokkeslætfeltet.
  • Dato: Det er en pladsholder. Den tekst, du vil tilføje her, vises som standard til brugerne. Ved siden af ​​kan du også vælge formatet for datoen.
  • Type: Du kan vælge en type til datovælgeren. Der er 2 typer: Date Picker og Date Dropdown
  • Tid: Dette er en anden pladsholder til tiden. Du kan også nødt til at vælge et format fra 12 timer eller 24 timer.

Der er mange andre brugerdefinerede indstillinger som interval, skjul etiketter og meget mere.

Du bør også tjekke denne vejledning om, hvordan du tilføjer brugerdefineret CSS til din formular for mere detaljerede instruktioner.

Sørg for at klikke på Gemme knappen for at gemme dine ændringer.

Bekræftelses- og meddelelsesindstillinger

Når du er tilfreds med felterne, skal du administrere bekræftelsesindstillingerne og e-mail-meddelelserne til din formular. Du skal blot besøge Indstillinger »Bekræftelse side i WPForms builder. Derefter kan du tilføje en brugerdefineret besked til dine brugere, som de modtager, når du har indsendt formularen. Du kan også ændre bekræftelsestypen for at omdirigere brugere til en takside.

Derefter kan du gå til Indstillinger »Meddelelser side til at håndtere e-mail-meddelelser for formularindlæg. Du kan også sende flere underretninger på forskellige e-mailadresser. Tjek denne vejledning om, hvordan du opretter flere underretninger i WPForms.

For avancerede indstillinger kan du tilføje betinget logik i din formular for at sende specifikke meddelelser til brugere. Lær, hvordan du opretter betingede formularer i WordPress-formularer.

Sidst, du skal klikke på Gemme knappen for at se din kontaktformular i aktion.

Vis formularen på dit WordPress-websted

Du kan nemt tilføje kontaktformularen på dine WordPress-sider, indlæg, sidebjælker og andre widgetområder.

For at tilføje formularen på en side skal du gå til Sider »Tilføj nyt i WordPress. Du skal blot klikke på knappen Tilføj formular over teksteditoren.

En popup vises, hvor du kan vælge den formular du lavede. Når du har valgt den rigtige formular, skal du klikke på Tilføj formular knap. Denne proces er den samme for WordPress-indlæg. Udgiv siden / posten for at se kontaktformularen med datovælger på dit WordPress-websted.

Men hvis du vil tilføje formularen til dit sidebjælke eller et andet widget-område, skal du gå til Udseende »Widgets at trække og slip WPForms-widgeten i sidepanelet. I widgetens indstillinger kan du vælge det formular du oprettet ovenfor og klikke på Gemme knap.

Det er alt. Vi håber, at denne artikel har hjulpet dig med at lære at oprette en WordPress-formular med en date picker.Du kan også se vores vejledning om, hvordan du opretter en filopdateringsformular i WordPress.

Like this post? Please share to your friends:
Skriv et svar

;-) :| :x :twisted: :smile: :shock: :sad: :roll: :razz: :oops: :o :mrgreen: :lol: :idea: :grin: :evil: :cry: :cool: :arrow: :???: :?: :!: