Vill du lära dig hur du skapar ett filöverföringsformulär i Elementor?

Som du säkert vet kommer proversionen av Elementor med en Form-widget som du kan använda för att skapa former på din WordPress-webbplats. Med denna widget kan du skapa nästan alla typer av former. Det finns cirka 19 fälttyper som erbjuds av denna widget, inklusive ett fält för ladda upp o fichier.

I den här artikeln visar vi dig hur du skapar ett formulär som består av ett filöverföringsfält.

Men innan du börjar, se till att du har uppgraderat din version av Elementor till Pro-versionen eftersom återigen Form-widgeten endast är tillgänglig på Elementor Pro.

Läs vår guide om: Hur man installerar Elementor på WordPress

Skapa först en ny sida eller publicera och redigera den med Elementor.

Innan du börjar skapa sidan för att lägga till ditt formulär, ställ först in layouten. Klicka på kugghjulsikonen i det nedre vänstra hörnet på den vänstra panelen. Ange önskad layout i rullgardinsmenyn Layout.

Lägg till ett nytt avsnitt genom att klicka på plusikonen i Elementors redigeringsruta. Du kan välja vilken struktur som helst baserat på designkonceptet du vill skapa. Vi väljer en enda kolumnstruktur i detta exempel.

Lägg till formulärwidgeten genom att dra den från vänster panel till dukområdet.

Hur man skapar ett formulär i Elementor

Som standard har du ett formulär som består av tre fält: Namn, E-post och Meddelande. Ta bort ett fält du inte behöver genom att klicka på x-ikonen i fältet.

I den här artikeln ska vi skapa ett formulär som består av fyra fält: namn, e-post, meddelande och filöverföring. Eftersom formuläret endast har tre fält som standard måste du lägga till ett nytt formulär för fältöverföringsfältet.

Läs också: Så här lägger du till reCAPTCHA i ditt Elementor-formulär

Klicka på knappen LÄGG TILL EN PUNKT för att lägga till ett nytt fält. Definiera typ av fält på Ladda upp fil. Om du vill definiera det som ett obligatoriskt fält, aktivera alternativet Nödvändig. Ställ in den maximala filstorleken från rullgardinsmenyn till Max filstorlek.

För att definiera de tillåtna filtyperna anger du filtilläggen Tillåtna filtyper. Du kan acceptera flera filtyper genom att separera filtilläggen med ett komma. Om du vill tillåta dina besökare att skicka in flera filer aktiverar du alternativet Flera filer och ställ in det maximala antalet filer de kan ladda ner.

Om du vill ändra ordningen på fälten kan du bara dra varje fält uppåt eller nedåt. I det här exemplet placerar vi fältet Filöverföring ovanför meddelandefältet.

Hur man skapar ett filöverföringsformulär i Elementor

Definition av handling

Det skulle vara bra om du kunde ansluta din Elementor -form med bilda backend-tjänster såsom getform ou Formcarry. Tyvärr stöder Elementor inte integration med någon form av backend-tjänst.

Ta reda på hur: Hur man lägger till avdelare för att skapa avsnitt i Elementor

Så i den här artikeln ska vi definiera åtgärden via e-post. Detta innebär att bidrag som skickas in via ditt formulär skickas via det angivna e-postmeddelandet.

Som standard var formuläråtgärden inställd på e-post. Du kan se till från alternativet Åtgärder efter inlämning.

Öppna sedan alternativet E-post och ställ in e-postadressen till vilken formuläret skickas. Definiera även ämnet för e-postmeddelandet.

Hur man skapar ett filöverföringsformulär i Elementor

Alltid under alternativet E-post, ställa in e-postadress till alternativ Meddelande.

För att anpassa brödtexten i e-postmeddelandet kan du klistra in kortkoderna för de fält du vill lägga till i brödtexten. Du hittar dem på fliken AVANCERAD för varje fält.

Du kan också anpassa kroppens metadata för din e-post i avsnittet Metadata. Ta bort alla metadata som du inte vill inkludera.

Hur man skapar ett filöverföringsformulär i Elementor

Själva metadata visas under e-postmeddelandets kropp.

På åkrarna från e-post, Från namn och svar tillkan du lämna dem tomma.

Anpassa formuläret

Hittills är ditt formulär redo att publiceras. Innan du publicerar det kan du anpassa formuläret för att göra det mer attraktivt. Som standard innehåller varje fält i ditt formulär en etikett. Om du vill stänga av det kan du göra det från Alternativ för formulärfält sous fliken Innehåll.

För att skapa mer avancerade stylingsalternativ kan du öppna fliken Stil. Här är några stylingalternativ som du kan ställa in.

  • Definiera utrymmet mellan raderna och typografin på etiketterna

För att definiera utrymmet mellan raderna (fälten) samt typografin för etiketterna kan du öppna alternativet Form.

Ställ in radutrymmet på avsnittet Rader Gap. För att definiera typografin på etiketterna (teckenstorlek, typsnitt och typsnitt) kan du klicka på pennikonen på typografi i avsnittet Märka.

  • Definiera fälttypografi, bakgrundsfärg, kantfärg, kantbredd och kantradie

Du kan öppna alternativet Fält för att definiera kontrollens typografi, kontrollens bakgrundsfärg, kantfärg, kantbredd och kantradie.

Hur man skapar ett filöverföringsformulär i Elementor
  • Anpassa knapp

För att anpassa knappen kan du öppna alternativet Knappar. Därifrån kan du ställa in bakgrundsfärg, textfärg, typografi, kantfärg, kantradie, etc ... Byt till fliken SVÄVA för att anpassa knapppekningen.

Det finns flera andra anpassningsalternativ som du kan ställa in. Du kan leka med den vänstra panelen tills du är nöjd med hur ditt formulär ser ut. När du är klar kan du klicka på knappen PUBLICERA för att publicera ditt formulär.

Potentiellt fel

När du testar ditt formulär kan felmeddelanden visas. Nedan följer ett exempel på ett fel.

Hur man skapar ett filöverföringsformulär i Elementor

Ovanstående fel uppstår vanligtvis om du använder en tjänstwebbhotell delning. De flesta leverantörer avwebbhotell delad inaktiveringsfunktion php send_mail, som används av WordPress-funktionen wp_mail att skicka e-post.

Skaffa Elementor Pro nu!

Slutsats

Här är ! Det är det för den här artikeln som visar hur du skapar ett filöverföringsformulär i Elementor. Om du har några frågor om hur du kommer dit flåt oss 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.

.