Hvert websted skal indeholde en kontaktformular! Kontaktformularer er nyttige til forskellige formål, uanset hvilken type websted du har. De kan generere kundeemner, opbygge forbindelser og relationer, give brugerne mulighed for at rapportere problemer med dit websted og alt derimellem.
Det er ikke nødvendigt at være teknisk ekspert for at oprette kontaktformularer i WordPress. Elementor -sidebyggeren gør det lettere end nogensinde at oprette smukke websteder.
For at demonstrere, hvordan du opretter kontaktformularer med Elementor, går vi over de forskellige muligheder og alt, hvad der er at vide om kontaktformularer i Elementor.
Elementor har inkluderet en form -widget i et stykke tid nu, hvilket betyder, at du ikke længere behøver at gå andre steder hen for at oprette formularer til dit WordPress -websted, hvilket er en velsignelse!
Tidligere har du måske stødt på problemer, når du opretter formularer med nogle af de tilgængelige plugin . Processen med at designe og konfigurere formularer kan være tidskrævende og frustrerende. Heldigvis for os alle er Elementor Form -widgeten ligetil at arbejde med den.
- Hvad er den bedste måde at oprette en formular på i Elementor?
- Sådan opretter du en Elementor -formular
- Danner Elementor Elements på en struktureret måde
- Typer af felter i en form
- Felttyper i en Elementor -form
- Bredde på en formularkolonne
- Former i Elementor til styling
- Handlinger på en formular
- Oprettelse af en kontaktformularbeskedskabelon i Elementor
- Konklusion
Inden vi går i gang med Elementor -formbyggeren, lad os tage et hurtigt kig på nogle af dens mest essentielle funktioner.
En af de mest kendetegnende egenskaber til at begynde med er, at den er fuldt integreret i Elementor -grænsefladen, hvilket betyder, at du har adgang til mange muligheder for design/stil/layout i Elementor. Jeg tror ikke, du finder et selvstændigt form plugin med et designsystem, der er lige så robust som dette.
Derfra kan du oprette op til 18 forskellige felttyper:
- Tekst E -mail Tekstområde Tekstområde
- URL og telefonnummer er som følger:
- Radioknapper er en type radioknap.
- Vælg fra en liste (dropdown)
- Afkrydsningsfelter bruges i tjeklister.
- Der er kun ét afkrydsningsfelt (accept)
- reCAPTCHA
- Honeypots er en type beholder, der indeholder honning (forhindrer spam)
Du kan også opdele dine formularer i flere sider for at oprette formularer i flere trin, der er nyttige til applikationer i lang form.
Elementor Pro har over 12 integrationer med populære e -mailmarketingtjenester og systemer til styring af kunderelationer for at hjælpe dig med at få mest muligt ud af dine formularer. Der er også en catchall Zapier -integration, der giver dig mulighed for at oprette forbindelse til et af de tusindvis af værktøjer, der er tilgængelige på Zapier -platformen, hvis dit værktøj ikke er angivet.
Der er også et par andre spændende alternativer. Til ex amp le, når nogen udfylder din formular, kan du modtage meddelelser via Slack eller Discord.
Når vi taler om underretninger, kan du også tilpasse de e -mail -meddelelser, du modtager, og de e -mail -meddelelser, som formularerne modtager. Når de har indsendt formularen, kan du omdirigere dem til en brugerdefineret takside, som du opretter.
Hvad er den bedste måde at oprette en formular på i Elementor?
Vi begynder med at åbne Elementor -editoren og derefter trække og slippe form -widgeten til det sted, hvor vi vil bygge vores formular.
Sådan opretter du en Elementor -formular
Ligesom alt andet i Elementor udføres processen med at oprette formularer visuelt. Det er ikke nødvendigt at bruge et ekstra plugin , og det er heller ikke vigtigt at fungere som backend på dit websted.
Danner Elementor Elements på en struktureret måde
Når din formular er på plads, er det første trin at organisere oplysningerne i den. Hvilke felter har du brug for, og hvilke typer felter skal de være? Hvad kigger du efter?
Når du arbejder i Elementor -editoren, tilføjes og redigeres formularfelter fra fanen Indhold. Som du kan se i nedenstående amp , indeholder formularer et par standardfelter. Ved at vælge Tilføj element i rullemenuen kan du oprette nye felter.
Duplikering af et felt er også muligt ved at vælge det ikon, der ligner to dokumenter, det ene foran det andet, og klikke på det.
Typer af felter i en form
Mange formularfelttyper er tilgængelige, lige fra simple tekstfelter til adgangskoder, ReCaptcha og felter i honningkrukke.
Hvis du vil ændre adfærden for et formularfelt, skal du først vælge feltet og derefter lide Type -rullemenuen for at se de tilgængelige forskellige felttyper.
Felttyper i en Elementor -form
Bredde på en formularkolonne
Denne funktion giver dig mulighed for at bruge to formularfelter på samme linje ved at justere indstillingen Kolonnebredde. Skift bredden på vinduet ved at vælge det fra rullemenuen og vælge 50 procent. Det er værd at bemærke, at hvis du gør dette med to på hinanden følgende formularfelter, vil du bemærke, at de vises på samme linje sammen.
Former i Elementor til styling
Style dine formularer i Elementor på samme måde som du styler andre widgets ved at navigere til panelet Stil, der er placeret i Elementor -redigeringsgrænsefladen.
Selve formularen, felterne, knapperne, alle trin, fejlmeddelelser og bekræftelsesmeddelelser kan alle tilpasses.
For dem, der allerede kender Elementor, er der ikke meget mere, de har brug for at lære i styling af Elementor Forms.
Handlinger på en formular
Efter vores diskussion om oprettelse af en formular i Elementor, lad os se på konfiguration af, hvad der sker, efter at din formular er indsendt; dette opnås gennem formularhandlinger, eller som de omtales i Elementor, Handlinger efter indsendelse.
Når en formular indsendes, er det almindeligt, at systemet sender en e -mail og omdirigerer brugeren til en anden webside. Du kan naturligvis inkludere så mange handlinger som du vil på dine formularer og kombinere dem på enhver måde, du ønsker. Som du måske forventer, er der et specifikt vælgerfelt uden kodning involveret.
Hver af de handlinger, du tilføjer, vises som en separat fanemulighed i hovedmenuen. Vi har i øjeblikket en fanemulighed til e -mail, men hvis jeg skulle inkludere en omdirigering i feltet Tilføj handling, ville jeg også se Omdirigering i mine fanemuligheder, som vist i ex amp le nedenfor.
Afslutningsvis vil jeg demonstrere, hvordan du konfigurerer formularen til at acceptere indsendelser via e -mail, det oftest stillede spørgsmål om formularer.
Når du vælger E -mail fra fanen Indhold i editoren, får du vist skærmen nedenfor; det er her, du kan personliggøre fra e -mail og svar -e -mail, og du kan også tilføje en CC eller BCC til alle, der skulle modtage en kopi af indsendelserne fra formularen.
Oprettelse af en kontaktformularbeskedskabelon i Elementor
Mange mennesker er overraskede over at erfare, at Elementors formredaktør er mere kraftfuld, end den ser ud ved første øjekast, og en af de mere avancerede funktioner er muligheden for at tilpasse beskederne til hver formular.
Det er muligt at tilpasse formmeddelelserne for at give en mere personlig feedback-proces til slutbrugeren, der har udfyldt din formular, frem for at lyde som en kedelig robot. Men specifikt, hvilke meddelelser du kan tilpasse til din Elementor -kontaktformular, er som følger:
For at begynde skal du først aktivere brugerdefinerede beskeder ved at vælge "Yderligere indstillinger" i rullemenuen og derefter skifte vippekontakten for "Brugerdefinerede meddelelser" til "Ja".
Elementor -kontaktformular widget tilpasning ved at tilføje brugerdefinerede meddelelser
Som du kan se, er der fire forskellige meddelelser, som du kan tilpasse, herunder dem, der er anført nedenfor:
En succesmeddelelse vises til en slutbruger efter at have indsendt formularen og kontrolleret, at formularen var korrekt udfyldt (f.eks. Manglende obligatoriske felter osv.).
Fejlmeddelelse-en meddelelse, der vises til slutbrugeren, når der opstår en ukendt fejl under indsendelse af formularen.
Påkrævet meddelelse - vises, når et påkrævet formularfelt ikke er udfyldt, formularen indsendes, og formularen ikke er udfyldt.
Når noget i formularens indsendelse er forkert og ikke kan sendes, vises meddelelsen Ugyldig meddelelse til slutbrugeren.
At kunne redigere meddelelserne giver dig mulighed for at være kreativ og finurlig eller mere formel og forretningsmæssig, hvis du driver et virksomhedswebsted. Det bedste er, at de er helt redigerbare, så du kan gøre, hvad du vil!
Konklusion
Elementor form widget, det er let at konstruere en kontaktformular. Den leveres med en intuitiv drag-and-drop kontaktformularbygger og et væld af tilpasningsmuligheder, der adskiller den fra de andre kontaktformular- plugin er tilgængelige på markedet. Du kan nemt tilpasse dets styling og farveskema til at matche din virksomheds udseende. Inkluderet er også forskellige andre attraktive widgets, mere end 300+ professionelle skabeloner og en pop-up-builder i en praktisk pakke. Denne fuldt udstyrede WordPress-sidebygger består af alle de nødvendige widgets og funktioner, så du ikke behøver at købe yderligere sidebyggere for at tilpasse dit websted yderligere. Desuden giver det mulighed for integration af mere end 30 marketingtjenester, hvorfor det er et af de mest populært købte plugin på markedet i dag.
