Skapa formulÀr med MetForm

MetForm form Builder-tillĂ€gg kommer med 30+ mallar (t.ex. kontaktformulĂ€r, nyhetsbrevsformulĂ€r, feedbackformulĂ€r, etc) för att skapa valfri typ av formulĂ€r pĂ„ WordPress-webbplatsen. 

MetForm lĂ„ter dig ocksĂ„ skapa valfri anpassad form genom att bara dra och slĂ€ppa elementor-elementen. Med 40+ stilar för anpassning kan du designa en fullt lyhörd och funktionell form inom nĂ„gra minuter. 

Hur man skapar formulÀr med MetForm #

✹✹Krav:

👉👉 Elementor: Ladda ner Elementor Plugin
👉👉 MetForm: Ladda ner MetForm Plugin

Steg 1: VĂ€lj en formulĂ€rmall  #

Navigera till 1. Dashboard -> 2. MetForm -> 3. FormulÀr -> 4. Klicka pÄ LÀgg till ny -> 5. En popup visas

FrÄn det hÀr popupfönstret Skapa formulÀr ser du-

  • FormulĂ€rnamnsfĂ€lt

Du kan börja skapa ett formulÀr genom att skriva in namnet pÄ det i det hÀr fÀltet.

  • FormulĂ€rtyp

Blanketttypen Àr General Form. Det Àr som standard, om du anvÀnder MetForm pro kan du ha alternativet hÀr.

  • Mallval

Du kommer att fĂ„ 30+ olika typer av mallar hĂ€r. 

  • Klicka pĂ„ Redigera

Genom att klicka pÄ den hÀr knappen börjar du redigera formulÀret med Elementor.

Popup-fönster för MetForm

Steg 2: Anpassa formulĂ€rmallen  #

Varje formulĂ€rmall Ă€r helt designad och utvecklad för att tjĂ€na olika syften (t.ex. feedbackformulĂ€r för att fĂ„ kunders feedback). Du kan dock anpassa dem pĂ„ vilket sĂ€tt som helst eftersom de Ă€r kompatibla med elementor. 

Du kommer att fÄ 3 instÀllningar som t.ex innehÄll, stil och avancerat för att anpassa och kontrollera inmatningsfÀltet och knappegenskaperna.

👉👉Anpassning av innehĂ„ll   #

  • Kan dölja/visa etiketten 
  • StĂ€ll in position för vĂ€nster eller topp
  • Kan Ă€ndra platshĂ„llaren 
  • LĂ€gg till hjĂ€lptext
  • SlĂ„ pĂ„/av den önskade egenskapen 
  • StĂ€ll in varningsmeddelandet 
  • StĂ€ll in valideringstyp 
  • Infoga URL 
Metform-formulÀrinnehÄllsanpassning

👉👉Stilanpassning  #

  • StĂ€ll in anpassad bredd för layout 
  • Ändra inmatningsfĂ€ltets textfĂ€rg och typografi 
  • Anpassa platshĂ„llare och hjĂ€lptextfĂ€rg och typografi 
  • LĂ€gg till bakgrundsfĂ€rg 
  • StĂ€ll in anpassad stoppning, marginal 
  • VĂ€lj en anpassad varningsfĂ€rg för det obligatoriska fĂ€ltet 
  • StĂ€ll in vĂ€nster, centrera, justera eller högerjustering 
  • Infoga bildbakgrund för inmatningsfĂ€lt 
  • Anpassa kant, kantfĂ€rg och kantradie
Metform formstil anpassning

👉👉Avancerad anpassning  #

  • StĂ€ll in anpassad marginal, utfyllnad, bredd och position för formulĂ€rlayout 
  • Olika rörelseeffekter för inmatningsfĂ€lten 
  • SlĂ„ pĂ„/av lyhördheten för dator, flik och mobil 
  • LĂ€gg till ytterligare CSS-kod och mĂ„nga fler
Metform form Avancerad anpassning 

Steg 3: Infoga formulĂ€r pĂ„ en sida/inlĂ€gg   #

DĂ€refter Ă€r det dags att infoga formulĂ€ret pĂ„ din föredragna sida/inlĂ€gg. MetForm gör det enkelt att infoga formulĂ€ret pĂ„ valfri sida eller post av elementor. Du kan ocksĂ„ infoga vilket formulĂ€r som helst med formulĂ€rets kortkod. 

1. Infoga MetForm Form med hjĂ€lp av Elementor  #

Skapa först en ny sida/inlĂ€gg eller öppna en befintlig. 

  • Börja med "Redigera med Elementor"
  • VĂ€lj ett elementorblock
  • Söka efter MetForm-widget i Elementor-element 
  • Dra och slĂ€pp widgeten i det valda blocket 
  • Klicka pĂ„ "Redigera formulĂ€r" 
  • Du kommer att se formulĂ€rnamnen som du redan har skapat 
  • VĂ€lj den formnamn 

FormulĂ€ret kommer att infogas inom nĂ„gra sekunder. Nu kan du göra ytterligare anpassning eller behĂ„lla den som den Ă€r. 

  • Klicka pĂ„ Spara & StĂ€ng 
  • Klicka pĂ„ "Uppdatering"
infoga Metform-formulÀret

2. Infoga MetForm Form med hjĂ€lp av Shortcode  #

Att infoga ett MetForm-formulĂ€r med en kortkod Ă€r ocksĂ„ ett enklare sĂ€tt. 

  • Skapa en ny sida/inlĂ€gg eller öppna en befintlig sida/inlĂ€gg.
  • SvĂ€va över MetForm -> Klicka pĂ„ formulĂ€r 

Du kommer att se alla kortkoder tillsammans med formulĂ€rnamnet. 

  • Kopiera kortkoden som du vill infoga 
  • Klistra kortkoden pĂ„ sidan/inlĂ€gget 
  • Klicka pĂ„ "Publicera"
metform form kortkod

Du Àr redo att gÄ! Hope, du kommer att njuta av att anvÀnda dessa formulÀrmallar och göra din webbplats mer elegant och dynamisk.

Vad Àr dina kÀnslor
Uppdaterad den 28 januari 2024