Prylar, Mobiler, Appnedladdningar, Android Apps recensioner

Hur man skapar ett online-bestÀllningsformulÀr i WordPress (steg för steg)

Flera av vÄra lÀsare har frÄgat 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 en fysisk butik kanske du inte vill skapa en komplett onlinebutik. Du kanske dock vill erbjuda ett enkelt sÀtt för kunder att bestÀlla mat eller andra produkter för leverans.

I det hÀr inlÀgget visar vi dig hur du skapar ett online-bestÀllningsformulÀr i WordPress. Detta gör att du enkelt kan samla in kundbestÀllningar utan att lÀgga till komplett e-handelsprogramvara pÄ din webbplats.

Skapa ett online-bestÀllningsformulÀr i WordPress

Skapa ett online-bestÀllningsformulÀr i WordPress

Du har kanske beslutat att starta en webbplats för ditt företag nyligen och kÀnner dig lite övervÀldigad.

MÄnga företag startar en onlinebutik inte bara för att hÀmta order, utan ocksÄ för att acceptera betalningar och hantera lager. Men inte alla företag behöver en komplett e-handelswebbplats.

Om du bara vill att kunder ska kunna fylla i ett bestÀllningsformulÀr online kan du enkelt skapa det utan en kundvagnslösning.

Ett enkelt online-bestÀllningsformulÀr ger dig möjlighet att acceptera betalningar online, vid tidpunkten för bestÀllningen eller vid leverans.

I den hÀr tutorialen kommer vi att anvÀnda WPForms för att skapa en online-bestÀllningsformulÀr eftersom det gör att du enkelt kan göra det med dess dra och slÀpp-grÀnssnitt.

WPForms Àr det bÀsta WordPress-formulÀret plugin plugin pÄ marknaden. Mer av 3 Miljontals webbplatser anvÀnder WPForms för att enkelt skapa alla typer av onlineformulÀr och lÀgga till den pÄ deras webbplats (inga kodningskompetenser krÀvs).

Först mÄste du installera och aktivera WPForms-plugin. Behöver du hjÀlp med att installera plugin? Se vÄr guide om hur du installerar ett WordPress-plugin för detaljerade instruktioner.

Plugins Àr som appar för din WordPress-webbplats. Om du Àr ny inom WordPress kan du titta pÄ vÄr artikel om vad WordPress-plugins Àr och vad du kan göra med dem.

NÀr du har aktiverat WPForms-insticksprogrammet ser du en ny WPForms-flik i adminfÀltet pÄ din WordPress-instrumentpanel.

Du mÄste besöka WPForms »Konfiguration för att ange din licensnyckel. Du kan hitta den hÀr informationen i ditt konto pÄ WPForms webbplats.

Ange din WPForms licensnyckel

Du Àr nu redo att skapa ditt online bestÀllningsformulÀr.

GÄ bara till WPForms »LÀgg till nytt för att skapa ditt första formulÀr.

Skapa en ny form med WPForms

Nu ser du skÀrmen för formulÀrskapning. Ange ett namn pÄ formulÀret och vÀlj en mall. Vi rekommenderar mallen "Fakturerings- / bestÀllningsformulÀr".

VÀlj mall "Fakturerings- / bestÀllningsformulÀr" som du vill börja

HÄll bara musen över beskrivningen och klicka pÄ knappen "Skapa en fakturerings- / bestÀllningsformulÀr".

Klicka pÄ knappen "Skapa en fakturerings- / bestÀllningsformulÀr" för att skapa ditt formulÀr

Ditt formulÀr skapas automatiskt Ät dig och du kommer att riktas direkt till WPForms formulÀrredigerare.

Din nyskapade online bestÀllningsformulÀr

Nu kan du redigera ditt online bestÀllningsformulÀr som du vill. De olika delarna av formen kallas "fÀlt". Du kan Àndra, lÀgga till eller ta bort fÀlt pÄ ditt formulÀr med ett enda klick.

Standardmallen innehÄller redan fÀlt för det mesta av den information du förmodligen behöver, till exempel namn, adress och telefonnummer. Men du mÄste lista dina faktiska produkter.

Klicka pÄ fÀltet "TillgÀngliga objekt" för att redigera det.

Redigera fÀltet 'TillgÀngliga objekt' i ditt online bestÀllningsformulÀr

