Sådan styles og tilpasses Elementor-kontaktformularen

Med Elementor er det nemmere end nogensinde at oprette kontaktformularer nu. Alt du behøver er at trække og slippe nogle widgets, tilpasse indstillingerne efter dit behov, og du er færdig.

Men at tilpasse eller style en Elementor-kontaktformular effektivt kan ændre udseendet af dine kontaktformularer meget. En enkel og letforståelig kontaktformular vil altid få flere svar end uklare og rodede. Derfor er den tilpassede Elementor-formular så vigtig.

Du kan simpelthen oprette, style og tilpasse Elementor fra. Men i denne artikel lærer du, hvordan du tilpasser en elementor-kontaktformular med MetForm-formularbyggeren.

Hvorfor skal du bruge en Elementor-kontaktformular

Øg konverteringsraten
Når en bruger finder en måde at holde kontakten med dig og stille relevante spørgsmål vedrørende de produkter eller tjenester, du tilbyder, øges muligheden for konvertering i høj grad. Det reducerer også afvisningsprocenten. 

Få feedback: En Elementor brugerdefineret kontaktformular kan være en glimrende måde at høre fra dit websteds brugere. Hvis du ser frem til at forbedre din service eller berige brugeroplevelsen, kan du overveje at tilføje en feedbackformular til dit websted.

Hold styr på forespørgsler: Når en besøgende på dit websted sender dig en forespørgsel via en tilpasset WordPress-kontaktformular, går den enten til en e-mail, du har angivet, eller til indgangslisten på dit WordPress-dashboard. Det hjælper dig med nemt at holde styr på forespørgsler. 

Filtrer spam: En Elementor-kontaktformular vil redde dig fra spammere. Hvis du poster din e-mailadresse på dit websted, er der en chance for, at du vil modtage utallige spam-beskeder.
Som et resultat kan du muligvis ikke finde de vigtige beskeder, når du har brug for dem. En kontaktformular i Elementor med en spambeskyttelsesfunktion vil kun levere beskeder fra rigtige mennesker, ikke fra bots eller spammere. 

Multiple brug: Du kan bruge en kontaktformular af forskellige årsager. Hvad enten det er at modtage feedback, jobansøgninger, salgsforespørgsler eller anmodninger om support, er en kontaktformular alt hvad du behøver på din hjemmeside. 

Hvad skal du bruge for at designe Elementor Custom Form?

Du skal blot bruge to plugins på dit WordPress-websted for at begynde at lave Elementor-kontaktformularer:

1. Elementor Page Builder
2. MetForm Form Builder

I denne vejledning vil jeg lede dig gennem, hvordan du opretter en Elementor-kontaktformular ved hjælp af Elementor-sidebyggeren og MetForm.

MetForm, som er et brugerdefineret kontaktformular plugin, har både en pro og gratis version. Mens den gratis version har alle de grundlæggende funktioner, som du skal bruge for at oprette en Elementor-kontaktformular, vil proversionen lade dig udforske nogle avancerede felter og funktioner. Desuden vil du næppe finde disse avancerede funktioner i nogen anden gratis eller pro Elementor kontaktformular, for eksempel Elementor Contact Form 7, wpfroms, Ninja Forms osv.

Når det kommer til Elementor, kan du enten bruge Elementor Pro eller den gratis version. 

 Uden videre, lad os gå videre:

Installer MetForm Custom Contact Form Plugin

Hvis du har installeret Elementor, skal du installere MetForm-formularbyggeren på dit WordPress-websted. Det er et freemium WordPress-formularbygger-plugin, der indeholder de grundlæggende og avancerede funktioner i en standardformularbygger. Her er installationsprocessen for MetForm: 

1. Fra dit WordPress admin-dashboard skal du gå til Plugins ➜ Tilføj ny 
2. Søge efter "MeForm” fra feltet for søgeplugins øverst til højre.
3. Find MetForm fra det søgte resultat og klik på "Installer nu” 
4. Aktiver MetForm.

Opret og tilpas Elementor kontaktformular fra bunden

Nu hvor du har alt, hvad du behøver for at lave tilpassede WordPress-kontaktformularer med Elementor, lad os gå videre og lave en kontaktformular fra bunden.

