Hoe maakt u een simpel betaalformulier met meerdere betaalopties

24 maart 2022

Het eerste wat u moet doen is identificeren hoeveel betaalmethoden u wilt gebruiken. In dit voorbeeld hebben we twee betaalmethoden: PayPal Standard en Purchase Order.

In ons geval hebben we in totaal drie formulieren:

  1. Hoofdformulier – het hoofdformulier die de twee andere formulieren zal huisvesten
  2. PayPal Standaard Formulier – zal de 1e betaalmethode zijn
  3. Purchase Order Formulier – zal de 2e betaalmethode zijn

STAP 1: Bouw het Eerste Formulier

  1. Ga naar uw Formulier Bouwer en voeg een Single Choice element toe, en label deze als betaalmethode.
Hoe maakt u een simpel betaalformulier met meerdere betaalopties Image-1

Dit dient als optie voor de gebruikers om te kiezen welke betaalmethode zij prefereren. Je zou andere velden kunnen gebruiken, hoewel we alleen willen dat gebruikers één type betaalmethode kiezen, zodat je een keuzerondje of een vervolgkeuzelijst kunt kiezen.

  1. We zullen dan twee iFrame Embed widgets toevoegen waar de betalingsformulieren PayPal Standard Formulier en Purchase Order Formulier ingebed of geladen zullen worden.
Hoe maakt u een simpel betaalformulier met meerdere betaalopties Image-2

We zijn voorlopig even klaar met het hoofdformulier.

Stap 2: Stel het eerste betalingsformulier in (PayPal Standard)

We zullen een nieuw formulier maken en een PayPal Standard-betaalgateway instellen. Kies op het tabblad betalingen voor PayPal Standard en voeg deze toe aan uw formulier.

Hoe maakt u een simpel betaalformulier met meerdere betaalopties Image-3

Als u meer wilt weten over het instellen van de integratie van betalingen, kunt u beginnen met deze handleidingen:

Stap 3: Het tweede betalingsformulier (inkooporder) instellen

Net als bij stap 2 maken we nog een betalingsformulier. Deze keer gebruiken we Purchase Order als betaalgateway.

Hoe maakt u een simpel betaalformulier met meerdere betaalopties Image-4

De Purchase Order betaalgateway is niet geïntegreerd met betaaldiensten van derden. Dit wordt meestal gebruikt als u wilt dat uw gebruikers betalen via een overschrijving of storting op uw bankrekening. U kunt een alinea-element gebruiken om de gebruikers te instrueren waar de betalingen moeten worden verzonden.

Step 4: Haal de URL van het Betalingsformulier op

De URL van het formulier vindt u op het tabblad publiceren van de Formulier Bouwer.

Hoe maakt u een simpel betaalformulier met meerdere betaalopties Image-5

Stap 5: Sluit de Betalingsformulieren in het hoofdformulier in

Ga nu terug naar het hoofdformulier en stel de URL’s in voor elk van de iFrame Embed-widgets.

  1. Open de Widget-instellingen door op het toverstaf pictogram van de widget te klikken.
  2. Plak de URL van het PayPal Standard Formulier in het veld Frame URL onder het tabblad General.
Hoe maakt u een simpel betaalformulier met meerdere betaalopties Image-6
  1. Doe hetzelfde voor de Purchase Order Formulier widget.

Stap 6: De Condities Instellen

We willen alleen het betaalformulier weergeven, afhankelijk van de keuze die de gebruiker heeft gemaakt op het keuzerondje. Hiervoor gebruiken we de voorwaarde veld weergeven/verbergen. Als u dieper in dit onderwerp wilt ingaan, volgt hier een handleiding over “velden tonen of verbergen op basis van antwoord van gebruiker”.

  1. Klik op Instellingen bovenaan en vervolgens op Voorwaarden aan de linkerkant. Hier kunt u een voorwaarde veld weergeven/verbergen maken.
Hoe maakt u een simpel betaalformulier met meerdere betaalopties Image-7
  1. Maak nu twee voorwaarden die de specifieke iFrame Embed-widget tonen op basis van de geselecteerde betaalmethode:
  • Als de Betalingsmethode gelijk is aan “PayPal”, toon dan het iframe van het PayPal-formulier.
Hoe maakt u een simpel betaalformulier met meerdere betaalopties Image-8
  • Als de betalingsmethode gelijk is aan “Inkooporder”, toon dan de Purchase Order Form  iframe.
Hoe maakt u een simpel betaalformulier met meerdere betaalopties Image-9

U heeft nu formulieren waarmee u meerdere betalingsopties kunt hebben.

Zorg ervoor dat u de knop Verzenden uit uw hoofdformulier verwijdert. Uw gebruikers zullen de inzendingen indienen via een van de betaalformulieren.

U kunt zien hoe mijn hoofdformulier werkt op deze link:
https://www.jotform.com/213133454169958

Voor een complexer formulier kunt u in deze gebruikershandleiding lezen hoe u een meerdere betaalopties formulier kunt bijwerken met behulp van het meerdere betaalopties formulier in de Form Gallery: Hoe u Meerdere Betaalopties Formulieren kunt bijwerken

Een andere alternatieve optie is om gebruikers naar een ander formulier-URL om te leiden op basis van de geselecteerde betaalmethode. Hier is een gids over hoe u de “URL van de bedankt-pagina op basis van een voorwaarde wijzigt”.

Contact Support:

Ons klantenondersteuningsteam is 24/7 uur per dag beschikbaar en onze gemiddelde reactietijd ligt tussen de 1 en 2 uur.
Ons team kan worden benaderd via:

Support Forum: https://www.jotform.com/answers/

Contact Jotform Support: https://www.jotform.com/contact/

Verstuur Opmerking:

Jotform Avatar
Deze site is beschermd met reCAPTCHA en het Privacybeleid en de Servicevoorwaarden van Google zijn van toepassing.

Podo Comment Wees de eerste om een reactie te geven.