Skriv namnet och priset pÄ varje artikel som kunder kan bestÀlla frÄn dig. Priset visas inte automatiskt pÄ formulÀret, sÄ du kanske vill lÀgga till det i artikelnamnet.

Redigera fÀltet 'TillgÀngliga element' för att Àndra namnen pÄ elementen

För att lÀgga till fler alternativ klickar du bara pÄ ikonen (+) dÀr du vill lÀgga till ytterligare objekt.

LÀgg till fler artiklar i din online bestÀllningsformulÀr

Notera: Du kan lÀgga till sÄ mÄnga element du vill. Men kunderna kan bara vÀlja ett alternativ frÄn det hÀr fÀltet.

Om du har flera alternativkategorier kan du kopiera fÀltet för att skapa grupper.

Du kan kopiera fÀltet "TillgÀngliga objekt" genom att klicka pÄ ikonen "Kopiera" som visas nÀr du hÄller muspekaren över det eller nÀr det Àr markerat.

Kopiera fÀltet 'TillgÀngliga objekt' för att skapa ett nytt fÀlt i ditt bestÀllningsformulÀr

Se till att ocksÄ Àndra fÀltets "etikett" till nÄgot som passar varje grupp.

Om du vill att kunder ska kunna vÀlja tvÄ eller flera alternativ inom ett enda fÀlt mÄste du anvÀnda en annan typ av fÀlt.

Klicka pÄ fliken "LÀgg till fÀlt" och blÀddra sedan ner till "BetalningsfÀlt" dÀr du hittar fÀltet "Kontrollera fÀlt". Dra och slÀpp detta pÄ plats i ditt formulÀr.

LÀgg till ett kryssruta sÄ att kunderna kan vÀlja flera objekt samtidigt

Du kan nu redigera det fÀltet som tidigare och ange namn och priser för dina artiklar. Kunderna kan kontrollera sÄ mÄnga artiklar som de vill bestÀlla.

Om du vill visa bilder pÄ dina produkter Àr det ocksÄ mycket enkelt. Klicka bara pÄ rutan "AnvÀnd bildalternativ":

LÀgg till bilder av dina produkter i din online bestÀllningsformulÀr

Klicka pÄ knappen "Ladda upp bild" för varje objekt för att lÀgga till bilder frÄn din dator eller frÄn ditt WordPress-mediebibliotek.

Ladda upp en bild av en produkt du erbjuder

WPForms kommer inte att Ă€ndra storlek pĂ„ eller komprimera dina bilder, sĂ„ det Ă€r viktigt att ladda upp dem till rĂ€tt storlek. De mĂ„ste alla ha samma storlek och högst 250 × 250 pixlar.

Helst bör du ocksÄ optimera dina bilder för webben.

Slutligen kanske du vill redigera fÀltet "Kommentar eller meddelande" lÀngst ner i formulÀret sÄ att det inte krÀvs. Inte alla anvÀndare vill lÀgga till ett meddelande.

Klicka bara pÄ fÀltet och avmarkera sedan rutan "Obligatorisk" till höger för att göra detta fÀlt valfritt.

Gör fÀltet 'Kommentar / meddelande' valfritt istÀllet för obligatoriskt

Du kan följa den hÀr processen för valfritt fÀlt. Du kan berÀtta vilka fÀlt som krÀvs eftersom de har en röd asterisk bredvid fÀltetiketten.

NÀr du Àr nöjd med utformningen av ditt formulÀr kan du fortsÀtta med installationen. Det Àr en bra idé att spara formulÀret först genom att klicka pÄ "Spara" -knappen lÀngst upp pÄ skÀrmen:

WPForms 'Save' -knapp visas i det övre högra hörnet pÄ skÀrmen

StÀlla in meddelanden som ditt bestÀllningsformulÀr kommer att skicka

Klicka först pÄ fliken "InstÀllningar" pÄ vÀnster sida av skÀrmen. Detta öppnar dina forminstÀllningar.

Fliken InstÀllningar i WPForms

Klicka sedan pÄ fliken "Meddelanden" för att Àndra e-postmeddelanden för ditt formulÀr. Som standard kommer ifyllda bestÀllningsformulÀrer att skickas till administrationsadressen pÄ din WordPress-webbplats.

