Vill du veta hur man skapar en kontakt~~POS=TRUNC formulär~~POS=HEADCOMP i Elementor?
Kontaktsidan är en av de viktigaste sidorna på en webbplats. Det används ofta som en parameter om en webbplats är godkänd eller inte. Elementor levereras med en inbyggd widget - formulärwidgeten - så att du kan lägga till ett formulär på en sida. Denna artikel kommer att visa dig hur.
Själva formulärwidgeten är endast tillgänglig på Elementor Pro. Vilket innebär att du måste uppgradera till proversionen om du fortfarande använder gratisversionen. Du kan inte bara använda formulärwidgeten för att skapa en kontakt~~POS=TRUNC formulär~~POS=HEADCOMP, men du kan också använda den för att skapa andra typer av formulär, inklusive e-postregistreringsformulär, användarregistreringsformulär, filöverföringsformuläretOsv ...
Hur man skapar ett kontaktformulär i Elementor
När du skapar en kontakt~~POS=TRUNC formulär~~POS=HEADCOMP Med hjälp av Elementors formulärwidget kan du ställa in var formulärdata ska skickas. Antingen i ditt e-postkonto eller i Elementors standardinlämningshanterare för formulär.
I den här artikeln hoppar vi direkt för att lägga till formulärwidgeten till Elementors redigeringsruta. Lägg bara till formulärwidgeten från widgetpanelen i redigeringsrutan enligt följande:
Som du kan se skapar formulärwidgeten automatiskt ett formulär som består av tre fält.
Läs också: Hur man lägger till ett prisnät i Elementor
För att redigera ett befintligt fält kan du helt enkelt öppna det. Du kan ändra fälttyp, åsidosätta standardetiketten och platshållaren och ställa in det som ett önskat fält om du vill.
För att radera ett befintligt fält kan du helt enkelt klicka på X i fältet du vill ta bort.
För att lägga till ett nytt fält kan du helt enkelt klicka på knappen LÄGG TILL ETT ELEMENT. Själva formulärwidgeten stöder tjugo typer av fält.
Definiera formuläråtgärd
Som vi nämnde tidigare kan du skicka formulärdata (inlägg) till ditt e-postkonto eller till Elementors inbyggda formulärinlämning. För att ställa in destinationen kan du öppna blocket Efter skicka åtgärder under fliken Innehåll från inställningspanelen.
Se även: Hur man skapar en rundad bild i Elementor
Välj en åtgärd som du vill definiera i det tillgängliga fältet (du kan lägga till flera åtgärder). I det här exemplet väljer vi E-post.
Om du också ställer in formuläråtgärden på e-post, du kan öppna blocket E-post för att definiera e-postadressen för mottagande av formulärdata. Som du kan se kan du också ställa in ämnet om du vill.
Som standard inkluderar Elementor innehållet i alla fält i formuläret. Om du bara vill inkludera innehåll från specifika fält kan du klistra in kortkoderna för dina önskade fält i fältet. Meddelande.
Inställningen nedan skickar till exempel bara innehållet i meddelandefältet.
För att få kortkoden för ett fält kan du klicka på fliken AVANCERAD i blockets tillhörande fält Formulärfält.
Definition av meddelanden
När formulärdata skickas fram kommer dina besökare att se ett framgångsrikt meddelande under formuläret. På samma sätt kommer de också att se ett felmeddelande när formulärdata inte skickas.
Se även: Hur man skapar en gruppmedelssektion med Elementor
Du kan åsidosätta dessa standardmeddelanden, liksom två andra meddelanden, från blocket Ytterligare alternativ under fliken Innehåll från inställningspanelen. Aktivera Anpassade meddelanden för att åsidosätta standardmeddelandena.
Anpassa formuläret
När du är klar med grundinställningarna under fliken Innehåll från inställningspanelen kan du växla till Stil för att anpassa formuläret. Det finns fem kvarter du kan öppna här.
Form
Du kan öppna detta block för att definiera utrymmet mellan kolumnerna och raderna i formuläret, etikettavståndet, typografin (teckensnittsfamiljen, teckensnittsstorleken, teckensnittsstilen osv.) På formuläretiketten och färgen på den senare texten.
- Fält
Du kan öppna detta block för att definiera typografi för fältets text såväl som färg, bakgrundsfärg för formulärfält, storlek, kantfärg och kantradie för formulärfält.
- Knappar
Du kan öppna detta block för att anpassa skicka-knappen. Du kan ställa in saker som knapptexttypografi samt färg, bakgrundsfärg, kantradie, kantstorlek, kantfärg och textfyllning. För att ställa in knappens storlek kan du göra det från blocket knappar sous fliken Innehåll.
- Notiser
Du kan öppna detta block för att definiera typografi såväl som färgen på meddelandet.
- Steg
Du kan bara öppna detta block om du vill skapa ett flerstegsformulär.
När du är klar med att anpassa formuläret och sidan kan du publicera din sida.
Potentiellt fel
Ett av de vanligaste misstagen när du ställer in formuläråtgärden till E-post är att formuläret inte skickas. Istället visas följande meddelande.
Elementor och de flesta kontaktformulär-plugins - inklusive kontaktformulär 7 - använder WordPress: s standardleveransfunktion för e-post wp_mail. Denna funktion beror på funktionen skicka brev vilket beror på att PHP fungerar.
Läs också: Så här lägger du till ett testreglage i Elementor
Tyvärr har alla leverantörer avwebbhotell aktivera inte funktionen skicka brev av PHP. I så fall skickas inte ditt formulär. Istället får du ett felmeddelande som det ovan.
För att lösa problemet kan du installera och konfigurera en anpassad e-postleveranstjänst på din WordPress. Alternativt, om möjligt, kan du be din värdleverantör att aktivera funktionen skicka brev av PHP.
I finalen
Elementor är en av de mest omfattande plugins för sidbyggare. Den levereras med ett antal designelement (kallas widgets) så att du enkelt kan lägga till element på sidan, inklusive ett kontaktformulär.
Även om du kan använda formulärwidgeten för att skapa ett kontaktformulär från grunden med din egen design, erbjuder Elementor även formulärmallar som du kan använda. Du kan till och med skapa en kontaktsida (komplettera med kontaktformuläret förstås) från en mall.
Skaffa Elementor Pro nu!
Slutsats
Här är ! Det är det för den här artikeln som visar hur du skapar ett kontaktformulär i Elementor. Om du har några frågor om hur du kommer dit flåt oss veta i commentaires.
Du kan dock också konsultera våra resurser, om du behöver fler element för att genomföra dina projekt för att skapa webbplatser, genom att konsultera vår guide om WordPress blogg skapande eller den på Divi: det bästa WordPress-temet genom tiderna.
Men under tiden dela den här artikeln på dina olika sociala nätverk.
.
