Några av våra läsare frågar hur man skapar ett online-beställningsformulär så att kunder enkelt kan placera sina beställningar på webbplatsen.
Om du har ett företag som en restaurang eller fysisk butik kanske du inte vill skapa en komplett onlinebutik. Det kan dock vara en bra idé att erbjuda dina kunder ett enkelt sätt att beställa matvaror eller andra produkter för frakt.
I det här inlägget kommer vi att visa dig hur du skapar ett online-beställningsformulär på WordPress. På detta sätt kan du enkelt ta kundbeställningar utan att behöva lägga till komplett e-handelsprogramvara på din webbplats.
Skapa ett online-beställningsformulär på WordPress
Du kanske nyligen bestämde dig för att starta en webbplats för ditt företag och känner dig lite överväldigad.
Många företag öppnar onlinebutiker inte bara för att samla in beställningar, utan också för att ta emot betalningar och hantera lager. Men inte alla företag behöver en komplett e-handelswebbplats.
Om du bara vill att kunder ska fylla i ett online-beställningsformulär kan du enkelt skapa ett utan en kundvagnslösning.
Med ett enkelt beställningsformulär online kan du få betalningar online, vid tidpunkten för beställningen eller vid leveransen.
I den här handledningen använder vi WPForms för att skapa ett online-beställningsformulär eftersom du enkelt kan köra det genom dra och släpp-gränssnittet.
WPForms är det bästa WordPress Form Builder-plugin på marknaden. Mer än det 3 miljoner webbplatser använder WPForms för att enkelt skapa och lägga till alla former av onlineformulär till din webbplats (inga programmeringsfärdigheter krävs).
Installera och aktivera WPForms-insticksprogrammet först. Behöver du hjälp med att installera plugins? Du kan hitta detaljerade instruktioner i våra instruktioner för installation av ett WordPress-plugin.
Plugins som applikationer för din WordPress-webbplats. Om du är ny inom WordPress, läs vår artikel om vad en WordPress-plugin är och vad du kan göra åt det.
När du har aktiverat WPForms-insticksprogrammet kommer en ny WPForms-flik att visas i sidofältet på din WordPress admin-instrumentbräda.
Du måste besöka WPForms »Konfiguration Sida för att ange din licensnyckel. Du kan hitta den här informationen i ditt konto på WPForms webbplats.
Du kan nu skapa ditt beställningsformulär online.
Gå bara till WPForms »Lägg till nytt Sida för att skapa ditt första formulär.
Nu ser du en skärm för att skapa formulär. Ange ett namn på formuläret och välj en mall. Vi rekommenderar mallen “Fakturerings- / beställningsformulär”.
Håll muspekaren över mallbeskrivningen och klicka på knappen “Skapa faktura / beställningsformulär”.
Ditt formulär skapas automatiskt åt dig och du kommer direkt till WPForms-formulärredigeraren.
Nu kan du redigera online-beställningsformuläret som du vill. Olika delar av formen kallas “fält.” Du kan ändra, lägga till eller ta bort fält på ditt formulär med ett klick.
Standardmallen innehåller redan fält för det mesta av den information du behöver, till exempel: B. Namn, adress och telefonnummer. Du måste dock beräkna din faktiska produkt.
Klicka på rutan “Tillgängliga objekt” för att redigera den.
Skriv namn och pris på varje artikel som kunden kan begära. Priserna visas inte automatiskt på formuläret. Därför kan du lägga till den i artikelns namn.
För att lägga till fler inställningar klickar du bara på ikonen (+) som du vill lägga till ytterligare objekt till.
notera: Du kan lägga till så många element du vill. Men kunder kan bara välja ett alternativ från det här fältet.
Om du har flera inställningskategorier kan du kopiera rutan för att skapa en grupp.
Du kan kopiera rutan Tillgängliga objekt genom att klicka på kopieringsikonen som visas när du pekar över den eller när den är markerad.
Se också till att ändra “etiketten” i kolumnen som matchar varje grupp.
Om du vill att kunder ska kunna välja två eller flera inställningar i ett fält, använd en annan typ av fält.
Klicka på fliken “Lägg till fält” och bläddra ner till “Betalningsfält” där du hittar rutan “Kryssruta”. Dra och släpp den i din form.
Nu kan du redigera det här fältet som tidigare och ange namnet och priset på ditt objekt. Kunderna kan kontrollera så många artiklar som de vill beställa.
Om du vill visa en bild av din produkt är det också mycket enkelt. Klicka bara på rutan “Använd bildinställningar”:
Klicka på knappen “Ladda upp bild” för varje objekt för att lägga till bilder från din WordPress-dator eller mediebibliotek.
WPForms ändrar inte storleken på eller komprimerar din bild. Därför är det viktigt att ladda upp den till rätt storlek. Allt måste ha samma storlek och högst 250 × 250 pixlar.
Helst bör du också optimera dina bilder för Internet.
Slutligen kanske du vill redigera fältet “Kommentarer eller meddelanden” längst ner i formuläret så att det inte behövs. Inte alla användare lägger till meddelanden.
Klicka på rutan och avmarkera rutan “Obligatorisk” till höger för att göra detta fält valfritt.
Du kan göra detta för vilket fält du vill. Du kan se vilka fält som behövs eftersom de har en röd stjärna bredvid fältnamnet.
När du är nöjd med utformningen av ditt formulär kan du fortsätta med inställningarna. Vi rekommenderar att du sparar formuläret först genom att klicka på “Spara” -knappen längst upp på skärmen:
Ange meddelandet att ditt beställningsformulär kommer att skickas
Klicka först på fliken “Inställningar” på vänster sida av skärmen. Detta öppnar dina forminställningar.
Klicka sedan på fliken Meddelande för att ändra e-postmeddelandet till ditt formulär. Som standard skickas det ifyllda beställningsformuläret per post. E-postadministratörsadress på din WordPress-webbplats.
Du kanske måste ändra detta eller kopiera beställningsformuläret till flera adresser. Ange bara din e-postadress eller adress i fältet “Skicka till e-postadress”. Om du anger mer än en e-postadress ska du separera dem med kommatecken.
Du kanske också vill ändra ämnesraden så att det inte är detsamma för varje beställning. Detta kan göra det lättare att spåra beställningar i din inkorg full av e-postmeddelanden.
Här ändrar vi ämnesraden för e-postmeddelandet för att läsa “kundorder” och sedan kundens namn. Vi använder “Visa smarta taggar” för att infoga namnfält i ämnesraden.
Du kan också ändra andra detaljer som du vill.
Vi rekommenderar också att du skapar e-postrecensioner för dina kunder. Detta kommer att påminna dig om vad du beställde och informerar dig om att du har fått din beställning.
För att ställa in nya e-postmeddelanden, klicka på knappen “Lägg till nytt meddelande”.
Du blir ombedd att ange ett namn för den nya recensionen. Du kan kalla det vad du vill eftersom kunder inte kan se namnet. Vi rekommenderar något som “kundacceptans” eller “kundbekräftelsemail.”
Du vill att “e-postleveransadress” ska vara kundens e-postkonto. Ta bort {admin_email} från det här fältet. Klicka på “Visa smarta taggar” och välj rutan “E-post”.
Du kommer också att ange andra detaljer för e-postmeddelandet. Vi rekommenderar att du använder ämnesrader som “Din beställning med” och ditt företags namn.
I fältet “Meddelande” kan du lägga till ett meddelande till dina kunder. Taggen {all_fields} ger dig all information som kunderna har angett i formuläret.
Vad händer om du bara vill ange en viss kundinformation i ett e-postmeddelande? Eller vad händer om du prioriterar beställningsinformation och vill ange leveransinformation i slutet av e-postmeddelandet? Du behöver bara använda smarta taggar för att lägga till formulärfält till ditt formulär.
Klicka på “Spara” -knappen längst upp på skärmen när du har slutfört aviseringar.
instruktioner: Bläddra bara ner på skärmen för att återgå till det första meddelandet du redigerade.
Skapa ett bekräftelsemeddelande för dina kunder
Förutom att skicka ett e-postkvitto till din kund kommer det att visa dem en bekräftelse på skärmen så att de vet att deras beställning har skickats.
Du kan göra detta nedan Inställningar »bekräfta Vikt
Standardbekräftelsen är “Tack för att du kontaktar oss! Vi kommer att kontakta dig inom kort.”
Du kan ändra detta till din smak och använda en visuell redigerare för att formatera din text.
Eller så kan du rikta kunder till “tacksidan” på din webbplats eller till och med till andra webbplatser.
När du har ställt in bekräftelsemeddelandet klickar du på “Spara” längst upp på skärmen.
Integrera betalning i ditt beställningsformulär (valfritt)
Om du vill göra betalningar med ditt beställningsformulär måste du integrera det i betalningsprocessorn.
WPForms kan enkelt integreras i två populära betalningsprocessorer, PayPal och Stripe. Kunder kan betala via sitt PayPal-konto eller genom att ange sin kreditkortsinformation.
I denna handledning använder vi PayPal, men processen för Stripe är densamma.
Stäng först formgeneratorn. Du kan göra detta genom att klicka på “X” i det övre högra hörnet. Du blir ombedd att spara ditt formulär om du har gjort ändringar som inte har sparats.
Gå sedan till WPForms »Plugin Sida på din WordPress-instrumentpanel. Rulla ner till “PayPal Standard Plugin” och klicka på knappen “Installera plugin” nedan.
Plugin installeras och aktiveras automatiskt.
Gå tillbaka till ditt formulär, som du hittar nedan WPForms »Alla formerKlicka nu på fliken “Betalningar”.
Klicka på “PayPal Standard” och fyll i informationen på formuläret. Markera först kryssrutan “Aktivera PayPal-standardbetalning” och ange ditt företags PayPal-e-postadress.
Lämna rullgardinsmenyn “Läge” inställt på “Produktion” och “Betalningsmetoder” till “Produkter och tjänster”.
Om du får en leveransadress med hjälp av beställningsformuläret kan du ändra “Frakt” till “Be inte om en adress”.
Du behöver inte ange “Avbryt URL”, men du kan skapa en sida på din webbplats som skickas till kunder om de inte slutför köpet.
Klicka på “Spara” när du är klar.
När en användare skickar in ett formulär vidarebefordras det automatiskt till PayPal för betalning. Du behöver inte lägga till ytterligare fält i formuläret eller göra något annat.
Lägg till beställningsformulär till din webbplats
Det sista steget är att lägga till beställningsformuläret på din webbplats.
Välj bara den sida du vill lägga till din form på eller skapa en ny sida Sida »Lägg till nytt.
Klicka sedan på ikonen (+) för att lägga till ett nytt block (där du vill ha formen) och leta efter “WPForms” -blocket. Det finns i avsnittet “Widgets” i blocket, eller så kan du skriva “WPForms” i sökrutan för att hitta det.
Du kommer att se ett WPForms-block. Klicka på rullgardinsmenyn “Välj form” och välj ditt formulär.
Då ser du en förhandsgranskning av formuläret i WordPress-redigeraren.
Spara och publicera (eller uppdatera) din sida när du är redo. Du kan se det direkt på deras webbplats för att se deras form i aktion. Innan du delar det med kunder rekommenderar vi att du testar formuläret för att se till att det fungerar som förväntat.
Det är också en bra idé att kontrollera om du får ett e-postmeddelande när formuläret skickas in. Om inte, läs vårt inlägg om hur du åtgärdar problemet med WordPress att inte skicka e-post.
Även om du tappar ett e-postmeddelande eller raderar det av misstag sparar WPForm formulärdata i WordPress-databasen. Du kan hitta alla dina beställningar på WPForm »Biljett i din WordPress-instrumentpanel.
Klicka på namnet på ditt formulär så ser du en lista med poster. Du kan klicka på “Visa” bredvid dem för att se detaljerna.
Det är allt! Vi hoppas att den här artikeln hjälpte dig att lära dig att skapa ett online-beställningsformulär på WordPress. Du gillar också vår guide till bästa telefonitjänst och behöver ett WordPress-plugin för småföretag.
Om du gillar den här artikeln kan du prenumerera på vår YouTube-kanal för att titta på WordPress-videotutorials. Du kan också hitta oss på Twitter och Facebook.