Du kanske vill Àndra detta eller kopiera bestÀllningsformulÀret till mer Àn en adress. Du kan helt enkelt skriva e-postadressen eller adresserna i rutan "Skicka till e-postadress". Om du anger mer Àn en e-postadress ska du separera dem med ett komma.

Ange e-postadresserna du vill att formulÀret ska skickas till, separerade med komma-tecken

Du kanske ocksÄ vill Àndra Àmnesraden, sÄ det Àr inte detsamma för varje bestÀllning. Detta kan göra det lÀttare att spÄra bestÀllningar i en inkorg full av e-postmeddelanden.

HÀr har vi Àndrat Àmnesraden för e-postmeddelanden för att lÀsa "Kundorder" och sedan kundnamnet. Vi anvÀnder "Visa smarta taggar" för att infoga namnfÀltet i Àmnesraden.

Ändra Ă€mnesraden i meddelandemeddelandet för att lĂ€gga till kundnamnet

Du kan ocksÄ Àndra alla andra detaljer du vill ha.

Vi rekommenderar starkt att du stÀller in e-postmeddelanden för dina kunder. Detta ger en pÄminnelse om vad de har bestÀllt och informerar dem om att du har fÄtt deras bestÀllning.

För att stÀlla in en ny e-postmeddelande, klicka pÄ knappen "LÀgg till ny avisering".

Klicka pÄ knappen "LÀgg till ny avisering" för att skapa en ny avisering

Du blir ombedd att ange ett namn för den nya meddelandet. Du kan kalla det vad du vill eftersom kunder inte kommer att se det hÀr namnet. Vi föreslÄr nÄgot som "Kundkvitto" eller "KundbekrÀftelse via e-post".

Ange ett namn för meddelandet som ska skickas till kunden

Du vill att "E-postleveransadress" ska vara kundens e-postkonto. Ta bort {admin_email} frÄn den hÀr rutan. Klicka pÄ "Visa smarta taggar" och vÀlj fÀltet "E-post".

StÀll in kundkvittot sÄ att det skickas till kunden

Du vill ocksÄ ange andra detaljer för e-postmeddelandet. Vi föreslÄr att du anvÀnder en Àmnesrad som "Din bestÀllning med" och ditt företags namn.

Ange ”FrĂ„n” -namn och e-postadress för kundkvittot

I fÀltet "Meddelande" vill du förmodligen lÀgga till ett meddelande till din kund. Taggen {all_fields} ger dig all information som kunden angav i formulÀret.

Redigera den e-postadress som din kund fÄr

Vad hÀnder om du bara vill inkludera en del av kundinformationen i e-postmeddelandet? Eller vad hÀnder om du vill lÀgga dina bestÀllningsuppgifter först och inkludera dina leveransinformation i slutet av e-postmeddelandet? Du kan helt enkelt anvÀnda smarta taggar för att lÀgga till valfritt formulÀrfÀlt till din form.

NÀr du Àr klar med att stÀlla in aviseringar klickar du pÄ "Spara" -knappen lÀngst upp pÄ skÀrmen.

Dricks: Om du vill gÄ tillbaka till den första aviseringen du redigerade blÀddrar du bara ner pÄ skÀrmen.

StÀll in bekrÀftelsemeddelande för dina kunder

Förutom att skicka dina kunder ett e-postkvitto, vill du visa dem en bekrÀftelse pÄ skÀrmen sÄ att de vet att deras bestÀllning har skickats.

Du kan göra detta under Konfiguration »BekrÀftelse tunga.

StandardbekrÀftelsen sÀger "Tack för att du kontaktar oss! Vi kommer tillbaka till dig inom kort.

Standardmeddelande för online-bestÀllningsformulÀret

Du kan Àndra detta till vad du vill, och du kan ocksÄ anvÀnda den visuella redigeraren hÀr för att formatera din text.

Anpassa bekrÀftelsemeddelandet som din klient kommer att se pÄ din skÀrm

Alternativt kan du omdirigera kunder till en "tack" -sida pÄ din webbplats eller till en annan webbplats helt.

NÀr du har konfigurerat bekrÀftelsemeddelandet klickar du pÄ "Spara" högst upp pÄ skÀrmen.

Integrera betalning med ditt bestÀllningsformulÀr (valfritt)

Om du vill göra betalningen via ditt bestÀllningsformulÀr mÄste du integrera den med en betalningsprocessor.

