👉 Hvordan lage et WordPress-skjema med en Date Picker

Slik Block Imposter Comments i WordPress

Vil du legge til en datovelger i kontaktskjemaet ditt? En dataplukker er nødvendig når du vil at brukerne skal velge dato og klokkeslett i skjemaet.

I denne artikkelen deler vi hvordan du lager et WordPress-skjema med en datovelger.

Når og hvorfor du bør legge til en datovelger i WordPress-skjemaer?

Mange kontaktskjemaer har enkle felt som navn, e-post, telefon og melding. Denne informasjonen er nok til å bli koblet til brukerne dine. Men hvis du ønsker å planlegge en avtale med brukerne dine, må du legge til en datovelger på skjemaet ditt.

Hvis du driver en e-handelsbutikk, og du vil at kundene skal legge til tilgjengelighetsdato for levering, kan du legge til et dato- og klokkeslettfelt på kontakt- eller bestillingsskjemaet.

Det er mange andre grunner til at du må spørre brukerne om å sende inn dato og klokkeslett med grunnleggende informasjon. La oss ta en titt på hvordan du enkelt lager et WordPress-skjema med en datovelger.

Opprette et WordPress-skjema med en Date Picker

Det første du må gjøre er å installere og aktivere WPForms plugin. For mer informasjon, se vår trinnvise veiledning om hvordan du installerer et WordPress-plugin.

Ved aktivering må du gå til WPForms »Legg til ny side for å lage et skjema i WordPress. Det starter WPForms setup-skjermbildet, hvor du finner flere forhåndsbygde maler for enkelt å lage en ny skjema av ditt valg. Du kan også velge et tomt skjema for å starte fra begynnelsen.

For å komme i gang, plukker vi Enkel kontaktskjema mal.

Et enkelt kontaktskjema lastes med grunnleggende feltnavn, e-post, kommentar, etc. Du kan se flere felt på venstre side og en forhåndsvisning av det nye skjemaet på høyre side av skjermen. Bare dra og slipp et felt fra venstre side til det nye skjemaet på høyre side.

Siden du vil legge til en dataplukker, må du dra og slippe Dato tid feltet fra venstre kolonne på skjemaet ditt. Du kan plassere datoperioden over eller under et felt på WordPress-skjemaet.

Skjemaet er fullt fleksibelt, noe som betyr at du enkelt kan omorganisere rekkefølge av feltene eller tilpasse hvilket som helst felt fra forhåndsvisningsdelen av skjemaet på høyre side.

Når du klikker på et hvilket som helst felt i formen for forhåndsvisning, vil det vise innstillingene på venstre side for det aktuelle feltet. For eksempel, hvis du klikker på Dato tid felt som du nettopp har lagt til i skjemaet ditt, så ser du disse innstillingene for å tilpasse:

  • Merkelapp: Det er tittelen på feltet Date / Time i skjemaet ditt.
  • Format: I denne rullegardinmenyen kan du velge et format for dato, klokkeslett eller begge deler.
  • Beskrivelse: Det lar deg legge til instruksjoner for brukere under feltet.
  • nødvendig: Hvis du sjekker dette alternativet, kan en bruker ikke sende skjemaet uten å velge dato / klokkeslett i dette feltet.

Annet enn disse grunnleggende innstillingene, er det avanserte alternativer for å tilpasse design og stil av dato / klokkeslettfeltet.

Få av de avanserte alternativene inkluderer:

  • Feltstørrelse: Det finnes forskjellige visningsstørrelser som er tilgjengelige for dato / klokkeslettfeltet.
  • Dato: Det er en plassholder. Teksten som du legger til her, vises som standard til brukerne. Ved siden av kan du også velge formatet for datoen.
  • Type: Du kan velge en type for datovelgeren. Det er 2 typer: Date Picker og Date Dropdown
  • Tid: Dette er en annen plassholder for tiden. Du kan også trenge å velge et format fra 12 timer eller 24 timer.

Det er mange andre tilpassede innstillinger som intervall, skjul etiketter og mer.

Du bør også sjekke ut denne veiledningen om hvordan du legger til tilpasset CSS i skjemaet ditt for mer detaljerte instruksjoner.

Pass på å klikke på Lagre knappen for å lagre endringene dine.

Bekreftelses- og varslingsinnstillinger

Når du er fornøyd med feltene, må du administrere bekreftelsesinnstillingene og e-postvarsler for skjemaet ditt. Bare besøk Innstillinger »Bekreftelse side i WPForms builder. Derfra kan du legge til en egendefinert melding for brukerne som de vil motta etter at du har sendt inn skjemaet. Du kan også endre bekreftelsestypen for å omdirigere brukere til en takk side.

Etter det kan du gå til Innstillinger »Varsler side for å administrere e-postvarsler for skjemainnlegg. Du kan også sende flere varsler på forskjellige e-postadresser. Sjekk ut denne veiledningen om hvordan du oppretter flere varsler i WPForms.

For avanserte innstillinger kan du legge til betinget logikk i skjemaet ditt for å sende bestemte varsler til brukere. Lær hvordan du oppretter betingede skjemavarsler i WordPress-skjemaer.

Sist, du må klikke på Lagre knappen for å se kontaktskjemaet i handling.

Vis skjemaet på WordPress-siden din

Du kan enkelt legge til kontaktskjemaet i WordPress-sidene, innleggene, sidebjørene og andre widgetområdene.

For å legge til skjemaet på en side, må du gå til Sider »Legg til ny i WordPress. Bare klikk på knappen Legg til skjema over tekstredigeringsprogrammet.

En popup vises hvor du kan velge skjemaet du har laget. Etter å ha valgt riktig form, klikk på Legg til skjema knapp. Denne prosessen er den samme for WordPress-innleggene. Publiser siden / innlegget for å se kontaktskjemaet med datovelger på WordPress-siden din.

Men hvis du vil legge til skjemaet i sidelinjen eller et annet widgetisert område, går du til Utseende »Widgets å dra og slipp WPForms-widgeten i sidefeltet. I widgetens innstillinger kan du velge skjemaet du opprettet ovenfor og klikke på Lagre knapp.

Det er alt. Vi håper denne artikkelen hjalp deg med å lære hvordan du oppretter et WordPress-skjema med en datovelger.Du vil kanskje også se vår guide om hvordan du oppretter et filopplastingskjema i WordPress.

Se videoen: Charles Bradley – Hvorfor er det så vanskelig (Live on KEXP)

Like this post? Please share to your friends:
Legg att eit svar

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