Vill du begära betalning på ett WordPress-filuppladdningsformulär? Att få en fil och en betalning samtidigt kommer att spara tid och hjälpa till att öka dina konverteringar.
I den här artikeln visar vi dig hur du ser till att dina besökare går till kassan när de laddar upp en fil till din webbplats.
Hur skapar jag ett betalningsformulär i WordPress?
Det är enkelt att göra ett betalningsformulär i WordPress med WPForms plugin.
WPForms är det bästa formulärbyggarpluginet för WordPress. Det låter dig skapa alla typer av formulär för din webbplats utan att skriva någon kod.
Det bästa med WPForms är att du kan hindra människor från att skicka in ett formulär utan att ladda upp en fil och utan betalning. Detta är användbart för formulär som:
Med WPForms kommer du att spara mycket tid på att jaga betalningar eller avbryta beställningar om folk inte skickar de filer du behöver.
Det är väldigt enkelt att skapa ett filuppladdningsformulär med ett kreditkortsbetalningsfält. Låt oss gå vidare och föra processen framåt.
Hur man begär betalning i ett WordPress-filuppladdningsformulär
I det här exemplet kommer vi att skapa ett formulär för offertacceptans för en företagswebbplats. För att starta projektet måste vår besökare ladda upp en fil och betala en insättning.
Det här är stegen vi kommer att följa:
- Installera WPForms Plugin
- Skapa ett filuppladdningsformulär
- Lägg till Stripe-betalning i ditt filuppladdningsformulär
- Konfigurera dina Stripe-betalningsinställningar
- Publicera ditt betalningsformulär för filuppladdning
Låt oss börja med att installera plugin.
Steg 1: Installera WPForms Plugin
För att komma igång, låt oss installera och aktivera WPForms plugin. Om du behöver hjälp med detta, gå till den här guiden om hur du installerar ett plugin i WordPress.
Låt oss sedan ställa in betalningar. Stanna kvar i WordPress-instrumentpanelen för nästa del.
Om du funderar på Stripe vs PayPal, är den goda nyheten att WPForms låter dig använda båda. Du kan också betala via Authorize.Net om du föredrar det.
Vi kommer att använda Stripe i det här exemplet.
För att komma igång måste du klicka WPForms i det vänstra navigeringsfältet och sedan inställningar.
Klicka nu på Betalningar fliken överst.
Kontrollera först att Bricka är korrekt konfigurerad. Om inte, kan du gå vidare och ändra det i rullgardinsmenyn.
Scrolla sedan ner till Rand och klicka på den blå Anslut med Stripe knapp.
Du kan skapa ett konto för Stripe nu eller logga in på ditt befintliga konto. Om du behöver hjälp, kolla in vår detaljerade dokumentation om hur du använder Stripe-plugin med WPForms.
När Stripe är ansluten ser du ett meddelande i avsnittet Stripe på sidan för att bekräfta att allt är konfigurerat:
Har du märkt att vi kör Stripe i testläge? Om du vill testa ditt formulär utan att göra faktiska betalningar kan du kolla in Testläge box för att slå på det.
Ok, nu har vi Stripe igång, låt oss göra formen.
Steg 2: Skapa ett filuppladdningsformulär
Nu ska vi skapa ett formulär för våra kunder att acceptera en offert. I detta formulär måste de betala en deposition och bifoga en handling.
Formuläret kommer att se ut som ett normalt filuppladdningsformulär, men med några ytterligare fält för Stripe.
WPForms är det bästa plugin-programmet för WordPress-filuppladdning. Den levereras med över 100 formulärmallar, så det är väldigt enkelt att skapa vilken typ av formulär som helst. Låt oss använda mallen Simple Contact Form och anpassa den.
Så för att komma igång, klicka Lägg till ny i WPForms-menyn.
I formulärbyggaren skriver du ett namn för formuläret högst upp. Klicka sedan på Enkelt kontaktformulär mall.
Även om den här mallen är för ett kontaktformulär kan vi lägga till fler fält för att få det att fungera som vi vill.
WPForms-formulärbyggaren öppnas i din webbläsare. Lägg märke till hur den högra panelen alltid visar en förhandsvisning av live-formuläret vilket gör det enkelt att se hur det färdiga formuläret kommer att se ut. Till vänster ser du en lista med fält som kan läggas till.
Låt oss klicka och dra en Ladda upp fil från den vänstra panelen till den högra panelen.
Klicka nu på fältet Filöverföring och klicka på Nödvändig låda.
Om användaren nu inte lägger till en fil kommer formuläret inte att skickas.
Scrolla ner och låt oss utöka Avancerade alternativ sektion. Har du märkt att vi använder Modern stil för fältet?
Den moderna stilen är bättre eftersom den tillåter människor att dra och släppa filer i fältet för att ladda upp dem. Du kan också acceptera flera filer i samma form:
Om du behöver ytterligare hjälp med att ställa in ditt formulär, kolla in den här guiden för att skapa ett enkelt kontaktformulär i WordPress för mer information.
Ok, nu har vi ett filuppladdningsfält på formuläret, vi behöver bara lägga till betalningsfälten.
Klick Spara överst för att spara dina framsteg hittills.
Steg 3 – Lägg till Stripe Payment i ditt filuppladdningsformulär
Vi har nu ett filuppladdningsformulär igång, allt vi behöver göra är att ta kundens insättning med hjälp av ett säkert betalningsfält.
För det här formuläret, låt oss göra ett väldigt enkelt exempel med 2 fält:
- Ett enda objektfält
- Ett band kreditkortsfält.
Gå vidare och dra dessa två fält från den vänstra panelen till formuläret till höger.
Klicka nu på fältet Single Item för att öppna inställningarna. I Varuprisange det pris du vill debitera din kund.
Det är allt. Betalningsfälten är klara!
Om du vill lägga till fler betalningsfält, kolla in den här guiden om hur du begär en fullständig betalning på ditt formulär. Att lägga till ett Totalt-fält hjälper till att förhindra att någon skickar en betalning på 0,00 USD. I det här fallet behöver vi inte ett Totalt-fält eftersom vi använder 1 fast pris.
OK. Vi är klara här, så låt oss gå vidare till formulärets betalningsinställningar.
Steg 4: Konfigurera dina Stripe-betalningsinställningar
Det hårda arbetet är redan gjort! Vi är inne på sista sträckan. Vi behöver bara berätta för WPForms exakt vad vi vill göra i Stripe när formuläret skickas.
Stanna i formulärbyggaren och klicka Betalningar » Rand. Därifrån klickar du på Aktivera betalningar med Stripe låda.
Det finns några inställningar du kan anpassa här:
- Betalningsbeskrivning – Det här är beskrivningen som kommer att visas på din kunds kreditkortsutdrag. Normalt ska du skriva ditt företagsnamn här.
- Stripe betalningskvitto – Välj E-post från rullgardinsmenyn för att skicka ett kvitto till den e-postadress som din besökare angav i formuläret.
- Aktivera villkorlig logik – Du kan använda detta för att behandla betalningen endast om vissa villkor är uppfyllda. Detta är användbart om du vill verifiera att viktiga fält är ifyllda innan du betalar.
Resten av inställningarna är för återkommande betalningar, så vi behöver inte redigera dem nu.
Detta är det sista steget. Klicka på Inställningar till vänster och klicka på Aktivera AJAX-formulärinlämning låda.
Du kan lägga till ytterligare formuläraviseringar och ändra bekräftelsemeddelandet här om du vill.
Allt redo? Klick Spara överst.
Bara ett steg till att avsluta!
Steg 5: Publicera ditt betalningsformulär för filuppladdning
Vi är nu redo att publicera ditt formulär. Detta är den enklaste delen.
Klicka på högst upp i formulärbyggarfönstret Bädda in.
I det här exemplet ska vi Skapa ny sida.
Låt oss namnge vår sida Betala din projektinsättning. Skriv namnet på din önskade sida här och klicka sedan Kom igen.
WPForms kommer nu att skapa en ny sida och lägga till formuläret vi skapade. Allt som återstår att göra är att klicka på Posta antingen Uppdatering knappen uppe till höger.
Nu när formuläret är aktivt är du redo att ta emot betalningar och ladda upp filer i ett formulär!
Har du märkt att vi använder ett speciellt kortnummer för provinlämning? Om du är i testläge kan du använda samma kortinformation för att testa ditt Stripe-formulär.
Och det är! Du är redo att ta emot betalning på ditt WordPress-filuppladdningsformulär.
Nästa: Lägg till valfri betalning i ett formulär
Vill du göra filuppladdningar med valfri betalning? Detta kan vara ett bra sätt att ta emot donationer till en välgörenhetsorganisation eller ideell organisation.
För att lära dig hur du gör betalning valfri, se den här artikeln om hur du lägger till ett valfritt betalningsfält i ett formulär.
Redo att bygga din form? Kom igång idag med det enklaste WordPress-formulärbyggarpluginet. WPForms Pro inkluderar mallar för filuppladdning och erbjuder en 14-dagars pengarna-tillbaka-garanti.
Om den här artikeln hjälpte dig, följ oss på Facebook och Twitter för fler gratis WordPress-guider och handledningar.
