logo
logo

Donatie knoppen en formulieren

Paytium is een WordPress iDEAL plugin waarmee je op relatief eenvoudige wijze donatie knoppen kunt maken in WordPress. Site bezoekers kunnen die donaties afrekenen met verschillende betaalmethoden, waaronder iDEAL, Bancontact en credit card.

Wil je graag zien hoe andere mensen donaties ontvangen in hun website, lees dan de blog “iDEAL donaties ontvangen in WordPress”. Deze pagina laat zeer praktisch zien welke Paytium shortcodes je kunt gebruiken.

Installatie van de plugin

Je moet er eerst voor zorgen dat de plugin Paytium geïnstalleerd is, en dat je een account aangemaakt hebt bij Mollie. Hoe je dat doet staat beschreven in “Starten met Paytium“.

Nieuwe pagina aanmaken

Nu dat je site klaar is voor het ontvangen van betalingen, kun je de donatie knop/knop gaan toevoegen. Je kunt iDEAL knoppen en formulieren toevoegen in berichten en/of pagina’s. In deze handleiding voegen we een donatie knop toe aan een nieuwe pagina “Steun ons!”.

  1. In de WordPress admin ga naar: Pagina’s > Nieuwe pagina.
  2. Vul bij de titel bijvoorbeeld in “Steun ons!”.

Soorten donatie formulieren

In grote lijnen zijn er vier verschillende soorten formulieren waarmee je donaties kunt ontvangen in je WordPress website:

  • Een donatie met een vast bedrag
  • Een donatie met een door de bezoeker in te vullen bedrag
  • Een ‘dropdown’ veld, waarbij de gebruiker het bedrag kiest uit een vooraf vastgelegde lijst
  • Een veld met ‘radiobuttons’. Ook nu zijn de bedragen vooraf vastgelegd, maar is de weergave anders

We beschrijven in dit artikel voorbeelden van deze vier opties. Ieder formulier is trouwens uit te breiden met extra velden. Je kunt dit benutten om bijvoorbeeld een naam of e-mailadres van de gever te vragen. Daarnaast kun je ook terugkerende donaties instellen, zie daarvoor de handleiding Recurring payments in WordPress.

Donatie knop/formulier toevoegen

In je WordPress editor zie je nu een klein iDEAL knopje, waarmee je een speciale code (shortcode) kunt toevoegen. Er zijn een aantal voorbeeld codes die je kunt gebruiken.

  1. Klik op het iDEAL icoontje en in de dropdown kies “Basic product or donation, open amount”.
  2. De code voor de donatie knop is toegevoegd aan de pagina. Tip: je kunt meerdere codes per pagina plaatsen, en je kunt teksten en afbeeldingen plaatsen voor of na de code (het is uiteindelijk een gewone WordPress pagina).
  3. Neem je tijd om de toegevoegde code rustig te bekijken. Je kunt deze naar wens aanpassen.


Donatie, met open bedrag

Tijdens deze instructie kiezen we voor “Basic product or donation, open amount”. Met dit voorbeeld krijgen mensen de mogelijkheid om zelf een bedrag in te voeren die ze dan afrekenen. Onderstaand een voorbeeld van die code (die je ook kunt koperen vanaf deze website naar een bericht of pagina op jouw WordPress website).

Code

[paytium name="Formulier naam" description="Donatie" button_label="Doneren"]
[paytium_amount label="Donatie bedrag:" default="25" /]
[/paytium]

Resultaat

Donatie, met vast bedrag

Als je wilt dat mensen niet zelf een bedrag kunnen ingeven, kies dan voor “Basic product, static amount”. Onderstaand voorbeeld laat dat zien.

Code

[paytium name="Formulier naam" description="Donatie" amount="25" button_label="Nu €25 doneren"]
[/paytium]

Resultaat

Een dropdown veld, met vooraf bepaalde bedragen

De “NU KOPEN” tekst op de knop kun je wijzigen door in de shortcode bij button_label=”Nu kopen” bijvoorbeeld “Nu doneren” in te vullen.

Code

[paytium name="Formulier naam" description="Product naam of omschrijving" button_label="Nu kopen"]
[paytium_dropdown label="Opties" options="9,95/19,95/29,95" options_are_amounts="true" /]
[paytium_total label="Bedrag" /]
[/paytium]

Resultaat

Een veld met radiobuttons, met vooraf bepaalde bedragen

De functie van deze code is hetzelfde als die van de dropdown, de bedragen worden alleen op een andere manier gepresenteerd. De “NU KOPEN” tekst op de knop kun je wijzigen door in de shortcode bij button_label=”Nu kopen” bijvoorbeeld “Nu doneren” in te vullen.

Code

[paytium name="Formulier naam" description="Product naam of omschrijving" button_label="Nu kopen"]
[paytium_radio label="Opties" options="9,95/19,95/29,95" options_are_amounts="true" /]
[paytium_total label="Bedrag" /]
[/paytium]

Resultaat

iDEAL + WordPress nieuws

één email per maand • informatief • eenvoudig afmelden

Please wait...

Bedankt, je bent succesvol toegevoegd aan de nieuwsbrief!

WordPress expert

Paytium is een project van WordPress expert David de Boer, iDEAL specialist sinds 2008.

Mail gerust naar david@paytium.nl