Categorieën
Wordpress-Website

PEP-frm QR code plug-in voor betalingen

Voeg eenvoudig QR code betaalmogelijkheid toe aan Wordpress website.

Doel

Toevoegen van betaalmogelijkheid aan website met PEP form QR code plug-in. Op website te gebruiken voor het ontvangen van betalingen, donaties. Maar ook toe te voegen in facturen.

De plug-in is voor € 30,25 (incl. 21% BTW) verkrijgbaar via de bestelpagina.

Aanleiding/overwegingen

  • Voor iemand met een particuliere betaalrekening is het lastig betalingen te ontvangen via website of (webwinkel).
  • Met een zakelijke rekeningen is het mogelijk iDeal betalingen te ontvangen via een zogenaamde ‘payment service provider’, maar daarvoor worden abonnementskosten of een bedrag per transactie gerekend.
  • Het is mogelijk een betaalverzoek te genereren en dan de link op de website plaatsen. Het vervelende is dat deze een beperkte levensduur heeft. De link moet daarom telkens worden ververst. Ook is het voor website bezoeker niet mogelijk een opmerking aan de betaling toe te voegen.
  • De European Payments Council Quick Response Code richtlijnen bepalen de inhoud van de QR code die gebruikt kan worden om een SEPA credit transfer (SCT) te verrichten. Zie EPC.
  • Een EPC-QR-Code is dus een gestandaardiseerde code, die alle benodigde gegevens voor een overmaking bevat.
  • Makkelijk om te scannen. U hoeft geen naam en rekeningnummer meer in te vullen. Ideaal om op de website te scannen voor een online betaling, te printen zodat anderen het kunnen scannen, of om op te nemen in een factuur.
  • Ik kwam op de gedachte zelf de QR code zelf op de website te genereren en heb een plug-in gemaakt voor mijn Woocommerce webwinkel (https://peppink.nl/index.php/winkel/).
  • Daarnaast heb ik een variant gemaakt met een formulier, zoals hier op de website in gebruik (https://ict.peppink.nl/betaling/) en hieronder beschreven.
  • Bedrag en Opmerking/reden van betaling, zouden dan wel via een formulier ingevuld moeten kunnen worden.
  • Het betreft een rechtstreekse overmaking en u ontvangt de betaling zonder aan derden kosten af te dragen. Het is ook mogelijk met een particuliere betaalrekening.

Veiligheid

  • Het is veilig omdat de QR code geen link bevat die naar een andere website leidt en daardoor op één of andere wijze misbruikt zou kunnen worden.
  • De gegevens zijn bovendien in de eigen bank app te controleren alvorens de betaling te doen.
  • Ook wordt de QR code binnen de website bewaard met een naam die door anderen niet te raden is. De naam van het png plaatje wordt gemaakt op grond van een aantal gegevens, die gecodeerd worden met MD5.
  • Bij verzending per mail, wordt de bestandsnaam bovendien nog gewijzigd (ingekort) tot “QR-betaalcode-1a2b3c4d5e.png”, waarbij “1a2b3c4d5e” slechts de laatste 10 karakters van de hash bevatten. Het lijkt me niet dat daarmee de originele link naar het bestand door anderen is te achterhalen, laat staan te genereren.
  • En dan nog…. met de QR code is het slechts mogelijk het ingevulde bedrag naar uw bankrekening over te maken.
  • Invoer in het formulier wordt gecontroleerd om misbruik (richting de database) af te vangen.
  • Bij de het resultaat formulier wordt tenslotte nog gecontroleerd of de QR code wel is gegenereerd op basis van het invul formulier.
  • De notificatie mail naar website eigenaar geeft ook de ‘user agent’ en het IP adres van de bezoeker mee. Eventuele pogingen tot misbruik komen zo snel aan het licht.

Opzet

  • Plug-in met instellingen pagina in drie secties:
    • Bank informatie instellingen
      Met SEPA informatie en bank gegevens (BIC, Naam, IBAN).
    • Formulier informatie instellingen
      Met vrije configuratie van de gegevens die in twee tekst velden bij de QR code op het scherm zullen verschijnen.
    • Notificatie instellingen
      Optioneel per E-mail verzenden van bevestiging met bijsluiten van de gegenereerde QR code.
  • Invul formulier:
    • Toont de bankinformatie (uit instellingen) voor evt. handmatige overmaking (tevens controle op juistheid).
    • Geeft de invul velden voor bedrag, reden van overmaking en optioneel E-mail adres voor notificatie.
  • Resultaat formulier:
    • Toont in tabel de gegenereerde QR code
  • Beperkingen:
    • Ik documenteer al mijn scripts met steenkolen Engels.
    • Tekst van formulieren en E-mail is deels in de code van de plug-in opgenomen en nog uitsluitend in Nederlands..

Voorbereiding

  • Erkenning
    De plug-in is ontwikkeld op basis van:
  • Ik ga uit van WordPress versie 5.7.2 of hoger. Met lagere versies werkt het vermoedelijk, maar heb ik niet getest.
  • Tenminste PHP 5 met GD2 extensie voor JPEG en PNG support is vereist., maar ik ga uit van PHP versie 7.4.
  • Check of WordPress mail functionaliteit werkt.

Uitvoering

  • Geleverde ZIP bestand bevat al wat nodig is.
    Bekijk readme.txt bestand voor een overzicht van
    • Requirements
    • Installation and Activation
    • Configuration
    • Quick start your payment form
    • Unininstall
    • Version change history
  • Eenvoudige installatie
    • Ga in WordPress naar Plugins
    • Selecteer bovenin ‘Nieuwe plugin’
    • Selecteer bovenin ‘Plugin uploaden’.
    • Selecteer via ‘Bestand kiezen’ het PEP-frmqr.zip bestand van je PC.
    • Selecteer ‘Nu installeren’.
    • Wanneer installatie klaar is zie je de melding: “Plugin is succesvol geïnstalleerd.”
    • Selecteer ‘Plugin activeren’

Resultaat

  1. Ik begin maar met het eind resultaat
    Hier een plaatje van het invul formulier. Lettertype, kleur en dergelijke komen op met de default instellingen van uw website.


  2. Het vervolg scherm toont de QR code.
    Na “Toon QR code”, wordt onderstaande pagina getoond. In de tabel boven en onder de QR code de gegevens vanuit de instellingen. Naast de QR code de ingevoerde gegevens en de Bank gegevens vanuit de instellingen.

  3. De pagina die het mogelijk maakt
    Om het formulier te tonen moet een (verder lege) pagina worrden aangemaakt. Daarin komt de shortcode 'createqrcodeform', waarmee de plug-in wordt aangeroepen om zijn kunstje te doen.

  4. Plug-in directory na installatie van de bestanden

  5. In WordPress na activatie

  6. Bank information settings
    Instellingen kunnen worden aangepast onder WordPress menu Instellingen PEP QR form.
    Vul BIC code, Naam en IBAN van de eigen rekening in.

  7. Form information settings
    De tekst die hier ingevuld wordt, verschijnt in de tabel boven en onder de QR code. Tekst kan hier desgewenst worden aangepast. NB. Hier staat vermeld dat de QR code van de website na 10 minuten automatische wordt verwijderd. De plug-in voorziet hier echter niet in.

  8. Notification settings
    Selecteer hier naar wens of u notificatie wilt ontvangen en of u wilt dat de bezoeker de QR code per E-mail ontvangt.

  9. Notificatie E-mail
    Hier een voorbeeld van de verzonden QR code.

  10. Met bijgevoegd bestand.

Tips

  • Leeg met regelmaat de directory images
    Zelf doe ik dat met een script dat elke minuut kijkt of er een bestand staat dat ouder is dan 10 minuten.
  • Gebruik voor eigen facturen
    Vul de gegevens in voor een te ontvangen betaling en genereer de QR code. Ontvang de QR code per E-mail en plak het plaatje in de te verzenden factuur.

Geef een antwoord

Het e-mailadres wordt niet gepubliceerd. Vereiste velden zijn gemarkeerd met *