Trin 1

Opret en Elementor-kontaktformularside ved at gå til Sider ➜ Tilføj nyt. Giv formularen en passende titel, og klik derefter på "Rediger med Elementor”. 

Trin-2

Søg efter MetForm i Elementor-widget-søgefeltet. Træk og slip det på Elementor-indholdsområdet. 

Trin-3

Fra venstre, klik på "Rediger formular”. 

Hvis du opretter en formular for første gang eller ønsker at oprette en helt ny formular, skal du klikke på "Ny“. 

Hvis du har gemt det 'fra', du tidligere har lavet, kan du redigere dem ved at klikke på "Vælg Form“. 

Trin-4

For at begynde at oprette en formular fra bunden, skal du blot klikke på den tomme kontaktformularskabelon. Hvis du vælger at bruge det færdiglavede kontaktformularskabelonbibliotek, der tilbydes af MetForm, kan du vælge en hvilken som helst formular fra listen over formularskabeloner.

Da vi starter fra bunden, lad os gå videre med den tomme skabelon til kontaktformularen.

Trin-5

Nu vil du se et pop op-vindue med Elementor-indholdsområdet og widgetområdet.

Elementor-widgetområdet består af alle widgets fra MetForm og Elementor. 

For at begynde at lave formularen skal du tilføje nye sektioner fra Elementor-indholdsområdet i henhold til kravene til den formular, du skal lave.

Trin-6

Træk og slip de widgets, du skal bruge for at give din formular en form. 

Sådan styles og tilpasses Elementor-kontaktformularelementer

Nu hvor du har trukket og droppet alle de widgets, du har brug for, på din elementor-formular, kan du redigere dem til dit hjertes lyst. 

For at tilpasse alle formularfelter eller knapper, bare klik på knappen eller feltet fra Elementor-indholdsområdet. 

Du kan foretage ændringer i formularfelternes indhold og stil. Oven i det kan du også udforske den avancerede fane for at tilføje flere funktioner. Når du er færdig, skal du offentliggøre kontaktformularsiden. 

Tilpasning af hele kontaktformularen i Elementor

Hvis dit mål er at tilpasse hele den formular, du opretter, kan du udforske formularindstillingerne, som MetForm kommer med. 

Under Generelle indstillinger, er der muligheder for at tilpasse følgende kerneindstillinger for en formular: 

1. Formular titel
2. Besked om succes 
3. Påkrævet login (Ja/Nej)
4. Hent brugerbrowserdata (Ja/Nej)
5. Skjul formular efter indsendelse (Ja/Nej)
6. Gem formularposter i databasen (Ja/Nej)
7. Indgangstitel
8. Begræns det samlede antal poster (indstil antallet)
9. Tæl visninger (Ja/Nej)
10. Stop lodret rulning (Aktiver/Deaktiver)
11. Omdiriger til (hvor brugerne vil blive omdirigeret efter indsendelse af formular)

Send en bekræftelsesmail til brugere med en indsendelseskopi

Hvis du vil sende en bekræftelsesmail til de personer, der udfylder den tilpassede WordPress-kontaktformular, skal du gå til MetForms formular Indstillinger ➜ Bekræftelse Tab. Skift "Bekræftelsesmail til bruger” til Ja, og udfyld derefter følgende felter: 

1. Email emne
2. E-mail fra
3. Email svar til
4. Tak besked

Hvordan underretter man administratoren om en ny formularindsendelse? 

Når en ny kontaktformular indsendes, bliver den normalt gemt i MetForm-postdatabasen (hvis aktiveret fra de generelle indstillinger). 

Men hvis du ønsker at få besked om nye indsendelser, kan du også tilpasse det fra Meddelelsesfanen i MetForms formularindstillinger. Underretningsfanen kommer med følgende felter: 

1. Meddelelsesmail til admin (skift på)
2. Email emne
3. E-mail til
4. E-mail fra
5. Email svar til
6. Admin note

Hvilke formularfelter skal du bruge på din Elementor-kontaktformular?

Forskellige typer formularer kræver forskellige formularfelter. Hvis du laver en simpel kontaktformular i Elementor, er blot nogle få simple widgets såsom tekst, e-mail, telefon, captcha og indsend knap-widgets nok for dig. 

