Så här använder du blocket för betalningsformulär

Lästid: 4 minuter | Svårighetsgrad: Nybörjare

Översikt

Blocket WP Simple Pay – Betalningsformulär är det rekommenderade sättet att infoga ett betalningsformulär i ett Gutenberg-inlägg eller en sida. Det ger en live-förhandsgranskning av formuläret inuti redigeraren, exponerar visningsalternativ i blockets sidofält och renderar samma formulär på sidan som en kund skulle se – utan att du någonsin behöver kopiera en kortkod.

Blocket är funktionellt ekvivalent med kortkoden men är mer lätt att hitta och ger redigeringsförhandsgranskningar som återspeglar formulärets aktuella inställningar för Form Style.

Förutsättningar

• WP Simple Pay (vilken nivå som helst – blocket levereras med gratispluginet)
• En WordPress-webbplats som kör blockredigeraren (Gutenberg)
• Minst ett publicerat betalningsformulär

Steg 1: Infoga blocket

1. Redigera inlägget eller sidan där du vill att formuläret ska visas.
2. Klicka på +-infogaren för block.
3. Sök efter WP Simple Pay eller Betalningsformulär.
4. Klicka på blocket WP Simple Pay – Betalningsformulär.

En platshållare visas som uppmanar dig att välja ett formulär.

Steg 2: Välj ett formulär

Använd rullgardinsmenyn i blockets platshållare för att välja vilket publicerat betalningsformulär som ska renderas. När det har valts ersätter blocket platshållaren med en live-förhandsgranskning av formuläret, inklusive titel, beskrivning, fält och skicka-knappen – stylat med formulärets aktuella Form Style-inställningar.

Om du ändrar en Form Style för ett formulär efter att ha infogat blocket, uppdateras förhandsgranskningen nästa gång du laddar om redigeraren.

Steg 3: Konfigurera visningsalternativ

Med blocket valt exponerar sidofältet med blockinställningar två växlar:

• Visa titel – När den är aktiverad (standard) visas formulärets titel ovanför fälten. Inaktivera för att dölja titeln – användbart när den omgivande sidan redan har en rubrik.
• Visa beskrivning – När den är aktiverad (standard) visas formulärets beskrivningstext ovanför fälten. Inaktivera för kompakta layouter.

Om du inaktiverar båda, undertrycks titel/beskrivningsbehållaren helt så att det inte finns något kvarvarande tomrum.

Blocket stöder också Centrerad justering via standardverktygsfältet för block. När det är centrerat, centreras formuläret, den inbäddade rubriken och skicka-knappen horisontellt inom sidans innehållsbredd och rubrikområdet begränsas till en maximal bredd på 400px.

Steg 4: Publicera och förhandsgranska

Spara eller publicera sidan. Visa den på frontend för att se formuläret i dess renderade tillstånd. Block använder samma renderingspipeline som kortkoden, så beteendet på frontend är identiskt.

Block vs Kortkod

	Block	Kortkod
Redigeringsförhandsgranskning	Live, stylad	Ingen — endast platshållare
Visningsväxlar	UI-kryssrutor	Redigera kortkodens attribut manuellt
Justering	Blockverktygsfält	Omge med HTML/CSS
Fungerar i klassisk redigerare	Nej	Ja
Fungerar i widgets	Ja (block-widgets)	Ja
Fungerar i sidbyggare	Beror på byggare	Ja (universell)

När du ska använda blocket: Moderna Gutenberg-inlägg och sidor, FSE-mallar, blockbaserade widgets.

När du ska använda kortkoden: Klassisk redigerare, sidbyggare utan inbyggt blockstöd, anpassade temamallar där du anropar do_shortcode() direkt.

Vanliga frågor

Formulärförhandsgranskningen visas men kunder kan inte betala — varför?

Blocket renderar samma formulär för redigeringsförhandsgranskningen som för besökare. Om förhandsgranskningen visar formuläret men inlämningar misslyckas, ligger problemet hos själva formulärkonfigurationen (saknar betalningsmetod, ogiltiga Stripe-nycklar, saknar obligatoriskt fält) snarare än blocket. Kontrollera WP Simple Pay > Betalningsformulär och formulärets flikar Allmänt/Betalning.

Kan jag använda flera Betalningsformulär-block på samma sida?

Ja — varje block kan rendera ett annat formulär. Pluginets frontend-resurser är tillräckligt smarta för att hantera flera formulär på samma sida utan konflikter.

Varför matchar inte redigeringsförhandsgranskningen det jag ser på frontend?

Redigeringsförhandsgranskningen återspeglar formulärets sparade tillstånd i det ögonblick redigeraren laddades. Om du har gjort ändringar i formuläret i en annan flik, spara/uppdatera redigeraren för att se dem. Frontend renderar alltid den senaste sparade versionen.

Fungerar blocket i Full Site Editing (FSE) mallar?

Ja. Blocket kan infogas i alla blockmedvetna sammanhang, inklusive FSE-mallar, mall-delar och återanvändbara block/mönster.

Kan jag styla det inbäddade formuläret oberoende per sida?

Formulärstil är per formulär, inte per block. För att använda olika stilar på olika sidor, skapa flera formulär och infoga lämpligt block på varje sida.

Vad är skillnaden mellan detta och WP Simple Pay-knappblocket?

Betalningsformulärblocket bäddar in hela formuläret inline. Knappblocket visar bara en knapp som öppnar formuläret i ett överlägg (modal) när den klickas – användbart för landningssidor där du vill ha en ren call-to-action snarare än ett synligt formulär. Se Hur man använder betalningsknappblocket.

Vad händer härnäst?

• Hur man stylar dina betalningsformulär med formulärstil – Anpassa hur det inbäddade formuläret ser ut
• Hur man använder blocket för prenumerationshantering – Låt prenumeranter hantera sina planer
• Hur man konfigurerar allmänna inställningar för ett betalningsformulär – Konfigurera själva formuläret