👉 Hur man skapar ett WordPress-formulĂ€r med en datumvĂ€ljare

Hur Blockera Imposter Kommentarer i WordPress

Vill du lägga till en datumväljare i ditt kontaktformulär? En datumväljare krävs när du vill att användarna ska välja ett datum och en tid i formuläret.

I den här artikeln delar vi hur du skapar ett WordPress-formulär med en datumväljare.

När och varför bör du lägga till en datumväljare i WordPress Forms?

Många kontaktformulär har enkla fält som namn, e-post, telefon och meddelande. Denna information är tillräcklig för att få kontakt med dina användare. Om du vill schemalägga ett möte med dina användare måste du dock lägga till en datumväljare på ditt formulär.

Om du kör en e-handelsbutik och vill att kunder ska lägga till tillgänglighetsdatum för leverans kan du lägga till ett datum och tidfält på kontakt- eller beställningsformuläret.

Det finns många andra anledningar till varför du skulle behöva be dina användare att skicka datum och tid med sin grundläggande information. Låt oss ta en titt på hur man enkelt skapar ett WordPress-formulär med en datumväljare.

Skapa en WordPress-formulär med en datumväljare

Det första du behöver göra är att installera och aktivera WPForms plugin. För mer information, se vår steg-för-steg guide om hur du installerar ett WordPress-plugin.

Vid aktivering måste du gå till WPForms »Lägg till nytt sida för att skapa en blankett i WordPress. Det startar WPForms installationsskärm där du hittar flera förkonstruerade mallar för att enkelt skapa en ny form av ditt val. Du kan också välja en blank blankett för att börja från början.

För att komma igång plockar vi Enkel kontaktformulär mall.

En enkel kontaktformulär laddas med det grundläggande fältnamnet, e-postmeddelandet, kommentaren etc. Du kan se fler fält på vänster sida och en förhandsgranskning av din nya blankett på höger sida av skärmen. Dra och släpp bara ett fält från vänster sida till din nya form på höger sida.

Eftersom du vill lägga till en datumväljare måste du dra och släppa Datum Tid fält från vänster kolumn till din blankett. Du kan placera datumväljaren ovanför eller under något fält på WordPress-formuläret.

Formuläret är fullt flexibelt vilket innebär att du enkelt kan omorganisera ordningens fält eller anpassa något fält från förhandsgranskningsdelen av din blankett på höger sida.

När du klickar på ett fält i förhandsgranskningen visas det inställningarna på vänster sida för det specifika fältet. Om du till exempel klickar på Datum Tid fält som du just lagt till i din formulär, så ser du dessa inställningar för att anpassa:

  • Märka: Det är titeln på Date / Time-fältet i din form.
  • Formatera: I den här rullgardinsmenyn kan du välja ett format för datum, tid eller båda.
  • Beskrivning: Det låter dig lägga till instruktioner för användare under fältet.
  • Nödvändig: Om du markerar det här alternativet kan en användare inte skicka in formuläret utan att välja datum / tid i det här fältet.

Utöver dessa grundläggande inställningar finns det avancerade alternativ för att anpassa designen och stilen för datum / tidfältet.

Några av de avancerade alternativen är:

  • Fältstorlek: Det finns olika skärmstorlekar tillgängliga för datum / tidfältet.
  • Datum: Det är en platshållare. Texten som du lägger till här visas som standard för användarna. Bredvid det kan du också välja formatet för datumet.
  • Typ: Du kan välja en typ för datumväljaren. Det finns 2 typer: datumväljare och datumnedgång
  • Tid: Detta är en annan platshållare för tiden. Du kan också behöva välja ett format från 12 timmar eller 24 timmar.

Det finns många andra anpassade inställningar som intervall, göm etiketter och mer.

Du bör också kolla in den här guiden om hur du lägger till anpassad CSS i formuläret för mer detaljerade instruktioner.

Se till att klicka på Spara knappen för att lagra dina ändringar.

Bekräftelser och meddelanden Inställningar

När du väl är nöjd med fälten måste du hantera bekräftelsesinställningarna och e-postmeddelandena för din blankett. Besök bara Inställningar »Bekräftelse sida i WPForms byggare. Därifrån kan du lägga till ett anpassat meddelande för dina användare som de kommer att få efter att ha skickat formuläret. Du kan också ändra bekräftelsestypen för att omdirigera användare till en tacksida.

Därefter kan du gå till Inställningar »Meddelanden sida för att hantera e-postmeddelanden för formulärinsändningar. Du kan också skicka flera meddelanden på olika e-postadresser. Kolla in den här guiden om hur du skapar flera meddelanden i WPForms.

För avancerade inställningar kan du lägga till villkorlig logik i din blankett för att skicka specifika meddelanden till användarna. Lär dig hur du skapar villkorliga formulärmeddelanden i WordPress-formulär.

Senast måste du klicka på Spara knappen för att se din kontaktformulär i aktion.

Visa formuläret på din WordPress-webbplats

Du kan enkelt lägga till kontaktformuläret på dina WordPress-sidor, inlägg, sidor och andra widgetområden.

För att lägga till formuläret på en sida måste du gå till Sidor »Lägg till nytt i WordPress. Klicka bara på knappen Lägg till formulär ovanför textredigeraren.

En popup visas där du kan välja det formulär du skapade. När du har valt rätt formulär klickar du på Lägg till formulär knapp. Denna process är densamma för WordPress-inlägg. Publicera sidan / posten för att se kontaktformuläret med datumväljaren på din WordPress-webbplats.

Om du vill lägga till formuläret till ditt sidofält eller något annat widgetiserat område, gå till Utseende »Widgets att dra och släpp widgeten WPForms i sidofältet. I widgetens inställningar kan du välja den form som du skapade ovan och klicka på Spara knapp.

Det är allt. Vi hoppas att den här artikeln hjälper dig att lära dig hur du skapar ett WordPress-formulär med en datumväljare.Du kanske också vill se vår guide om hur du skapar en filuppladdning i WordPress.

Titta pÄ videon: Uppenbarelseboken 21: Asteroid, mÀnniskor sparad, Imposters Dead

Like this post? Please share to your friends:
Kommentera

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