Varje webbplats måste innehålla ett kontaktformulär! Kontaktformulär är användbara för olika ändamål, oavsett vilken typ av webbplats du har. De kan generera leads, skapa anslutningar och relationer, tillåta användare att rapportera problem med din webbplats och allt däremellan.
Det är inte nödvändigt att vara en teknisk expert för att skapa kontaktformulär i WordPress. Elementor -sidbyggaren gör det enklare än någonsin att skapa vackra webbplatser.
För att demonstrera hur du skapar kontaktformulär med Elementor går vi igenom de olika alternativen och allt som finns att veta om kontaktformulär i Elementor.
Elementor har inkluderat en Form -widget ganska länge nu, vilket innebär att du inte längre behöver gå någon annanstans för att skapa formulär för din WordPress -webbplats, vilket är en välsignelse!
Tidigare kan du ha stött på svårigheter när du skapar formulär med några av de tillgängliga plugin -programmen. Processen att utforma och konfigurera formulär kan vara tidskrävande och frustrerande. Lyckligtvis för oss alla är Elementor Form -widgeten enkel att arbeta med.
- Vad är det bästa sättet att skapa ett formulär i Elementor?
- Hur man skapar ett Elementor -formulär
- Bilda Elementor -element på ett strukturerat sätt
- Typer av fält i ett formulär
- Typer av fält i en Elementor -form
- Bredd på en formulärkolumn
- Former i Elementor för styling
- Åtgärder på ett formulär
- Skapa en kontaktformulärsmall i Elementor
- Slutsats
Innan vi börjar med Elementor -formulärbyggaren, låt oss ta en snabb titt på några av dess viktigaste funktioner.
En av de mest utmärkande egenskaperna, till att börja med, är att den är helt integrerad i Elementor -gränssnittet, vilket innebär att du har tillgång till många design-/stil-/layoutalternativ som är tillgängliga i Elementor. Jag tror inte du hittar en fristående formulär plugin med en design system som är så robust som denna.
Därifrån kan du skapa upp till 18 olika typer av fält:
- Text E -post Textområde Textområde
- Webbadressen och telefonnumret är följande:
- Radioknappar är en typ av alternativknapp.
- Välj från en lista (rullgardinsmeny)
- Kryssrutor används i checklistor.
- Det finns bara en kryssruta (acceptans)
- reCAPTCHA
- Honeypots är en typ av behållare som innehåller honung (förhindrar skräppost)
Du kan också dela upp dina formulär i flera sidor för att skapa flerstegsformulär, fördelaktigt för applikationer med långa former.
Elementor Pro har över 12 integrationer med populära e -postmarknadsföringstjänster och kundrelationshanteringssystem som hjälper dig att få ut det mesta av dina formulär. Det finns också en catchall Zapier -integration som låter dig ansluta till något av de tusentals verktyg som finns på Zapier -plattformen om ditt verktyg inte är listat.
Det finns också några andra spännande alternativ. För ex amp le, när någon fyller i formuläret, kan du få meddelanden via Slack eller disharmoni.
På tal om aviseringar kan du också anpassa e -postaviseringarna som du får och e -postmeddelandena som skickas från formulärerna. När de skickat in formuläret kan du omdirigera dem till en anpassad tacksida som du skapar.
Vad är det bästa sättet att skapa ett formulär i Elementor?
Vi börjar med att öppna Elementor -redigeraren och sedan dra och släppa formulärwidgeten till den plats där vi vill bygga vårt formulär.
Hur man skapar ett Elementor -formulär
Liksom allt annat i Elementor utförs processen med att skapa formulär visuellt. Det är inte nödvändigt att använda ett extra plugin , och det är inte heller viktigt att fungera som backend på din webbplats.
Bilda Elementor -element på ett strukturerat sätt
När ditt formulär är på plats är det första steget att organisera informationen i det. Vilka fält behöver du och vilka typer av fält ska de vara? Vad letar du efter?
När du arbetar i Elementor -redigeraren läggs formulärfält till och redigeras från fliken Innehåll. Som du kan se i ex amp le nedan innehåller formulär några standardfält. Genom att välja Lägg till objekt i rullgardinsmenyn kan du skapa nya fält.
Duplicering av ett fält är också möjligt genom att välja ikonen som ser ut som två dokument, det ena framför det andra, och klicka på det.
Typer av fält i ett formulär
Många typer av formulärfält är tillgängliga, allt från enkla textfält till lösenord, ReCaptcha och fält för honungsgryta.
Om du vill ändra beteendet hos ett formulärfält väljer du först fältet och sedan som rullgardinsmenyn Typ för att se de olika olika fälttyperna.
Typer av fält i en Elementor -form
Bredd på en formulärkolumn
Med den här funktionen kan du använda två formulärfält på samma rad genom att justera inställningen för kolumnbredd. Ändra bredden på fönstret genom att välja det från rullgardinsväljaren och välja 50 procent. Det är värt att notera att om du gör detta med två på varandra följande formulärfält kommer du att märka att de visas på samma rad tillsammans.
Former i Elementor för styling
Style dina formulär i Elementor på samma sätt som du stylar andra widgets genom att navigera till Style -panelen i Elementor -redigeringsgränssnittet.
Själva formuläret, fälten, knapparna, alla steg, felmeddelanden och bekräftelsemeddelanden kan alla anpassas.
För dem som redan är bekanta med Elementor, det finns inte mycket mer som de behöver lära sig i styling av Elementor Forms.
Åtgärder på ett formulär
Efter vår diskussion om hur du skapar ett formulär i Elementor, låt oss titta på hur du konfigurerar vad som händer efter att ditt formulär har skickats in. detta uppnås genom formuläråtgärder, eller som de hänvisas till i Elementor, åtgärder efter inlämning.
När ett formulär skickas in är det vanligt att systemet skickar ett e -postmeddelande och omdirigerar användaren till en annan webbsida. Du kan naturligtvis inkludera så många åtgärder du vill i dina formulär och kombinera dem på vilket sätt du vill. Som du kanske förväntar dig finns det ett specifikt väljarfält utan kodning.
Var och en av de åtgärder du lägger till visas som ett separat flikalternativ på huvudmenyn. Vi har för närvarande ett flikalternativ för E -post, men om jag skulle inkludera en omdirigering i fältet Lägg till åtgärd skulle jag också se Omdirigera i mina flikalternativ, som visas i ex amp le nedan.
Avslutningsvis visar jag hur du konfigurerar formuläret för att acceptera inlämningar via e -post, den vanligaste frågan om formulär.
När du väljer E -post från fliken Innehåll i redigeraren kommer du att visas med skärmen nedan; det är här du kan anpassa från e -post och svarsmeddelandet, och du kan också lägga till en CC eller BCC till alla som skulle få en kopia av bidrag från formuläret.
Skapa en kontaktformulärsmall i Elementor
Många blir förvånade över att veta att Elementors formulärredigerare är mer kraftfull än den verkar vid första anblicken, och en av de mer avancerade funktionerna är möjligheten att anpassa meddelandet för varje formulär.
Det är möjligt att anpassa formulärmeddelandena för att ge en mer personlig feedbackprocess till slutanvändaren som har fyllt i ditt formulär, snarare än att låta som en tråkig robot. Men specifikt vilka meddelanden du kan anpassa för ditt Elementor -kontaktformulär är följande:
För att börja måste du först aktivera anpassade meddelanden genom att välja "Ytterligare alternativ" från rullgardinsmenyn och sedan växla omkopplaren för "Anpassade meddelanden" till "Ja".
Elementor -kontaktformulär widget anpassning genom att lägga till anpassade meddelanden
Som du kan se finns det fyra olika meddelanden som du kan anpassa, inklusive de som anges nedan:
Ett framgångsmeddelande visas för en slutanvändare efter att han skickat in formuläret och kontrollerat att formuläret var korrekt ifyllt (t.ex. att inga obligatoriska fält saknas, etc.).
Felmeddelande-ett meddelande som visas för slutanvändaren när ett okänt fel uppstår under inlämnandet av formuläret.
Obligatoriskt meddelande - visas när ett obligatoriskt formulärfält inte fylls i, formuläret skickas och formuläret inte fylls i.
När något i formuläret är felaktigt och inte kan skickas, visas meddelandet Ogiltigt meddelande för slutanvändaren.
Genom att kunna redigera meddelandena kan du vara kreativ och udda, eller mer formell och affärsmässig om du driver en företagswebbplats. Det bästa är att de är helt redigerbara, så du kan göra vad du vill!
Slutsats
Elementor form widget, det är enkelt att konstruera ett kontaktformulär. Den levereras med ett intuitivt dra-och-släpp kontaktformulär byggare och en uppsjö av anpassningsmöjligheter som skiljer den från andra kontaktformuläret plugin s tillgängliga på marknaden. Du kan enkelt anpassa dess styling och färgschema för att matcha ditt företags utseende och känsla. Dessutom ingår olika andra attraktiva widgets, mer än 300+ professionella mallar och en popup-byggare i ett bekvämt paket. Denna fullständiga WordPress-sidbyggare består av alla nödvändiga widgets och funktioner, så du behöver inte köpa ytterligare sidbyggare för att anpassa din webbplats ytterligare. Dessutom möjliggör det integration av mer än 30 marknadsföringstjänster, varför det är ett av de mest populärt köpta plugin -programmen på marknaden idag.