På den anden side, hvis du leder efter at lave formularer som optagelsesformular, begivenhedsformular, bookingformular osv., skal du muligvis bruge forskellige formularfelter og tilpasse dem i overensstemmelse hermed. 

For at gøre processen med at vælge de rigtige formularfelter nemmere for dig, tilbyder MetForm snesevis af skabeloner til at lave en bred vifte af formulartyper såsom registreringsformular, WordPress undersøgelsesformular, reservationsformular osv. Tjek demo formular skabeloner her. På denne liste finder du også gratis Elementor kontaktformularskabeloner til opbygning af kontaktformularer på få sekunder.

Hvordan indlejrer jeg Elementor Custom Contact Forms til enhver side? 

Hvis du ikke ønsker at oprette en side til din Elementor-kontaktformular, i stedet indlejre formularen på en hvilken som helst side, lader MetForm dig også gøre det. 

MetForm opretter individuelle kortkoder til alle de formularer, du opretter. Derudover vil du også have tilpassede kontaktformularkortkoder i MetForm. For at finde kortkoden til en specifik kontaktformular, som du har oprettet, skal du gå til WordPress Admin Dashboard ➜ MetForm ➜ Forms.

Der finder du kortkoder af enhver form. Bare kopier kortkoden og indsæt den på siden, hvor du vil indlejre den tilpassede WordPress-kontaktformular. Bingo! 

Integrationer, du kan bruge til Elementor Kontaktformular

Hvis du bruger MetForm, kan du integrere REST API for at sende data til tredjeparts API. Bortset fra det kan du integrere formularen med Mailchimp, Google Sheet, MailPoet, Aweber, ConvertKit, GetResponse, ActiveCampaign, Zapier og Slack.

Indstil, om brugerne skal registrere/logge ind for at udfylde en formular

Normalt kan enhver udfylde en formular, du laver, medmindre du beslutter dig for, at du kun vil tillade registrerede eller loggede brugere at udfylde den. 

Så hvis du kun vil have loggede brugere til at udfylde formularen, skal du aktivere login-systemet. 

På den anden side kan du også lade brugere registrere sig og derefter udfylde formularen. 

For at aktivere brugerlogin og registrering skal du gå til formularindstillingerne og derefter klikke på fanen Godkendelse. Du får mulighed for både at aktivere og deaktivere brugerlogin og registrering til din elementor-formular.

Hvordan tilføjer man betalingsmetoder til en formular bygget med Elementor? 

Hvis du bruger MetForm til at lave din Elementor-kontaktformular, skal du gå til Formularindstillinger og klik derefter på Betaling fanen. 

Her finder du betalingsmetoder som f.eks Paypal og Stribe som du kan bruge til at opkræve betalinger fra dine kunder. Du skal konfigurere dem manuelt og derefter skifte betalingsmetode PÅ for de formularer, du ønsker at modtage betalinger med. 

Hvordan integrerer man CRM-systemer til Elementor-kontaktformularer?

Du kan integrere din elementor kontaktformular med Hubspot kontakt, Hubspot-formularer, Zoho kontakt, og Hjælpescout. 

Det, du alle skal gøre, er at integrere de CRM'er, du kan lide, ved at aktivere og konfigurere dem fra CRM fanen.

Sådan konverteres kontaktformularindsendelser til post

Det er en af de fineste funktioner i MetForm. MetForm lader dig konvertere formularindsendelserne til individuelle indlæg. Bare gå til formularindstillingerne og klik derefter på fanen "Send". Slå formularen til at sende til, og foretag de nødvendige indstillinger. Så simpelt er det.

Afsluttende ord

Nu kender du dusinvis af måder at oprette en Elementor-formular eller en Elementor-tilpasset formular på. Alt du behøver er Elementor-sidebyggeren og MetForm-formularbyggeren. Så vent ikke længere. Begynd at lave dine Elementor Custom-kontaktformularer og tilpas Elementor-formularerne til dit hjertes lyst. Og sidst, men ikke mindst, kan du også lave en komplet kontaktside ved hjælp af MetForm. 

Hvis du har nogen forvirring eller har spørgsmål, er du velkommen til at fortælle os det via kommentarfeltet.