Vil du lære hvordan du oppretter et skjema for filopplasting i Elementor?
Som du sikkert vet, kommer pro-versjonen av Elementor med en Form-widget som du kan bruke til å lage skjemaer på WordPress-nettstedet ditt. Med denne widgeten kan du lage nesten alle slags skjemaer. Det er omtrent 19 felttyper som tilbys av denne widgeten, inkludert et felt for laste opp En fil.
I denne artikkelen viser vi deg hvordan du oppretter et skjema som består av et filopplastingsfelt.
Men før du begynner, må du sørge for at du har oppgradert din versjon av Elementor til Pro-versjonen siden, igjen, Form-widgeten er bare tilgjengelig på Elementor Pro.
Les guiden vår om: Hvordan installere Elementor på WordPress
Først oppretter du en ny side eller publiserer og redigerer den med Elementor.
Før du begynner å lage siden for å legge til skjemaet, må du først definere oppsettet. For å gjøre det, klikk på tannhjulikonet i nedre venstre hjørne av venstre panel. Velg ønsket layout fra rullegardinmenyen layout.
Legg til en ny seksjon ved å klikke på plussikonet i Elementors redigeringsfelt. Du kan velge hvilken som helst struktur basert på designkonseptet du vil lage. Vi velger en enkelt kolonnestruktur i dette eksemplet.
Legg til skjema-widgeten ved å dra den fra venstre panel til lerretområdet.
Som standard har du et skjema som består av tre felt: Navn, E-post og Melding. Fjern et felt du ikke trenger ved å klikke på x-ikonet i feltet.
I denne artikkelen vil vi lage et skjema bestående av fire felt: Navn, E-post, Melding og Filopplasting. Siden skjemaet bare har tre felt som standard, må du legge til et nytt skjema for File Upload-feltet.
Les også: Slik legger du til reCAPTCHA i Elementor-skjemaet ditt
Klikk på knappen LEGG TIL ET PUNKT for å legge til et nytt felt. Definer typen kontroll på Last opp fil. Hvis du vil definere det som et obligatorisk felt, aktiverer du alternativet Påkrevd. Sett maks filstørrelse fra rullegardinmenyen til Maks filstørrelse.
For å definere tillatte filtyper, skriv inn filtypene Tillatte filtyper. Du kan godta flere filtyper ved å skille filtypene med et komma. Hvis du vil tillate besøkende å sende inn flere filer, aktiverer du alternativet Flere filer og angi maksimalt antall filer de kan laste ned.
Hvis du vil endre rekkefølgen på feltene, kan du bare dra hvert felt opp eller ned. I dette eksemplet plasserer vi feltet Filopplasting over meldingsfeltet.
Definisjon av handling
Det ville være flott hvis du kunne koble Elementor -skjemaet ditt til danne backend-tjenester såsom getform ou Formcarry. Dessverre støtter Elementor ikke integrering med noen form for backend-tjeneste.
Finn ut hvordan: Hvordan legge til skillelinje for å opprette seksjon i Elementor
Så i denne artikkelen skal vi definere handlingen på e-post. Dette betyr at innsendinger sendt via skjemaet ditt vil bli sendt via den angitte e-posten.
Som standard var skjemahandlingen satt til e-post. Du kan sjekke dette fra alternativet Handlinger etter innsending.
Åpne deretter alternativet E-post og angi e-postadressen som skjemainnleveringer skal sendes til. Definer også emnet for e-posten.
Alltid under opsjonen E-post, sett e-posttekst til alternativ Budskap.
For å tilpasse brødteksten til e-posten, kan du lime inn kortkodene for feltene du vil legge til brødteksten. Du finner dem i fanen AVANSERT av hvert felt.
Du kan også tilpasse kroppsmetadataene til e-posten din i seksjonen Metadata. Fjern alle metadata du ikke vil ha med.
Selve metadataene vises under e-posten.
I feltene fra E-post, Fra navn og svar til, kan du la dem være tomme.
Tilpasse skjemaet
Så langt er skjemaet ditt klart til å bli publisert. Før du publiserer det, kan du tilpasse skjemaet for å gjøre det mer attraktivt. Som standard inneholder hvert felt i skjemaet ditt en etikett. Hvis du vil slå den av, kan du gjøre det fra Alternativ for skjemafelt sous kategorien Innhold.
For å lage mer avanserte stylingsalternativer, kan du få tilgang til fanen Stil. Her er noen stylingsalternativer du kan angi.
- Definer mellomrom mellom linjene og typografien til etikettene
For å definere mellomrommet mellom linjene (feltene) samt typografien til etikettene, kan du åpne alternativet Skjema.
Sett linjeplass på seksjonen Rader Gap. For å definere typografien til etikettene (skriftstørrelse, skriftstil og skriftfamilie), kan du klikke på blyantikonet til Typographie i seksjonen Merkelapp.
- Definer felttypografi, bakgrunnsfarge, kantfarge, kantbredde og kantradius
Du kan åpne alternativet Felt for å definere typografien til kontrollen, bakgrunnsfargen til kontrollen, kantfargen, kantbredden og kantradien.
- Tilpass knapp
For å tilpasse knappen kan du åpne alternativet knapper. Derfra kan du angi bakgrunnsfarge, tekstfarge, typografi, kantfarge, kantradius osv. ... Bytt til fanen SVEVE for å tilpasse knappepekingen.
Det er flere andre tilpasningsalternativer du kan angi. Du kan leke med venstre panel til du er fornøyd med hvordan skjemaet ditt ser ut. Når du er ferdig, kan du klikke på knappen PUBLISH for å publisere skjemaet ditt.
Potensiell feil
Når du tester skjemaet ditt, kan det vises feilmeldinger. Nedenfor er et eksempel på en feil.
Feilen ovenfor oppstår vanligvis hvis du bruker en tjenesteWebhotell deling. De fleste tilbydere avWebhotell delt deaktiveringsfunksjon php send_mail, som brukes av WordPress-funksjonaliteten wp_mail å sende e-post.
Få Elementor Pro nå!
konklusjonen
Her er ! Det er det for denne artikkelen som viser deg hvordan du oppretter et filopplastingsskjema i Elementor. Hvis du er bekymret for hvordan du kommer dit fgi oss 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.
...
