In deze handleiding beschrijven we het koppelen van de Pronamic Pay plugin met Contact Form 7. We gaan er daarbij vanuit dat er al een werkende configuratie voor de betalingsprovider is aangemaakt in WordPress. Raadpleeg eerst Pronamic Pay – Getting Started als er nog geen configuratie is aangemaakt.
Heb je al een Basic licentie? Door in te loggen op je accountoverzicht op pronamic.eu kun je de Contact Form 7 Add-on downloaden.
Benodigde tijd: 20 minuten.
Volg onderstaande stappen om een betaalformulier in Contact Form 7 te maken.
Ga in jouw WordPress dashboard naar ‘Contact’ en maak een nieuw formulier aan.
Voeg de formuliervelden toe die voor jouw formulier van belang zijn, denk bijvoorbeeld aan NAW- en contactgegevens.
Voeg een veld toe waarmee het bedrag van de betaling wordt opgemaakt. Dit kan een veld van het type tekst, getal, dropdown, selectievakjes of keuzerondjes zijn. Vul de waarden van het veld met de prijs of prijsopties die in rekening gebracht moeten worden. Voeg het veld toe aan je formulier.
pronamic_pay_amount
optie Voeg binnen het in de vorige stap aangemaakte veld de optie pronamic_pay_amount
toe. Zie ook voorbeeld 1 onder deze stappenlijst.
pronamic_pay_method
toe Voeg aan het einde van het formulier, boven het submit-veld, de pronamic_pay_method
tag toe. Gebruik hiervoor de ‘betaalmethode’ tag knop boven het formulier. Daarbij kan ook geselecteerd worden welke betaalmethoden op het formulier gebruikt mogen worden. Indien er geen betaalmethoden zijn geselecteerd, zullen alle beschikbare betaalmethoden beschikbaar zijn. Zie ook voorbeeld 2 onder deze stappenlijst.
pronamic_pay_issuer
toe Voeg boven het submit-veld de pronamic_pay_issuer
tag toe als je gebruik maakt van de iDEAL betaalmethode. Gebruik hiervoor de ‘bankenlijst’ tag button boven het formulier. Deze tag toont — indien ondersteund door de betalingsprovider — een keuzelijst met banken voor de betaling via iDEAL. Zie ook voorbeeld 3 onder deze stappenlijst.
Sla het formulier op, kopieer de shortcode die bovenaan de pagina wordt gegenereerd en voeg deze toe aan de pagina waarop je het formulier wilt tonen.
De gebruiker wordt na het invullen en verzenden van het formulier automatisch doorgestuurd naar de betaalomgeving van de bank. Hierbij wordt automatisch de standaard betalingsgateway gehanteerd, zoals ingesteld bij WordPress admin » Betalen » Instellingen.
Het bedrag van een optie kan worden aangegeven door een verticaal streepje te gebruiken in de naam|waarde
notatie.
<label>Bedrag</label> [radio radio-582 pronamic_pay_amount use_label_element free_text default:1 "Betaal € 10,-|10" "Betaal € 20,-|20" "Betaal € 50,-|50" "Anders"]
<label> Kies een betaalmethode [pronamic_pay_method method] </label>
Dankzij de Contact Form 7 – Conditional Fields plugin is het mogelijk om velden alleen te tonen als aan een bepaalde voorwaarde is voldaan op het formulier. Dat is bijvoorbeeld handig om een bankenlijst voor iDEAL alleen te tonen als de betaalmethode iDEAL in het betaalmethode-veld is geselecteerd. Door de [group groep-naam] … [/group] tag om een veld te plaatsen, kan via het tabblad ‘Conditionele velden’ in de formulier editor een voorwaarde ingesteld worden voor het tonen van het veld.
[group pronamic_pay_issuer] <label> Kies bank voor iDEAL [pronamic_pay_issuer issuer] </label> [/group]
Binnen het tabblad ‘Conditionele velden’ selecteer je het pronamic_pay_issuer
veld, als methode moet dit veld gelijk staan aan de waarde ideal
.
Er zijn enkele aanvullende opties voor tags om meer informatie door te sturen in een betaalverzoek. Door deze opties in te voegen wordt de betreffende data meegestuurd en opgeslagen. Aan de hand van deze data zijn alle betalingen later beter administratief te verwerken en beter te herleiden aan een betreffende gebruiker.
Notitie: het pronamic_pay_address_* veld wordt voor zowel het factuur- als verzendadres gebruikt, tenzij dat verder gespecificeerd is met pronamic_pay_billing_address_* en pronamic_pay_shipping_address_*.
Het uitstellen van de e-mail notificaties na het succesvol verwerken van een betaling is niet mogelijk.