Gå till innehållet

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

Divi: det enklaste WordPress-temat att använda

Divi: Det bästa WordPress-temat hela tiden!

mer 901.000-nedladdningar, Divi är det mest populära WordPress-temat i världen. Den är komplett, lätt att använda och levereras med mer än 62 gratis mallar. [Rekommenderas]

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 formulärwidget som du kan använda för att skapa formulär på din WordPress-webbplats. Med den här widgeten kan du skapa nästan alla typer av former. Det finns ungefär 19 typer av fält som erbjuds av denna widget, inklusive ett fält för att ladda upp en fil.

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.

Skapa enkelt din webbplats med Elementor

Med Elementor kan du enkelt skapa en webbdesign med ett professionellt utseende. Sluta betala dyra för vad du kan göra själv. [Fritt]

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.

Letar du efter de bästa WordPress-teman och plugins?

Ladda ner de bästa plugins och WordPress-teman på Envato och enkelt skapa din webbplats. Redan mer än 49.720.000-nedladdningar. [EXKLUSIV]

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.

Skapa enkelt din webbutik

Ladda ner gratis WooCommerce, de bästa e-handelspluggarna för att sälja dina fysiska och digitala produkter på WordPress. [Rekommenderas]

Potentiellt fel

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

Ovanstående fel inträffar vanligtvis om du använder en delad webbhotell. De flesta delade webbhotellleverantörer inaktiverar funktionen 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.

.

Den här artikeln innehåller kommentarer 0

Lämna en kommentar

Din e-postadress kommer inte att publiceras. Obligatoriska fält är markerade *

Den här webbplatsen använder Akismet för att minska oönskade. Läs mer om hur dina kommentarer data används.

Tillbaka till toppen
0 aktier
del
tweet
Enregistrer