Vil du lære at oprette en filuploadformular i Elementor?

Som du sikkert ved, kommer pro-versionen af ​​Elementor med en formular-widget, som du kan bruge til at oprette formularer på din WordPress hjemmeside. Med denne widget kan du oprette næsten enhver form for formularer. Der er omkring 19 felttyper, der tilbydes af denne widget, inklusive et felt til upload En fil.

I denne artikel viser vi dig, hvordan du opretter en formular, der består af et filoverførselsfelt.

Men inden du starter, skal du sørge for at have opgraderet din version af Elementor til Pro-versionen, da Form widget igen er kun tilgængelig på Elementor Pro.

Læs vores guide om: Sådan installeres Elementor på WordPress

Opret først en ny side eller udgiv og rediger den med Elementor.

Før du begynder at oprette siden for at tilføje din formular, skal du først definere layoutet. For at gøre det skal du klikke på tandhjulsikonet i nederste venstre hjørne af venstre panel. Indstil dit foretrukne layout fra rullemenuen layout.

Tilføj et nyt afsnit ved at klikke på plusikonet i Elementors redigeringsfelt. Du kan vælge en hvilken som helst struktur baseret på det designkoncept, du vil oprette. Vi vælger en enkelt kolonnestruktur i dette eksempel.

Tilføj formularwidgeten ved at trække den fra venstre panel til lærredområdet.

Sådan oprettes en formular i Elementor

Som standard har du en formular, der består af tre felter: Navn, E-mail og Besked. Fjern et felt, du ikke har brug for, ved at klikke på x-ikonet i feltet.

I denne artikel opretter vi en formular, der består af 4 felter: Navn, E-mail, Besked og upload af filer. Da formularen kun kun har 3 felter, skal du tilføje en ny formular til feltet File Upload.

Læs også: Sådan tilføjes reCAPTCHA til din Elementor-formular

Klik på knappen TILFØJ ET PUNKT for at tilføje et nyt felt. Definer typen af ​​felt på Upload fil. Hvis du vil definere det som et obligatorisk felt, skal du aktivere indstillingen Påkrævet. Indstil den maksimale filstørrelse fra rullemenuen til Maks filstørrelse.

For at definere de tilladte filtyper skal du indtaste filtypen Tilladte filtyper. Du kan acceptere flere filtyper ved at adskille filtypenavnet med et komma. Hvis du vil tillade dine besøgende at indsende flere filer, skal du aktivere indstillingen Flere filer og indstil det maksimale antal filer, de kan downloade.

Hvis du vil ændre rækkefølgen af ​​felterne, kan du bare trække hvert felt op eller ned. I dette eksempel placerer vi feltet File Upload over feltet Message.

Sådan oprettes en filuploadformular i Elementor

Definition af handling

Det ville være fantastisk, hvis du kunne forbinde din Elementor -formular med danne backend-tjenester såsom getform ou Formcarry. Desværre understøtter Elementor ikke integration med nogen form for backend-service.

Find ud af hvordan: Sådan tilføjes skillevæg for at oprette sektion i Elementor

Så i denne artikel vil vi definere handlingen på e-mail. Dette betyder, at indsendelser indsendt via din formular sendes via den angivne e-mail.

Som standard var formularhandlingen indstillet til e-mail. Du kan kontrollere dette fra indstillingen Handlinger efter indsendelse.

Åbn derefter indstillingen E-mail og indstil den e-mail-adresse, som formularindsendelser skal sendes til. Definer også emnet for e-mailen.

Sådan oprettes en filuploadformular i Elementor

Altid under indstillingen e-mail, indstil e-mail-brødtekst til mulighed Besked.

For at tilpasse brødteksten i e-mailen kan du indsætte kortkoder for de felter, du vil føje til brødteksten. Du kan finde dem på fanen FREMSKREDEN af hvert felt.

Du kan også tilpasse kroppens metadata for din e-mail i sektionen Metadata. Fjern alle metadata, som du ikke vil medtage.

Sådan oprettes en filuploadformular i Elementor

Selve metadataene vises under e-mailens brødtekst.

I markerne Fra Email, Fra navn og svar til, kan du lade dem være tomme.

Tilpasning af formularen

Indtil videre er din formular klar til offentliggørelse. Før du udgiver den, kan du tilpasse formularen for at gøre den mere attraktiv. Som standard indeholder hvert felt i din formular en etiket. Hvis du vil slå den fra, kan du gøre det fra Formularfeltindstilling sous fanen Indhold.

For at oprette mere avancerede stylingindstillinger kan du få adgang til fanen Stil. Her er nogle stylingmuligheder, du kan indstille.

  • Definer mellemrummet mellem linjerne og typografien på etiketterne

For at definere mellemrummet mellem linjerne (felterne) samt etiketternes typografi kan du åbne indstillingen Form.

Indstil linieområdet på sektionen Rækker mellemrum. For at definere typografien på etiketterne (skriftstørrelse, skrifttypestil og skrifttypefamilie) kan du klikke på blyantikonet for Typographie i afsnittet Etiket

  • Definer felttypografi, baggrundsfarve, kantfarve, kantbredde og kantradius

Du kan åbne indstillingen Felt til at definere kontrolelementets typografi, kontrolfarvens baggrundsfarve, kantfarve, kantbredde og kantradius.

Sådan oprettes en filuploadformular i Elementor
  • Tilpas knap

For at tilpasse knappen kan du åbne indstillingen Knapper. Derfra kan du indstille baggrundsfarve, tekstfarve, typografi, kantfarve, kantradius osv ... Skift til fanen HOVER for at tilpasse knappen, der peger.

Der er flere andre tilpasningsmuligheder, du kan indstille. Du kan lege med det venstre panel, indtil du er tilfreds med, hvordan din formular ser ud. Når du er færdig, kan du klikke på knappen PUBLISH at offentliggøre din formular.

Potentiel fejl

Når du tester din formular, vises der muligvis fejlmeddelelser. Nedenfor er et eksempel på en fejl.

Sådan oprettes en filuploadformular i Elementor

Ovenstående fejl opstår normalt, hvis du bruger en tjenesteWeb hosting deling. De fleste udbydere afWeb hosting delt deaktiveringsfunktion php send_mail, som bruges af WordPress-funktionaliteten wp_mail at sende e-mails.

Hent Elementor Pro nu!

Konklusion

Her er ! Det er det for denne artikel, der viser dig, hvordan du opretter en filuploadformular i Elementor. Hvis du er bekymret for, hvordan du kommer dertil flad os 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.

...