Vil du gøre det nemmere, hurtigere og mere brugervenligt at modtage betalinger på dit WordPress-websted? Med Multistep-betalingsformularen i WordPress ved hjælp af Forminator kan du oprette elegante, interaktive formularer, der guider brugerne trin for trin gennem betalingsprocessen. Dette er ideelt til servicebaserede websteder, kursustilmeldinger, eventbookinger eller simple e-handelsbehov.
Forminators gratisversion er fyldt med kraftfulde funktioner som træk-og-slip-felter, dynamiske betalingsmetoder og Stripe-abonnementsformularer, alt imens den løser almindelige problemer som f.eks. rettelse af indlæsning af første formular, rettelse af beregningsfejl, rettelse af ugyldig Stripe-nøgle, rettelse af brugerloginformularer og rettelse af integration med Google Sheets.
I denne blog vil vi gennemgå, hvordan du opsætter din egen flertrins betalingsformular i WordPress ved hjælp af Forminator, og fremhæve vigtige rettelser og funktioner for at sikre, at alt kører problemfrit.
Hvorfor bruge Forminator til betalingsformularer?
Forminator er en kraftfuld og brugervenlig WordPress-formularbygger, der gør det utrolig nemt at oprette brugerdefinerede betalingsformularer, selv for begyndere.
Med over 600.000 aktive installationer er den betroet af webstedsejere på tværs af brancher til alt fra leadgenerering til online betalinger og registreringer.
Det, der adskiller Forminator, er dens alsidighed. Den tilbyder en bred vifte af formulartyper, herunder betalingsformularer, registreringsformularer, loginformularer, afstemninger, quizzer og meget mere.
Vigtigst af alt kommer den med indbygget understøttelse af Stripe og PayPal , hvilket gør det nemt sikkert at indsamle engangsbetalinger, abonnementer eller donationer direkte via dit websted uden behov for yderligere plugins eller komplekse integrationer.
Forminator er også fremragende til at bygge formularer i flere trin, hvilket giver dig mulighed for at opdele lange eller komplekse formularer i mindre, brugervenlige trin. Dette forbedrer ikke kun brugeroplevelsen, men reducerer også antallet af forladte formularer.
Med funktioner som betinget logik, visuelle statusindikatorer og beregningsfelter kan du oprette avancerede betalingsworkflows, der er skræddersyet til dine forretningsbehov, uanset om det drejer sig om booking af tjenester, tilmelding til kurser eller salg af produkter.
Og da det er et gratis plugin, får du adgang til alle disse robuste funktioner uden nogen form for startomkostninger. For virksomheder, der leder efter en nem, fleksibel og moderne løsning til at oprette betalingsformularer, er Forminator et af de bedste værktøjer derude.
Sammenlign : Square vs PayPal
Brug for hjælp til at oprette en brugerdefineret betalingsformular?
Lad Seahawks WordPress-eksperter bygge og optimere dine flertrins Forminator-formularer, fuldt designede, sikre og skræddersyede til dine behov.
Trin til at oprette en WordPress-betalingsformular ved hjælp af Forminator Forms
Det er nemmere end nogensinde at skabe en problemfri betalingsoplevelse på din WordPress-hjemmeside med Forminator.
Lad os gennemgå den trinvise proces med at konfigurere en dynamisk betalingsformular med avancerede funktioner og vigtige rettelser, der forbedrer funktionalitet, sikkerhed og brugervenlighed.
Trin 1: Installer og aktivér Forminator-pluginet
Først og fremmest er installation af Forminator-pluginnet hurtigt og ligetil.
- Gå til dit WordPress-dashboard og naviger til Plugins ⟶ Tilføj nyt .
- Forminator ” i søgefeltet
- Klik på Installer og derefter Aktiver .
Forminator er et gratis plugin med over 600.000 aktive installationer, der løbende opdateres med rettelser som f.eks. rettelsen til testdashboardet, rettelsen til indstillingssiden og rettelsen til manuel aktivering, hvilket sikrer stabil ydeevne. Det er også udstyret med rettelser til formularindsendelse og rettelser til API-metoder for at understøtte problemfri backend-behandling.
Trin 2: Opret en ny formular fra bunden
Når den er aktiveret:
- Gå til Forminator ⟶ Formularer ⟶ Opret ny .
- Vælg Tom formular for at starte fra bunden, eller brug en af rettelsesmulighederne under forhåndsvisning af formularskabeloner.
Tilføj en titel og undertitel direkte i formularbyggeren. Du kan anvende brugerdefineret styling eller bruge korrekt CSS-syntaks for at forbedre udseendet.
Forminator understøtter avancerede formularer, der inkluderer betinget synlige felter (takket være den betingede logikrettelse) og forskellige formulartyper som rettelse af tilmeldingsformularer til flere websteder og rettelse af kursustilmeldingsformularer.
Formularbyggeren undgår nu rettelser i forældet tabelstruktur og inkluderer adskillige forbedringer af tilgængeligheden, der sikrer, at dine formularer er brugbare og kompatible.
Trin 3: Tilføj felter til valg af produkt eller tjeneste
Dette trin bestemmer, hvordan brugerne vælger, hvad de betaler for, hvad enten det er produkter, abonnementer eller tjenester.
Brug af valgfeltet (til flere varer som sofaer) : Tilføj et valgfelt for produktmuligheder som Moderne sofa, Klassisk eller Lænestol.
- Aktivér flere valg, prisfastsættelse og brug af formler i beregningsfelter for at automatisere totaler.
- Formularen håndterer nu rettelser af talformatering, rettelser af standardværdier og rettelser af samme række, perfekt til produktlister.
Eksempel på brugsscenarie : En møbelsælger kan oprette flere formularer til forskellige kategorier og administrere produktpriser dynamisk. Disse formularer undgår problemer som f.eks. fejl i formularer, manglende funktionalitet og inkluderer løsninger på betalingsrelaterede funktioner.
Brug af radioknapfeltet med billeder (til visuel udvælgelse) : Brug radioknappen til at lade brugerne vælge et produkt visuelt.
- Upload produktbilleder som sofaborde for hver mulighed.
- Angiv et standardvalg, og brug betinget logik til dynamiske flows.
Med den samme rettelse af faneblade og advarselsboksdesign oplever brugerne nu en mere jævn brugerflade. Derudover giver rettelsen af det rige tekstområde mulighed for formaterede beskrivelser med produktvisualiseringer.
Vælg vs. Radio : Brug Vælg til flere eller massevalg med beregninger; vælg Radioknapper, når visuelt valg og logik med enkeltvalg er vigtigere.
Forminators opdaterede build adresserer også problemer som rettelse af PDF-betalingsfelter, rettelse af PayPal-faktureringsoplysninger, rettelse af Google Sheets-forbindelse, inline-validering af eksisterende Google Sheets-filer og upload af filer, hvilket gør den til en robust løsning til ethvert online betalingsscenarie.
Hold øje med de næste trin, hvor vi tilføjer betalingsgateways, anvender betinget logik og færdiggør din betalingsformular med sikkerhedsrettelser til kryptering af sikker hemmelig nøgle og sikkerhedsrettelser til sårbarheder.
Vil du have en visuel gennemgang? Se denne trinvise video om oprettelse af en flertrins betalingsformular ved hjælp af Forminator, og se hele processen i aktion!
Trin 4: Indsaml kundeoplysninger
Når dine brugere har valgt produkterne eller tjenesterne, er det tid til at indsamle deres kontakt- og leveringsoplysninger. For bedre organisering og brugerflow kan du indsætte et sideskift for at adskille produktvalget fra personlige oplysninger.
Anbefalede felter at tilføje:
- Fulde navn: Brug feltet Navn (ikke blot et almindeligt tekstfelt) til strukturerede input. Dette avancerede felt hjælper dig med at undgå de almindelige formularfejl, der ses ved forkert formaterede navneinput.
- E-mailadresse med bekræftelse: Brug den indbyggede e-mailbekræftelsesmulighed. Dette forhindrer problemet med ugyldige eller forkerte data og forbedrer leveringsnøjagtigheden. Understøtter også e-mailbaseret betinget logisk rettelse.
- Telefonnummer: Tilføj et nummerfelt med international valideringsrettelse aktiveret, hvilket sikrer landespecifik formatering. Sørg for at inkludere en rettelse af nummerformateringen for at undgå datauoverensstemmelser.
- Adresse: Brug et adressefelt med flere rækker, der registrerer: Gade, by, stat, land, postnummer.
- Leveringsdato og -tidspunkt: Brug dato- og tidsvælgerfelterne. Disse felter drager fordel af den samme rækkerettelse og opdateringer af CSS-syntaksfejl for at forbedre layout og brugeroplevelse.
Disse input understøtter også inline-validering af upload af filer, hvis brugerne har brug for at vedhæfte billeder (f.eks. betalingsbevis eller designreferencer).
Trin 5: Opsæt betalingsopkrævning
Indsæt et ekstra sideskift for at segmentere formularen pænt før betalingstrinnet. Dette forbedrer brugervenligheden og reducerer antallet af fejl før indsendelse, der skyldes en rodet brugergrænseflade.
Tilføj betalingsfeltet (PayPal eller Stripe): Forminator tilbyder dynamiske betalingsmetoder, der giver dig mulighed for at vælge mellem PayPal eller Stripe. Tilføj én baseret på dine præferencer:
- For PayPal introducerede Forminator for nylig en rettelse af PayPal-faktureringsoplysninger for at forbedre nøjagtigheden.
- For Stripe sikrer den seneste løsning til kryptering af hemmelige nøgler sikre transaktioner.
Indsæt beregningsfelt : Dette felt summerer dynamisk prisen på alle valgte produkter/tjenester. Det understøtter nu rettelsen af formlerne i beregningsfeltet, hvilket hjælper med at undgå ødelagte totaler på grund af forkert logik.
Samtykkeafkrydsningsfelt: Inkluder altid et afkrydsningsfelt med brugerdefinerede vilkår og betingelser. Dette felt drager fordel af rettelsen af standardfeltfejlmeddelelser, der sikrer, at brugerne ved præcis, hvad der kræves.
Tilslut betalingskonto (PayPal eller Stripe) : Gå til Forminator ⟶ Indstillinger ⟶ Betalinger, og indtast: Klient-ID og hemmelig nøgle
Skift mellem sandkassetilstand til test og livetilstand til rigtige betalinger. Den manuelle aktiveringsløsning giver dig mulighed for at skifte tilstand sikkert uden at indtaste dine loginoplysninger igen.
Trin 6: Opsætning af priser og beregninger
Nu hvor dine produkt- og betalingsfelter er klar, er det tid til at tildele priser og konfigurere logikken bag din formulars dynamiske prisfastsættelse.
Trin:
Aktivér beregninger på produktfelter: Gå ind i hvert felt (Vælg, Alternativ eller Afkrydsningsfelt), og slå "Aktivér beregning" til. Tildel numeriske værdier til hver indstilling.
Tildel priser: Tilføj værdier som:
- Moderne sofa: $500
- Klassisk sofa: $350
- Lænestol: $600
Konfigurer beregningsfeltet : Tilføj et beregningsfelt. Brug formelbyggeren til at opsummere de valgte produktpriser. Du kan nu forhindre fejlrettelser i data og fejlrettelser i Ajax-indsendelsesmetoden via den opdaterede logikeditor.
Omdøb feltet: Giv beregningsfeltet en tydelig etiket, f.eks. Totalbeløb eller Betales nu. Hjælper med at forhindre brugerforvirring og understøtter standardværdirettelse for tomme indsendelser.
Trin 7: Styling- og tilpasningsmuligheder
Når din flertrins WordPress-betalingsformular er funktionel, er det tid til at tilpasse dens udseende for en problemfri, brandet oplevelse.
Under indstillingerne for udseende i Forminator kan du vælge mellem layoutstile som Materiale, Standard eller Arv fra tema. Du kan yderligere justere designet, tilpasse skrifttyper, bredder og farver, så de matcher din branding.
Udnyt også sikkerhedsforbedringer og sikkerhedsrettelser til forminator-tilføjelser for at sikre, at formularstyling ikke kompromitterer ydeevne eller sikkerhed.
Endelig giver adfærdsindstillinger dig mulighed for at definere, hvad der sker efter indsendelse af formularen, uanset om det er en takkebesked, en rettelse af en sideindlæsning eller en omdirigering til en bestemt side.
Trin 8: Udgivelse af flertrinsbetalingsformularen
Når du har bygget og tilpasset din formular, skal du udgive den ved at kopiere den genererede shortcode. Indsæt denne på en hvilken som helst WordPress-side ved hjælp af en shortcode-blok. Tryk på "udgiv" og test din formular.
Sørg for, at formularen skifter problemfrit mellem trin, at felter vises korrekt (især rettelse af betinget synlige felter), og at betalinger behandles uden forsinkelser.
Rettelsen til forhåndsvisning af lukkeformularen sikrer også, at forhåndsvisningstilstanden afsluttes pænt, hvilket hjælper med at forhindre forvirring under testning.
Trin 9: Yderligere tips og avancerede funktioner
For yderligere at forbedre din formular kan du overveje at bruge betinget logik. Vis f.eks. kun et leveringsfelt, hvis et specifikt produkt er valgt, hvilket er nemt at administrere takket være rettelsen af betinget synlige felter.
Opsæt e-mail-notifikationer ved hjælp af rettelsen til tilføjelse af flere modtagere for at underrette både administratoren og brugeren. Du kan spore konverteringer og se indsendelser i dashboardet, hvilket er fantastisk til sporing af brugsdata.
Derudover kan du integrere Forminator med tredjepartsværktøjer som Mailchimp , Slack og Google Sheets.
Hvis formularer er blevet importeret tidligere, men ikke vises, sikrer rettelsen "Importér formularer" og "Importeres ikke", at de vises korrekt. Disse integrationer, kombineret med oprettelsen af forudindstillede rettelser og rettelser til rapportsider, hjælper med at overvåge og automatisere arbejdsgange.
Trin 10: Endelig forhåndsvisning og testning
Før du går online, skal du forhåndsvise hele flertrinsformularen for at sikre:
- Bløde overgange mellem trin
- Visuel konsistens og responsivitet
- Betalingsbehandlingen fungerer uden problemer
Vær særlig opmærksom på sandbox- vs. live-betalingsmetoder, tilslut dine loginoplysninger korrekt, og test begge miljøer. Brug rettelsen "upload fuldført" til at bekræfte, at filuploads er gennemført korrekt, og brug rettelsen "fjernelse af overskredne filer" og "overskredne filer" til at administrere filstørrelsesgrænser effektivt.
Sørg også for, at brugerne ser en tydelig besked om, at kontoregistreringen er gennemført, når det er relevant, og bekræft, at funktionen "Free multiple formulars" og "Oprettelse af flere formularer" forhindrer dobbeltarbejde eller overlap, hvis du integrerer mere end én formular på dit websted.
Med de rigtige tests og rettelser vil din WordPress-betalingsformular ved hjælp af Forminator være fuldt funktionel, sikker og konverteringsoptimeret.
Lær mere : Sådan integrerer du en betalingsgateway på dit WordPress-websted
Konklusion
Det er ikke kun nemt at oprette en WordPress-betalingsformular ved hjælp af Forminator, men også yderst effektivt. Med sin intuitive træk-og-slip-builder, indbyggede betalingsintegrationer og dynamiske feltmuligheder giver Forminator brugerne mulighed for at oprette fuldt funktionelle flertrinsformularer uden at skrive en eneste linje kode.
Uanset om du sælger et par produkter, tager imod servicebookinger eller opkræver betalinger for events, er Forminator et effektivt værktøj, der tilpasser sig dine behov.
Fra håndtering af beregninger og sideskift til løsning af almindelige problemer som f.eks. rettelse af sideindlæsning, rettelse af betinget synlige felter og rettelse af fuldført upload, tilbyder dette plugin en brugervenlig måde at administrere både formularoprettelse og ydeevne.
Så hvis du er klar til at strømline din betalingsopkrævningsproces, så begynd at eksperimentere med Forminator i dag!
Har du brug for hjælp til opsætning af brugerdefinerede formularer, eller vil du udforske flere WordPress-tutorials? Kontakt vores ekspertteam hos Seahawk, og lad os sammen bygge noget effektivt.
