Betalningsformulärstyper: Inbäddad, Överlägg eller Stripe Checkout

Har du velat lära dig mer om de olika typerna av betalningsformulär?

Betalningsformulär är ett av de viktigaste elementen på din e-handelswebbplats. De är den sista punkten dina besökare når innan de blir kunder. Medan välutformade betalningsformulär ger en friktionsfri kassaupplevelse och i slutändan ökar konverteringsgraden, kommer dåligt utformade betalningsformulär att förvirra besökare och leda till höga avbrutna kassor.

När det gäller att visa betalningsformulär på din WordPress-webbplats har du några alternativ.

• Inbäddade formulär: Formulär som visas direkt på en sida på din webbplats.
• Överlagringsläge: Formulär som visas som en popup-överlagring på din webbplats.
• Hanterade betalningssidor: Formulär utanför webbplatsen som visas på en hanterad kassasida.

I den här artikeln går vi igenom fördelarna och nackdelarna med varje formulärtyp för att hjälpa dig att bestämma vilken som är bäst för din webbplats.

Alternativ för visning av betalningsformulär

Om du använder WP Simple Pay, det främsta Stripe-betalningspluginet för WordPress, för att acceptera betalningar på din webbplats, kan du välja önskad formulärtyp under fliken Allmänt i formulärbyggaren för betalningar.

Du kan välja Betalningsformulär på webbplatsen, Stripe Checkout-formulär utanför webbplatsen eller markera rutan för Öppna i överlagringsläge.

Tänk på att dessa inställningar gäller för varje formulär. Du kan ha flera betalningsformulär på din webbplats som visas olika. WP Simple Pay gör det enkelt för dig att justera formulärets Typ för enskilda betalningsformulär i formulärbyggaren.

Inbäddat betalningsformulär

Ett inbäddat formulär är en del av en webbsida. Det visar alla fält på själva sidan. Användare behöver inte klicka på något för att formuläret ska visas eller navigera till det eftersom det alltid är synligt.

Här är ett exempel:

Du kan bädda in ett betalningsformulär var du vill på en sida. Du kanske bestämmer dig för att placera det vid sidan av din sidtext, ovanpå en fängslande bild eller i din sidofält.

Fördelar med inbäddade formulär

• Användare kan hitta dem snabbt eftersom de finns direkt på sidan.
• Användare behöver inte vidta några extra åtgärder för att komma åt dem.
• De kan stylas eller arrangeras om hur du vill.
• I WP Simple Pay använder de Stripe Payment Element för att ge realtidsvalidering och säkert samla in betalningsuppgifter.

Nackdelar med inbäddade formulär

• De tar upp plats på sidan som du kanske vill använda för andra element.
• De laddas omedelbart, vilket kan sakta ner din sidladdningstid.
• De kan missas om du har många saker som händer på sidan.
• Användare kan bli distraherade och navigera bort innan de använder formuläret.

Överlägg betalningsformulär

Överlagringsbetalningsformulär visas när en användare klickar på en uppmaningsknapp på en sida på din webbplats, vanligtvis står det något i stil med "Köp nu" eller "Betala nu".

När formuläret är aktivt är allt annat på sidan otillgängligt om de inte stänger formuläret.

Lägg märke till hur resten av sidan mörknas, så att du kan fokusera på betalningsformuläret.

Fördelar med överlagringsformulär

• Det går inte att missa eftersom de visas mitt på skärmen. Resten av sidan mörknas för att indikera att den är otillgänglig.
• De kan stylas eller arrangeras om hur du vill.
• I WP Simple Pay använder de Stripe Payment Element för att tillhandahålla realtidsvalidering och säkert samla in betalningsuppgifter.

Nackdelar med överlagringsformulär

• Vissa användare gillar helt enkelt inte popup-fönster av något slag och stänger dem omedelbart.
• Användare måste klicka på en knapp för att överlagringen ska visas.
• Användare kanske inte märker betalknappen om den inte görs tillräckligt tydlig.
• De skapar ett ytterligare steg där användare kan avbryta köpprocessen.

Stripe Checkout betalningsformulär

Stripe Checkout är en sida som hanteras av Stripes Checkout-tjänst. Användare tas till en ny sida på Stripes domän. Deras orderinformation visas till vänster. Ett typiskt betalningsformulär visas till höger.

