Naar inhoud gaan
memberarea memberarea.io

Afrekenen insluiten op elke pagina

Deel vooraf ingevulde afrekenlinks en QR-codes, of zet koopknoppen en een winkelwagen op elke externe website met één script.

In dit artikel

Je hebt geen pagina in je werkruimte nodig om een product te verkopen. Een afrekenlink werkt in een e-mail, een chat of een post op social media, en met een paar regels code zet je koopknoppen en een winkelwagen op elke website die je al hebt. Beide brengen je kopers naar dezelfde afrekenpagina.

Open de afrekenlinks

Staat Betalingen in je werkruimte uit, schakel het dan eerst in onder Instellingen > Functies.

Elk product heeft een eigen afrekenlink. Open het product onder Betalingen > Catalogus > Producten en ga naar het tabblad Afrekenen en URL’s om de Afrekenlink of de Link voor testmodus te kopiëren. Directe afrekenlinks accepteren ?affiliate=CODE en ?qty=N.

Voor meer dan één product gebruik je Betalingen > Catalogus > Afrekenlinks. Je stelt de link samen en ziet een voorbeeld van de afrekenpagina precies zoals je kopers die zien.

  1. Klik onder Producten en bundels op Product of bundel toevoegen. Stel het Aantal in als kopers bij dit product zelf een aantal kunnen kiezen, en de Prijs als het product meerdere prijzen heeft.
  2. Schakel Als extra aanbieden in voor een eenmalig product dat de koper bij het afrekenen kan toevoegen, in plaats van het standaard mee te kopen.
  3. Vul onder Kopergegevens vooraf invullen een e-mailadres en naam in als je de link voor één persoon maakt. Dit vult alleen de velden in, de koper kan ze nog wijzigen. Schakel Adres vooraf invullen in om ook het factuuradres in te vullen.
  4. Kies een Kortingscode om die automatisch toe te passen zodra de afrekenpagina opent.
  5. Stel onder Meer opties de Taal afrekenpagina in, of schakel Testlink in om de afrekenpagina in de testmodus van Stripe te openen.

Onder Je link kun je dan Link kopiëren, de link Openen of QR-code downloaden. Elk bezoek maakt meteen een openstaande bestelling aan. Betaalt niemand, dan blijft die 24 uur in afwachting onder Bestellingen en wordt daarna als verlopen gemarkeerd. Een breed gedeelde link laat dus veel bestellingen zien die in afwachting of verlopen zijn. Je kunt dezelfde link wel naar zoveel mensen sturen als je wilt.

De builder voor afrekenlinks met een toegevoegd product, de kant-en-klare link en de QR-code.
De builder voor afrekenlinks met een toegevoegd product, de kant-en-klare link en de QR-code.

Staat het partnerprogramma aan, dan schrijft het onderdeel Partner verkopen via de link toe aan een partner en optioneel aan een Campagne. Het partnerprogramma is alleen beschikbaar in het Business-pakket.

Sommige combinaties passen niet in één link. Alle producten moeten dezelfde valuta hebben, en er past maar één abonnement of betaling in termijnen in één bestelling. Een betaling in termijnen, of een abonnement met een proefperiode, kan niet met andere producten worden gecombineerd. Cadeaubonnen en tickets voor evenementen worden in de builder niet aangeboden.

Notitie

Waarschuwt de builder dat kopers nog niet kunnen betalen, koppel dan Stripe of schakel een andere betaalmethode in onder Betalingen > Instellingen > Betaalmethodes.

Widgets insluiten op je website

Ga naar Betalingen > Instellingen > Widgets. Eén script geeft je twee dingen: een winkel met productblokken en één gedeelde winkelwagen, en een afrekenoverlay die de volledige afrekenpagina in een lightbox opent, zodat bezoekers op je pagina blijven.

  1. Script toevoegen: plak de loader één keer per pagina, het liefst in de head van je site.
  2. Snippets plaatsen: zet ze waar de producten of knoppen moeten verschijnen.
  3. Publiceren en testen: de bestelling verschijnt meteen onder Betalingen.
Het tabblad Instellen van de widgetinstellingen met de drie stappen om afrekenen op een website in te sluiten.
Het tabblad Instellen van de widgetinstellingen met de drie stappen om afrekenen op een website in te sluiten.

Het tabblad Widgets biedt vier bouwstenen: de Productkaart, de Winkelwagenwidget, het Winkelwagenpictogram en de Koopknop. Kies een product in de Snippetconfigurator, en elk codevoorbeeld op de pagina wordt bijgewerkt. Een koopknop ziet er zo uit:

<script src="https://your-domain/embed.js" async></script>
<button data-memberarea-checkout="PRODUCT-ID">Buy now</button>

Kopieer de snippet van de pagina in plaats van hem over te typen, want daar staan je domein en de product-ID al in.

Alleen gepubliceerde producten met een actieve prijs kun je insluiten. Prijs, afbeeldingen en voorraad komen uit je catalogus, dus je hoeft een snippet nooit meer aan te passen. De afrekenoverlay laadt niets tot een bezoeker klikt, en bezoekers betalen op je eigen afrekenpagina in jouw huisstijl, nooit op een pagina van Stripe.

Tip

De overlay volgt je instellingen onder Betalingen > Instellingen > Afrekenen en kan niet vanaf de hostpagina worden opgemaakt. De winkelwagenwidgets kun je aanpassen met de CSS-variabelen onder Ontwikkelaarsreferentie.

Opties voor ontwikkelaars

Het tabblad Ontwikkelaarsreferentie toont de mountpoints, de window-events die de widgets versturen en de optionele attributen voor een koopknop. data-coupon, data-email en data-price stellen vooraf een kortingscode, het e-mailadres van de koper en een bepaalde prijs in. data-affiliate schrijft de verkoop toe aan een partner en heeft, net als het onderdeel Partner, het Business-pakket nodig. Gebruikt je site een Content Security Policy, sta dan scripts en frames toe van het domein dat op het tabblad Instellen staat.

De widgets werken met elke sitebuilder, van statische HTML tot WordPress, Webflow en Framer. Gebruik je WordPress, lees dan ook Je cursussen verkopen vanuit WordPress.

Gerelateerde artikelen

Last updated on October 22, 2026

Was dit artikel nuttig?

Gerelateerde artikelen