I denne artikkelen vil du finne ut hvordan du lager et skjema med gratis Elementor.
Selv om Skjema-widgeten kun er tilgjengelig på Elementor Pro, betyr det ikke at du ikke kan lage et skjema på gratisversjonen av Elementor.
Hvis du trenger å legge til et skjema på siden du oppretter med gratisversjonen av Elementor, kan du bruke de to metodene som vi skal dekke i denne artikkelen.
Elementor, enten det er pro-versjonen eller gratisversjonen, kommer med to widgets som du kan bruke til å lage et skjema. Dette er HTML- og Shortcode-widgetene. Med HTML-widgeten kan du bygge inn et HTML-skjema, mens Shortcode-widgeten lar deg bygge inn et skjema fra skjemaplugins som bruker kortkoden som f.eks. Kontakt skjema 7.
Lag skjema med Elementor gratisversjon ved hjelp av HTML-widget
Denne metoden krever at du har en HTML-ferdighet for å lage skjemaet. Eller du kan laste ned en HTML-skjemamal fra Internett. W3docs har mer enn 60 HTML-skjemamaler som du kan laste ned gratis.
For å komme i gang, lag en ny side og rediger den med Elementor (Sider – > Legg til). Du kan selvfølgelig også redigere en eksisterende side. Hvis du vil opprette et skjema på en ny side, husk å angi skjemaoppsettet ved å klikke på tannhjulikonet nederst til venstre.
Legg til en ny seksjon ved å klikke på plussknappen i redigeringsområdet og legg til HTML-skjemaet ved å dra det fra venstre panel til redigeringsområdet. Plasser den i området du ønsker. Gå deretter til venstre panel og lim inn HTML-koden til skjemaet i feltet HTML kode under fanen Innhold.
Publiser/oppdater siden når du er ferdig med å redigere den.
Se også: Slik bruker du Elementor-widgets/maler som Gutenberg-blokker
En ting. Hvis HTML-skjemaet ditt bruker ekstern CSS, bilder eller JavaScript for styling, sørg for å laste opp mappene som inneholder CSS-koden, bildene og JavaScript til nettstedets rotkatalog.
Lag et skjema på Elementor gratis ved å bruke kontaktskjema 7
Hvis du ikke har noen HTML-kunnskaper og ikke vil bruke en HTML-skjemamal, kan du lage et skjema på gratisversjonen av Elementor ved å bruke plugin Kontakt skjema 7. Det finnes faktisk mange andre skjemaplugins. Vi anbefaler Kontaktskjema 7 fordi det er den mest populære skjemapluginen for WordPress og helt gratis.
Først må du installere plugin-modulen Kontakt skjema 7. For å gjøre dette, gå til Utvidelser – > Legg til. Skriv inn "kontaktskjema 7" i søkefeltet og klikk på knappen installere nå når du har funnet den.
Aktiver programtillegget umiddelbart når det er installert.
Kontaktskjema 7 kommer med et standardskjema (a Kontaktskjema ). Du kan bruke den hvis du vil. Hvis du i stedet vil opprette et nytt skjema, kan du gå til Kontakt – > Legg til. Gi skjemaet ditt et navn slik at du enkelt kan identifisere det i fremtiden.
Som standard vil skjemaet ditt bestå av fire felt: navn, e-post, emne og melding.
Hvis du vil legge til et nytt felt, plasserer du pekeren i området der du vil legge til det nye feltet (du kan plassere det under eller over et eksisterende felt). Legg til etikett for nytt skjemafelt i format <label> votre label préféré </label>.
Plasser pekeren rett etter etiketten og velg et felt i feltfanen. Du kan legge til et nytt linjeskift for å gjøre ditt nye felt renere enn andre eksisterende felt.
Fyll ut feltene og klikk videre Sett inn koden (du kan la alt stå som standard).
Kontaktskjema 7 vil sende innsendinger sendt via skjemaet ditt til en e-post. Du kan angi e-post fra fanen E-post.
Du kan gå til fanen meldinger hvis du vil overstyre standardmeldingene. Du kan tilpasse meldingen som vises etter at de besøkende har sendt inn skjemaet eller feilmeldingen når skjemaet ikke er sendt, osv.
Klikk på knappen Enregistrer når du er ferdig med å redigere skjemaet og kopiere kortkoden.
For å legge til skjemaet du nettopp opprettet på Elementor-siden din, lag en ny side og rediger den med Elementor, eller du kan også redigere en eksisterende side.
Les også: Slik deaktiverer du en Elementor Popup på smarttelefoner
Legg til en ny seksjon for å plassere skjemaet og legg til Kortkode-widget. Når Shortcode-widgeten er lagt til, går du til venstre panel og limer inn kortkoden du kopierte i feltet Kort kode under fanen Innhold.
Publiser/oppdater siden din når du er ferdig med å redigere den.
Kontaktskjema 7 bruker stilformatet til WordPress tema som du bruker. Du kan style kontaktskjema 7-skjemaet ditt, men CSS-ferdigheter kreves. Du kan også se denne artikkelen på Hvordan tilpasse et kontaktskjema 7-skjema med Essential Addons og Elementor.
Skaff deg Elementor Pro nå!!!
konklusjonen
Så! Det er det for denne artikkelen som viser deg hvordan du lager et skjema med gratis Elementor. Hvis du har noen bekymringer om hvordan du kommer deg dit, gi dem beskjed i commentaires.
Du kan imidlertid også konsultere ressursene våre, hvis du trenger flere elementer for å gjennomføre prosjektene dine med oppretting av nettsteder, ved å konsultere vår guide om WordPress blog oppretting eller den på Divi: tidenes beste WordPress-tema.
Men i mellomtiden, del denne artikkelen på de forskjellige sosiale nettverkene dine.
...
