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.
De integratie met Contact Form 7 is inbegrepen in de Pronamic Pay Premium plugin. Na aanschaf via pronamic.shop kan de plugin gedownload worden vanuit je account op pronamic.shop.
Inrichten Contact Form 7 betaalformulier
Benodigde tijd: 20 minuten
Volg onderstaande stappen om een betaalformulier in Contact Form 7 te maken.
- Creëer een nieuw Contact Form 7 formulier
Ga in jouw WordPress dashboard naar ‘Contact’ en maak een nieuw formulier aan.
- Voeg formuliervelden toe
Voeg de formuliervelden toe die voor jouw formulier van belang zijn, denk bijvoorbeeld aan NAW- en contactgegevens.
- Creëer een prijsveld
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.
- Geef het nieuwe prijsveld de
pronamic_pay_amountoptieVoeg binnen het in de vorige stap aangemaakte veld de optie
pronamic_pay_amounttoe. Zie ook voorbeeld 1 onder deze stappenlijst. - Voeg de tag
pronamic_pay_methodtoeVoeg aan het einde van het formulier, boven het submit-veld, de
pronamic_pay_methodtag 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. - Sla het formulier op
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.
Gebruik van standaard betalingsgateway
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.
Voorbeeld tags
Voorbeeldtag 1: prijsveld met opties
Het bedrag van een optie kan worden aangegeven door een verticaal streepje te gebruiken in de naam|waarde notatie.
<label>Bedrag</label>
[radio radio-amount pronamic_pay_amount use_label_element free_text default:1 "Betaal € 10,-|10" "Betaal € 20,-|20" "Betaal € 50,-|50" "Anders"]
Met zo’n veld kun je de tag [radio-amount] gebruiken in de e-mail die Contact Form 7 kan versturen voor het formulier. Om het label in plaats van de waarde het veld te gebruiken, voeg je de prefix _raw_ toe: [_raw_radio-amount].
Voorbeeldtag 2: betaalmethoden keuzelijst
<label> Kies een betaalmethode
[pronamic_pay_method method] </label>Aanvullende tag opties
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.
- pronamic_pay_amount
- pronamic_pay_description
- pronamic_pay_email
- pronamic_pay_issuer
- pronamic_pay_method
NAW-gegevens
- pronamic_pay_first_name
- pronamic_pay_last_name
- pronamic_pay_address_line_1
- pronamic_pay_address_line_2
- pronamic_pay_address_city
- pronamic_pay_address_region
- pronamic_pay_address_postal_code
- pronamic_pay_address_country_code
- pronamic_pay_address_company_name
- pronamic_pay_address_coc_number
Factuurgegevens
- pronamic_pay_billing_address_line_1
- pronamic_pay_billing_address_line_2
- pronamic_pay_billing_address_city
- pronamic_pay_billing_address_region
- pronamic_pay_billing_address_postal_code
- pronamic_pay_billing_address_country_code
- pronamic_pay_billing_address_company_name
- pronamic_pay_billing_address_coc_number
Verzendgegevens
- pronamic_pay_shipping_address_line_1
- pronamic_pay_shipping_address_line_2
- pronamic_pay_shipping_address_city
- pronamic_pay_shipping_address_region
- pronamic_pay_shipping_address_postal_code
- pronamic_pay_shipping_address_country_code
- pronamic_pay_shipping_address_company_name
- pronamic_pay_shipping_address_coc_number
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_*.
Uitstellen van e-mailnotificaties
Het uitstellen van de e-mail notificaties na het succesvol verwerken van een betaling is niet mogelijk.