Vil du vide, hvordan du opretter en Kontaktformular i Elementor?
Kontaktsiden er en af de afgørende sider på et websted. Det bruges ofte som en parameter, om et websted er godkendt eller ej. Elementor leveres med en indbygget widget - formularwidgeten - så du kan føje en formular til en side. Denne artikel viser dig hvordan.
Selve formularwidgetten er kun tilgængelig på Elementor Pro. Hvilket betyder, at du skal opgradere til pro-versionen, hvis du stadig bruger den gratis version. Ikke kun kan du bruge formularwidgetten til at oprette en Kontaktformular, men du kan også bruge den til at oprette andre typer formularer, herunder e-mailregistreringsformular, brugerregistreringsformular, formularen til filuploadosv.
Sådan oprettes en kontaktformular i Elementor
Når du opretter en Kontaktformular Ved at bruge Elementors formular-widget kan du indstille placeringen, hvor formulardataene skal sendes. Uanset om det er på din e-mail-konto eller i Elementors standardformularindsendelsesmanager.
I denne artikel springer vi direkte over til at tilføje Form-widgeten til Elementors redigeringsfelt. Bare tilføj formularwidgeten fra widgetpanelet til redigeringsboksen som følger:
Som du kan se, opretter formularwidgeten automatisk en formular bestående af tre felter.
Læs også: Sådan tilføjes et prisgitter i Elementor
For at redigere et eksisterende felt kan du blot åbne det. Du kan ændre felttypen, tilsidesætte standardetiketten og pladsholderen og indstille den som et krævet felt, hvis du vil.
For at slette et eksisterende felt kan du blot klikke på X af det felt, du vil slette.
For at tilføje et nyt felt kan du blot klikke på knappen TILFØJ ET ELEMENT. Selve formularwidgeten understøtter tyve typer felter.
Definition af formhandling
Som vi nævnte tidligere, kan du sende formulardata (indsendelser) til din e-mail-konto eller til Elementors indbyggede formularindsendelse. For at indstille destinationen kan du åbne blokken Efter indsend handlinger under fanen Indhold fra indstillingspanelet.
Se også: Sådan oprettes et afrundet billede i Elementor
Vælg en handling, som du vil definere i det tilgængelige felt (du kan tilføje flere handlinger). I dette eksempel vælger vi E-mail.
Hvis du også indstiller formularhandlingen på e-mail, du kan åbne blokken E-mail for at definere e-mail-adressen til modtagelse af formulardata. Som du kan se, kan du også indstille emnet, hvis du vil.
Som standard inkluderer Elementor indholdet af alle felter i formularen. Hvis du kun vil medtage indhold fra bestemte felter, kan du indsætte kortkoderne for dine foretrukne felter i feltet. Besked.
For eksempel vil nedenstående indstilling kun sende indholdet af meddelelsesfeltet.
For at få kortkoden til et felt kan du klikke på fanen FREMSKREDEN i det tilknyttede felt i blokken Formularfelter.
Definition af meddelelser
Når formulardataene sendes med succes, vil dine besøgende se en vellykket besked under formularen. På samme måde vil de også se en fejlmeddelelse, når formulardata ikke sendes.
Se også: Sådan oprettes et teammedlemssektion med Elementor
Du kan tilsidesætte disse standardmeddelelser samt to andre meddelelser fra blokken Yderligere muligheder under fanen Indhold fra indstillingspanelet. Aktiver Brugerdefinerede meddelelser for at tilsidesætte standardmeddelelserne.
Tilpasning af formularen
Når du er færdig med at foretage de grundlæggende indstillinger under fanen Indhold fra indstillingspanelet kan du skifte til stil for at tilpasse formularen. Der er fem blokke, du kan åbne her.
Form
Du kan åbne denne blok for at definere mellemrummet mellem kolonnerne og linjerne i formularen, etiketafstanden, typografien (skrifttypefamilie, skriftstørrelse, skriftform osv.) På formularetiketten og farven på sidstnævntes tekst.
- Felt
Du kan åbne denne blok for at definere typografien for feltets tekst såvel som farven, baggrundsfarven på formularfelterne, størrelsen, kantfarven og kantradiusen på formularfelterne.
- Knapper
Du kan åbne denne blok for at tilpasse sendeknappen. Du kan indstille ting som knapteksttypografi såvel som farve, baggrundsfarve, kantradius, kantstørrelse, kantfarve og tekstfyldning. For at indstille størrelsen på knappen kan du gøre det fra blokken knapper sous fanen Indhold.
- Beskeder
Du kan åbne denne blok for at definere typografien såvel som farven på meddelelsens tekst.
- Steps
Du kan kun åbne denne blok, hvis du vil oprette en flertrinsformular.
Når du er færdig med at tilpasse formularen såvel som siden, kan du udgive din side.
Potentiel fejl
En af de almindelige fejl, når du indstiller formularhandlingen til E-mail er, at formularen ikke sendes. I stedet vil du se følgende meddelelse.
Elementor og de fleste kontaktformular-plugins - inklusive kontaktformular 7 - brug WordPress 'standardpostleveringsfunktion kaldet wp_mail. Denne funktion afhænger af funktionen Send mail hvilket afhænger af PHP for at fungere.
Læs også: Sådan tilføjes en testskyder i Elementor
Desværre er alle udbydere afWeb hosting ikke aktivere funktionen Send mail af PHP. I så fald sendes din formular ikke. I stedet får du en fejlmeddelelse som den ovenfor.
For at løse problemet kan du installere og konfigurere en tilpasset mailleveringstjeneste på din WordPress. Alternativt, hvis det er muligt, kan du bede din hostingudbyder om at aktivere funktionen Send mail af PHP.
I sidste ende
Elementor er et af de mest omfattende sidebygger-plugins. Den leveres med et antal designelementer (kaldet widgets), så du nemt kan tilføje elementer til siden, herunder en kontaktformular.
Selvom du kan bruge formularwidgetten til at oprette en kontaktformular fra bunden med dit eget design, tilbyder Elementor også formularskabeloner, som du kan bruge. Du kan endda oprette en kontaktside (udfyld naturligvis kontaktformularen) fra en skabelon.
Hent Elementor Pro nu!
Konklusion
Her er ! Det er det for denne artikel, der viser dig, hvordan du opretter en kontaktformular i Elementor. Hvis du er bekymret for, hvordan du kommer dertil flad os vide det i kommentarer.
Du kan dog også konsultere vores ressourcer, hvis du har brug for flere elementer til at udføre dine projekter med oprettelse af internetsider ved at konsultere vores guide om WordPress blog oprettelse eller den ene på Divi: tidenes bedste WordPress-tema.
Men i mellemtiden del denne artikel på dine forskellige sociale netværk.
...
