Do I need any WordPress plugin to use the Payment Button?

No. The button is plain HTML and CSS. WordPress's built-in Custom HTML block, Text tab (Classic), HTML widget (Elementor) or Code element (Divi) renders it directly. No plugin required, on any WordPress version 5.0 or newer.

Where should I put the stylesheet — in every block or once site-wide?

Once site-wide is best. Add a to your theme's header.php (in the ), or use the free "Insert Headers and Footers" plugin. Then every page that has a button picks up the styles automatically.

Will the button look right with my WordPress theme?

The three default styles (Blue, Dark, Outline) work in most themes. To match a brand colour exactly, add a few lines of CSS in Appearance → Customize → Additional CSS to override the .pr-btn classes.

Can I use the Payment Button alongside WooCommerce?

Yes. They don't conflict. Many sites keep WooCommerce for their main shop and use the Payment Button for one-off sales pages, donation buttons, deposit links, or tip jars where WooCommerce is overkill.

Does it work with caching plugins (WP Rocket, W3 Total Cache)?

Yes. The button is static HTML and CSS — caching plugins serve it identically to any other content. There's no JavaScript or dynamic logic that would break under aggressive caching.

WordPress + PayRequest

Voeg een betaalknop toe aan je WordPress-site

De meeste "WordPress betalingen"-tutorials eindigen met WooCommerce, een Stripe-plugin en een instellingen-pagina langer dan je homepage. Sla het over. Twee regels HTML in elke post, pagina of widget — Gutenberg, Classic, Elementor of Divi — en je ontvangt betalingen.

Betaallink aanmaken Bekijk de snippet

The trap

Waarom "betalingen aan WordPress toevoegen" lastiger is dan zou moeten

WordPress's plugin-ecosysteem is zijn kracht én zijn val. Elke betaal-route die de docs aanbevelen — WooCommerce, WP Simple Pay, Stripe Payments, PayPal Buttons by Angell EYE — voegt een plugin toe, een instellingenpagina, een database-tabel, een Stripe API-key om bij te houden, en nog iets dat kan breken bij een WordPress core update. Voor de meeste sites die alleen een Pay-knop op een verkooppagina of een fooi-pot in de sidebar willen, is die hele infrastructuur overdreven.

WooCommerce installeert 8+ tabellen en een instellingenpagina alleen om één knop te renderen.
Stripe Payments / WP Simple Pay vragen API-keys in je wp-config.
Plugin-updates kunnen op een dinsdagochtend payment-flows breken.
PayPal Buttons SDK-plugins forceren de PayPal-popup checkout.
Plugin-onderhoud verschijnt voor altijd in WP Admin-meldingen.

The fix

De oplossing: een knop die gewoon een Custom HTML-block is

PayRequest's Betaalknop is een gewone HTML-anchor met één CSS-bestand. Plaats hem in een Custom HTML-block (Gutenberg), Code Snippet-widget (Classic), HTML-widget (Elementor) of Code-element (Divi) — dezelfde twee regels, elke WordPress-builder. Geen plugin om te installeren, geen API-key in wp-config, geen database-tabellen, geen compatibiliteitsproblemen met de volgende WordPress-release.

Nul plugins

Installeer niets. De knop is HTML en CSS, twee primitieven die WordPress al native ondersteunt.

Werkt in elke builder

Gutenberg block-editor, Classic-editor, Elementor, Divi, WPBakery, Beaver Builder — dezelfde snippet, allemaal.

Geen API-keys in wp-config

PayRequest verbindt eenmalig met Stripe, Mollie, PayPal of Ponto in je dashboard. WordPress bezit nooit een payment-provider secret.

Overleeft core-updates

Omdat het gewone HTML is, kan de volgende WordPress-release hem niet breken. Geen plugin-compatibiliteitsmatrix om bij te houden.

The snippet

De hele integratie, in twee regels HTML

Plak de <link> in je theme's <head> via Theme File Editor, of plak hem inline in elke Custom HTML-block. De <a> komt waar de knop hoort.

custom-html-block

<!-- Paste both lines into a Custom HTML block -->
<link rel="stylesheet"
      href="https://payrequest.app/embed/button.css">

<a href="https://payrequest.me/yourhandle/checkout"
   class="pr-btn pr-btn--default"
   target="_blank"
   rel="noopener">Buy now — €19</a>

Drie stijlen in de stylesheet — kies er één die past bij je WordPress-thema.

Walkthrough

Stap voor stap: van WP Admin naar live betaling

Maak de Smart Link in PayRequest

Log in → Betaalpagina → Smart Links → Nieuw. Stel het bedrag in, kies methodes (kaart, Apple Pay, iDEAL, PayPal). Kopieer de URL.

30 sec

Open de WordPress-pagina of -post

WP Admin → Pagina's of Berichten → Bewerken. Vind de plek waar de knop moet komen (verkoop-sectie, hero CTA, einde post).

5 sec

Voeg een Custom HTML-block toe

In Gutenberg: klik +, zoek 'Custom HTML', invoegen. In Classic: switch naar het Tekst-tabblad. In Elementor/Divi: drop de HTML-widget. Het block accepteert willekeurige markup.

10 sec

Plak de snippet

