I denne artikel finder du ud af, hvordan du opretter en formular med gratis Elementor.
Selvom formular-widgetten kun er tilgængelig på Elementor Pro, betyder det ikke, at du ikke kan oprette en formular på den gratis version af Elementor.
Hvis du har brug for at tilføje en formular til den side, du opretter med den gratis version af Elementor, kan du bruge de to metoder, som vi skal dække i denne artikel.
Elementor, uanset om det er pro-versionen eller den gratis version, kommer med to widgets, som du kan bruge til at oprette en formular. Disse er HTML- og Shortcode-widgets. Med HTML-widgetten kan du indlejre en HTML-formular, mens Shortcode-widgetten giver dig mulighed for at indlejre en formular fra formular-plugins, der bruger shortcode som f.eks. Kontaktformular 7.
Opret formular med Elementor gratis version ved hjælp af HTML-widget
Denne metode kræver, at du har en HTML-færdighed for at oprette formularen. Eller du kan downloade en HTML-formularskabelon fra internettet. W3docs har mere end 60 HTML-formularskabeloner som du kan downloade gratis.
For at komme i gang skal du oprette en ny side og redigere den med Elementor (Sider – > Tilføj). Du kan selvfølgelig også ændre en eksisterende side. Hvis du vil oprette en formular på en ny side, skal du huske at indstille formularlayoutet ved at klikke på tandhjulsikonet i panelet nederst til venstre.
Tilføj en ny sektion ved at klikke på plus-knappen i redigeringsområdet og tilføj HTML-formularen ved at trække den fra venstre panel til redigeringsområdet. Placer den i det område, du ønsker. Gå derefter til venstre panel og indsæt formularens HTML-kode i feltet HTML kode under fanen Indhold.
Udgiv/opdater siden, når du er færdig med at redigere den.
Se også: Sådan bruger du Elementor-widgets/skabeloner som Gutenberg-blokke
En ting. Hvis din HTML-formular bruger ekstern CSS, billeder eller JavaScript til styling, skal du sørge for at uploade mapperne, der indeholder CSS-koden, billederne og JavaScript til dit websteds rodmappe.
Opret en formular på Elementor gratis ved at bruge kontaktformular 7
Hvis du ikke har nogen HTML-færdigheder og ikke ønsker at bruge en HTML-formularskabelon, kan du oprette en formular på den gratis version af Elementor ved hjælp af pluginnet Kontaktformular 7. Der er faktisk mange andre form plugins. Vi anbefaler Kontakt formular 7 fordi det er det mest populære form-plugin til WordPress og helt gratis.
Installer først plugin Kontaktformular 7. For at gøre dette, gå til Udvidelser – > Tilføj. Skriv "kontaktformular 7" i søgefeltet og klik på knappen installere nu når du har fundet det.
Aktiver plugin med det samme, når det er installeret.
Kontaktformular 7 leveres med en standardformular (a Kontaktformular ). Du kan bruge det, hvis du vil. Hvis du i stedet vil oprette en ny formular, kan du gå til Kontakt – > Tilføj. Giv din formular et navn, så du nemt kan identificere den i fremtiden.
Som standard vil din formular bestå af fire felter: navn, e-mail, emne og besked.
Hvis du vil tilføje et nyt felt, skal du placere din markør i det område, hvor du vil tilføje det nye felt (du kan placere det under eller over et eksisterende felt). Tilføj etiket til nyt formularfelt i format <label> votre label préféré </label>.
Placer din markør lige efter etiketten, og vælg et felt på feltfanen. Du kan tilføje et nyt linjeskift for at gøre din nye mark renere end andre eksisterende marker.
Udfyld felterne og klik videre Indsæt mærket (du kan lade alt stå som standard).
Kontaktformular 7 sender indlæg indsendt via din formular til en e-mail. Du kan indstille e-mailen fra fanen E-mail.
Du kan gå til fanen Beskeder hvis du vil tilsidesætte standardmeddelelserne. Du kan tilpasse meddelelsen, der vises, efter at dine besøgende har indsendt formularen, eller fejlmeddelelsen, når formularen ikke indsendes osv.
Klik på knappen Tilmeld når du er færdig med at redigere formularen og kopiere kortkoden.
For at tilføje den formular, du lige har oprettet, til din Elementor-side, skal du oprette en ny side og redigere den med Elementor, eller du kan også redigere en eksisterende side.
Læs også: Sådan deaktiveres en Elementor Popup på smartphones
Tilføj en ny sektion for at placere formularen og tilføje Shortcode-widget. Når Shortcode-widgetten er tilføjet, skal du gå til venstre panel og indsætte den kortkode, du kopierede, i feltet Lær under fanen Indhold.
Udgiv/opdater din side, når du er færdig med at redigere den.
Kontaktformular 7 bruger stilformatet fra WordPress tema som du bruger. Du kan style din kontaktformular 7-formular, men CSS-færdigheder er påkrævet. Du kan også se denne artikel på Sådan tilpasser du en kontaktformular 7-formular med Essential Addons og Elementor.
Få Elementor Pro nu!!!
Konklusion
Så! Det er det for denne artikel, der viser dig, hvordan du opretter en formular med gratis Elementor. Hvis du er i tvivl om, hvordan du kommer dertil, så lad dem 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.
...