Du kan se en live-demo här. Stripe Checkout-sidan kan inte anpassas ytterligare än vad som visas på den här sidan eftersom den styrs av Stripe. Om du behöver en högre grad av anpassning måste du välja ett inbäddat formulär eller ett överlagringsformulär.

För att anpassa detta formulär kan du enkelt göra det genom att navigera till fliken Stripe Checkout i WP Simple Pay. Här kan du konfigurera alla tillgängliga alternativ för Stripe-hanterade kassasidor.

Om du vill ändra färgen på Stripe Checkout-bakgrunden och betalknappen måste du ändra färgen i avsnittet Varumärke i din Stripe Dashboard. Du kan enkelt komma åt den här sidan direkt från fliken Stripe Checkout genom att helt enkelt klicka på länken Varumärkesinställningar.

Vill du lägga till anpassade fält i ditt Stripe Checkout betalningsformulär? Se vår steg-för-steg-guide.

Fördelar med Stripe Checkout

• Många människor litar på Stripe, vilket förbättrar konverteringar när de ser Stripe-logotypen.
• Stripes sida är ren och enkel. Det finns inget som distraherar användarna från att köpa.
• Användare omdirigeras tillbaka till din webbplats efter att ha slutfört sitt köp.
• Apple Pay och Google Pay är aktiverade som standard, så användare kan betala med sin föredragna betalningsmetod.

Nackdelar med Stripe Checkout

• Användare skickas till en ny sida, vilket kan vara förvirrande.
• Användare kanske inte märker betalknappen om den inte görs uppenbar.

Vilken typ av betalningsformulär är rätt för dig?

Nu när du förstår de tre olika visningsalternativen för betalningsformulär måste du bestämma vilket som är rätt för din webbplats.

Funktionellt sett finns det ingen skillnad mellan det inbäddade formuläret och överlagringsformuläret. Överlagringsformuläret är helt enkelt inbäddat i ett element som bara visas när användaren klickar på en knapp. Samma formulär, annan plats.

Stripe Checkout fungerar lite annorlunda eftersom det visas på en annan sida. Men i slutändan gör de alla samma sak: Acceptera pengar från kunden och sätta in dem på ditt konto.

Så, när du väljer ett visningsalternativ för betalningsformulär, måste du ta hänsyn till två faktorer:

1. Din webbplats design

Vilken typ av formulär ser bäst ut på din webbplats? Har du utrymme att bädda in ett formulär på en av dina landningssidor, eller skulle det röran till sidan? Om du har en befintlig landningssida utan utrymme för ett betalningsformulär är det oftast renare att lägga till ett överlägg.

Tänk på att du kan lägga till ditt betalningsformulär var som helst på din webbplats, inte bara i innehållsområdet på en sida eller ett inlägg. Du kan också inkludera det i din sidfot, sidofält eller sidhuvud.

Till exempel lägger många ideella organisationer och välgörenhetsorganisationer till en donationsknapp i sitt sidhuvud, vilket gör det möjligt för besökare att donera från vilken sida som helst.

2. Konverteringsoptimering

Fundera sedan på vilken typ av formulär som kommer att uppmuntra flest konverteringar. Fråga dig själv vilken typ av formulär dina kunder mest sannolikt kommer att interagera med. Du kan behöva göra lite kundundersökningar.

Sanningen är att det bästa sättet att avgöra vilken typ av formulär som maximerar konverteringar är att testa dem mot varandra. Du kan installera ett A/B-testningsplugin för att visa en version av din landningssida för hälften av din trafik och en andra version för den andra hälften. Varje sida bör ha en annan visningstyp för betalningsformuläret. Om du har mycket trafik kan du testa alla tre versioner samtidigt. Granska sedan resultaten efter 30-60 dagar.

Slutliga tankar

Nu när du förstår de tre olika typerna av betalningsformulär som du kan använda på din webbplats, välj den som är rätt för din verksamhet och dina kunder.

Tänk noga igenom detta beslut. Det kanske bara är ett formulär, men det representerar en betydande punkt i din relation med dina kunder.

Om du gillade den här artikeln kanske du också vill kolla in våra guider om hur du optimerar dina produktsidor för att öka försäljningen och hur du skapar perfekta betalningsformulär i WordPress.

Vad väntar du på? Kom igång med WP Simple Pay idag!

För att läsa fler artiklar som denna, följ oss på X.