Plak beide regels (de <link> en de <a>). De knop rendert direct in de editor-preview. Optioneel: verplaats de <link>-tag naar de header.php van je thema, of gebruik de WP-plugin "Insert Headers and Footers" zodat hij eenmalig site-breed laadt.

20 sec

Update / publiceer

Klik Update rechtsboven. De knop is live op de post of pagina. Test de klik en ontvang je eerste betaling.

Live

Comparison

WordPress + Betaalknop vs. de alternatieven

Methode	Setuptijd	Plugins vereist	API-key in wp-config	Eigen checkout	Betaalmethodes
WooCommerce + Stripe Gateway	1–2 uur	2+ plugins	Ja	WooCommerce-thema	Card + paar wallets
WP Simple Pay	30–60 min	1 plugin (Pro)	Ja	Stripe Checkout	Card + Apple/Google Pay
Stripe Payment Buttons (gratis)	20 min	1 plugin	Ja	Stripe-overlay	Card
PayPal Buttons by Angell EYE	20 min	1 plugin	Ja	PayPal-popup	PayPal + cards
PayRequest BetaalknopBest	1 minuut	Geen	Geen	Jouw merk	20+ inclusief iDEAL, SEPA, Klarna

What to ship

Wat WordPress-sites met de Betaalknop bouwen

Eén-product verkooppagina's

Eén ebook, cursus, template of printable verkopen vanuit een landingspagina? Sla WooCommerce over. Eén Smart Link, één Custom HTML-block, je verkoopt.

Coaching- en consultancy-sites

Boek-en-betaal-knoppen op de dienstenpagina, borgsom-links naar leads, retainer Pay-knoppen in het klantportaal. Allemaal HTML-anchors, geen WooCommerce-overhead.

Membership en fooi-pot in de sidebar

Vervang BMC-widgets en donatie-embeds door een self-hosted Betaalknop met 0% platformkosten en provider-tarieven.

Blogpost end-of-article CTA's

Eindig elke long-form post met een Pay-knop voor het gerelateerde product, cursus of fooi. Geen 'checkout abandonment' want er is geen winkelwagen — alleen een anchor.

Why this works

Waarom dit beter werkt dan elke "betalingen aan WordPress toevoegen"-tutorial

Lees elke gids over betalingen toevoegen aan WordPress en je vindt een 30-staps pad door plugin-installatie, setup wizards, gateway-configuratie, test-mode toggles, webhook-validatie, succespagina-redirects, e-mailbon-aanpassingen, en een laatste instellingen-tab drie niveaus diep. De Betaalknop vervangt dat door twee regels HTML — en geeft je twintig betaalmethodes in plaats van twee.

Geen WP-database-tabellen aangeraakt. Je wp_postmeta blijft schoon.
Geen plugin-update-conflicten. De knop is gewone HTML.
Geen API-key in wp-config. PayRequest bezit de keys, niet WordPress.
Werkt op gratis WP-plannen, managed hosts (Kinsta, WP Engine) en self-hosted.
Wissel van betaalprovider (Stripe, Mollie, PayPal, Ponto) in PayRequest zonder WordPress te herconfigureren.

FAQ

Veelgestelde vragen

Heb ik een WordPress-plugin nodig om de Betaalknop te gebruiken?+

Nee. De knop is gewone HTML en CSS. WordPress's ingebouwde Custom HTML-block (Gutenberg), Tekst-tabblad (Classic-editor), HTML-widget (Elementor) of Code-element (Divi) rendert hem direct. Geen plugin nodig, op elke WordPress-versie 5.0 of nieuwer.

Waar plaats ik de stylesheet — in elk block of eenmalig site-breed?+

Eenmalig site-breed is het best. Voeg <link rel="stylesheet" href="https://payrequest.app/embed/button.css" /> toe aan de header.php van je theme (in de <head>), of gebruik de gratis plugin "Insert Headers and Footers". Daarna pikt elke pagina met een knop de styles automatisch op.

Past de knop bij mijn WordPress-thema?+

De drie standaardstijlen (Blauw, Donker, Outline) werken in de meeste thema's. Voor een specifieke merkkleur voeg je een paar regels CSS toe via Weergave → Aanpassen → Aanvullende CSS om de .pr-btn-classes te overriden — geen theme-bestanden aangeraakt.

Kan ik de Betaalknop naast WooCommerce gebruiken?+

Ja. Ze conflicteren niet. Veel sites houden WooCommerce voor hun hoofd-shop en gebruiken de Betaalknop voor losse verkooppagina's, donatieknoppen, borgsom-links of fooi-potten waar WooCommerce overdreven is.

Werkt het met cache-plugins (WP Rocket, W3 Total Cache)?+

Ja. De knop is statische HTML en CSS — cache-plugins serveren hem identiek aan andere content. Geen JavaScript of dynamische logica die zou breken bij agressieve caching.

Kan ik conversies tracken in Google Analytics of mijn WP-analytics-plugin?+

Ja. Voeg een UTM query-string toe aan de Smart Link href (?utm_source=wordpress&utm_medium=blog) en PayRequest groepeert conversies per parameter. Voor client-side tracking voeg je een click-handler toe aan je bestaande analytics — maar PayRequest's dashboard heeft meestal de data die je nodig hebt zonder extra tracking.