WPForms integreras mycket enkelt med tvÄ populÀra betalningsprocessorer, PayPal och Stripe. Kunder kan betala via sitt PayPal-konto eller genom att ange sina kreditkortsuppgifter.

Vi kommer att anvÀnda PayPal i den hÀr sjÀlvstudien, men processen för Stripe Àr liknande.

Först mÄste du lÀmna formulÀrbyggaren. Du kan göra detta genom att klicka pÄ "X" lÀngst upp till höger. Du blir ombedd att spara ditt formulÀr om du inte har sparade Àndringar.

GÄ sedan till WPForms »Plugins sida i din WordPress-instrumentpanel. Rulla ner till "PayPal Standard Plugin" och klicka pÄ knappen "Installera plugin" under den.

Installera PayPal-plug-in för WPForms

Plugin installeras och aktiveras automatiskt.

GÄ tillbaka till ditt formulÀr, som du hittar pÄ WPForms »Alla former. Klicka nu pÄ fliken "Betalningar".

VÀlj betaltjÀnster för att integrera med ditt formulÀr

Klicka pÄ "Standard PayPal" och fyll i formulÀrinformationen. Först mÄste du markera rutan "Aktivera standard PayPal-betalningar" och ange ditt företags PayPal-e-postadress.

LÀmna rullgardinsmenyn "LÀge" instÀllt pÄ "Produktion" och lÀmna "Betalningstyp" instÀllt pÄ "Produkter och tjÀnster".

PayPal-instÀllningssidan för ditt formulÀr

Om du samlar in leveransadressen via bestÀllningsformulÀret kan du Àndra "Frakt" till "BegÀr inte en adress".

Du behöver inte ange en "Avbryt URL", men du kan skapa en sida pÄ din webbplats som ska skickas till kunder om de inte slutför kassaprocessen.

Klicka pÄ "Spara" -knappen nÀr du Àr klar.

NÀr anvÀndaren skickar in formulÀret kommer de automatiskt att leda dem till PayPal för att betala. Du behöver inte lÀgga till nÄgra ytterligare fÀlt i formulÀret eller göra nÄgot annat.

LÀgg till bestÀllningsformulÀret pÄ din webbplats

Det sista steget Àr att lÀgga till ditt bestÀllningsformulÀr pÄ din webbplats.

VÀlj bara den sida du vill lÀgga till ditt formulÀr pÄ eller skapa en ny sida pÄ Sidor »LÀgg till nytt.

Klicka sedan pÄ ikonen (+) för att lÀgga till ett nytt block (dÀr du vill ha din form) och leta efter "WPForms" -blocket. Det finns under avsnittet "Widgets" i blocken, eller sÄ kan du bara skriva "WPForms" i sökfÀltet för att hitta det.

LÀgg till ditt bestÀllningsformulÀr online pÄ en sida pÄ din webbplats

Du kommer att se ett block med WPForms. Klicka pÄ rullgardinsmenyn "VÀlj ett formulÀr" och vÀlj ditt formulÀr.

VÀlj ditt online bestÀllningsformulÀr frÄn rullgardinsmenyn WPForms

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 live 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 verifiera att du fÄr e-postmeddelandet nÀr formulÀret skickas in. Om inte, kolla in vÄrt inlÀgg om hur du fixar WordPress-problemet att inte skicka e-post.

Även om du tappar ett e-postmeddelande eller av misstag raderar det, sparar WPForms formdata i WordPress-databasen. Du kan hitta alla dina bestĂ€llningar genom att gĂ„ till WPForm »Biljetter i din WordPress-instrumentpanel.

Klicka pÄ namnet pÄ formulÀret sÄ ser du en lista med poster. Du kan klicka pÄ "Visa" bredvid nÄgot av dessa för att se detaljerna.

Visa ifyllda bestÀllningsformulÀr i din WordPress-instrumentpanelen

Det Àr det! Vi hoppas att den hÀr artikeln har hjÀlpt dig att lÀra dig hur du skapar en online-bestÀllningsformulÀr i WordPress. Du kanske ocksÄ gillar vÄr guide för bÀsta telefonitjÀnster, och du mÄste ha WordPress-plugins för smÄ företag.

Om du gillade den hÀr artikeln, prenumerera pÄ vÄr kanal YouTube för att titta pÄ WordPress sjÀlvstudievideo. Du kan ocksÄ hitta oss pÄ Twitter och Facebook.