I den här artikeln får du reda på hur du skapar ett formulär med gratis Elementor.
Även om formulärwidgeten bara är tillgänglig på Elementor Pro, betyder det inte att du inte kan skapa ett formulär på den kostnadsfria versionen av Elementor.
Om du behöver lägga till ett formulär på sidan du skapar med den kostnadsfria versionen av Elementor, kan du använda de två metoderna som vi kommer att täcka i den här artikeln.
Elementor, oavsett om det är proversionen eller gratisversionen, kommer med två widgets som du kan använda för att skapa ett formulär. Det här är HTML- och Shortcode-widgetarna. Med HTML-widgeten kan du bädda in ett HTML-formulär, medan Shortcode-widgeten låter dig bädda in ett formulär från formulärplugin som använder kortkoden som t.ex. Kontaktformulär 7.
Skapa formulär med Elementor gratisversion med HTML-widget
Denna metod kräver att du har en HTML-färdighet för att skapa formuläret. Eller så kan du ladda ner en HTML-formulärmall från Internet. W3docs har fler än 60 HTML-formulärmallar som du kan ladda ner gratis.
För att komma igång, skapa en ny sida och redigera den med Elementor (Sidor – > Lägg till). Naturligtvis kan du också ändra en befintlig sida. Om du vill skapa ett formulär på en ny sida, kom ihåg att ställa in formulärlayouten genom att klicka på kugghjulsikonen i den nedre vänstra panelen.
Lägg till ett nytt avsnitt genom att klicka på plusknappen i redigeringsområdet och lägg till HTML-formuläret genom att dra det från den vänstra panelen till redigeringsområdet. Placera den i det område du vill ha. Gå sedan till den vänstra panelen och klistra in HTML-koden för formuläret i fältet HTML Code under fliken Innehåll.
Publicera/uppdatera sidan när du är klar med att redigera den.
Se även: Hur man använder Elementor-widgets/mallar som Gutenberg-block
En sak. Om ditt HTML-formulär använder extern CSS, bilder eller JavaScript för styling, se till att ladda upp mapparna som innehåller CSS-koden, bilderna och JavaScript till din webbplatss rotkatalog.
Skapa ett formulär på Elementor gratis med kontaktformulär 7
Om du inte har några HTML-kunskaper och inte vill använda en HTML-formulärmall kan du skapa ett formulär på den kostnadsfria versionen av Elementor med plugin-programmet Kontaktformulär 7. Det finns faktiskt många andra formulärplugins. Vi rekommenderar Kontaktformulär 7 eftersom det är den mest populära formplugin för WordPress och helt gratis.
Installera först plugin-programmet Kontaktformulär 7. För att göra detta, gå till Tillägg – > Lägg till. Skriv "kontaktformulär 7" i sökrutan och klicka på knappen installera nu när du har hittat den.
Aktivera plugin-programmet omedelbart när det har installerats.
Kontaktformulär 7 kommer med ett standardformulär (a kontakt~~POS=TRUNC formulär~~POS=HEADCOMP ). Du kan använda den om du vill. Om du istället vill skapa ett nytt formulär kan du gå till Kontakt – > Lägg till. Ge ditt formulär ett namn så att du enkelt kan identifiera det i framtiden.
Som standard kommer ditt formulär att bestå av fyra fält: namn, e-post, ämne och meddelande.
Om du vill lägga till ett nytt fält, placera pekaren i området där du vill lägga till det nya fältet (du kan placera det under eller ovanför ett befintligt fält). Lägg till etikett för nytt formulärfält i format <label> votre label préféré </label>.
Placera pekaren precis efter etiketten och välj ett fält på fältfliken. Du kan lägga till en ny radbrytning för att göra ditt nya fält renare än andra befintliga fält.
Fyll i fälten och klicka på Sätt in taggen (du kan lämna allt som standard).
Kontaktformulär 7 skickar bidrag som skickats via ditt formulär till ett e-postmeddelande. Du kan ställa in e-post från fliken E-post.
Du kan gå till fliken Notiser om du vill åsidosätta standardmeddelanden. Du kan anpassa meddelandet som visas efter att dina besökare har skickat formuläret eller felmeddelandet när formuläret inte skickas, etc.
Klicka på knappen Enregistrer när du är klar med att redigera formuläret och kopiera kortkoden.
För att lägga till formuläret du just skapade på din Elementor-sida, skapa en ny sida och redigera den med Elementor, eller så kan du också redigera en befintlig sida.
Läs också: Hur man inaktiverar en Elementor Popup på smartphones
Lägg till ett nytt avsnitt för att placera formuläret och lägg till Kortkod-widget. När kortkodswidgeten har lagts till, gå till den vänstra panelen och klistra in kortkoden du kopierade i fältet kortkod under fliken Innehåll.
Publicera/uppdatera din sida när du är klar med att redigera den.
Kontaktformulär 7 använder stilformatet för Wordpress tema som du använder. Du kan utforma ditt kontaktformulär 7-formulär, men CSS-kunskaper krävs. Du kan också se den här artikeln på Hur man anpassar ett kontaktformulär 7-formulär med Essential Addons och Elementor.
Skaffa Elementor Pro nu!!!
Slutsats
Så ! Det är allt för den här artikeln som visar hur du skapar ett formulär med gratis Elementor. Om du har några frågor om hur du kommer dit, låt dem 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.
.
