Stripe Payment Links: instellen, knoppen op uw website en bedankpagina's
Gids voor Stripe Payment Links
Stripe Payment Link: instellen, knop insluiten en doorsturen na betaling | We.Inc
Maak een Stripe Payment Link, zet hem op uw website als vormgegeven knop of Buy Button, stuur kopers naar uw eigen bedankpagina en meet welke campagne de verkoop opleverde. Met knopcode om te kopiëren.
Een Stripe Payment Link is een gehoste afrekenpagina die u zonder code maakt in het Stripe Dashboard. Maak een product met een prijs, maak de link aan en zet hem achter een knop op uw site. U kunt kopers na de betaling doorsturen naar uw eigen bedankpagina en parameters aan de link toevoegen om het e-mailadres vooraf in te vullen of de verkoop te labelen.
Payment Link, Buy Button of Checkout?
Optie
Code nodig
Het beste voor
Payment Link
Geen; deel of link een URL
Een paar producten verkopen, facturen via een link, bio's op social media
Buy Button
Plak één script en één tag
Een knop in Stripe-stijl, ingesloten op uw pagina
Checkout (API)
Servercode maakt elke sessie aan
Winkelwagens, prijzen per klant, apps met login
Deze gids behandelt het instellen in het Dashboard, drie manieren om de link op een website te zetten, het doorsturen naar uw eigen succespagina, linkparameters voor vooraf invullen en meten, en de instellingen die mensen over het hoofd zien: belasting, aantallen en promotiecodes.
Voeg in het Stripe Dashboard een product toe met een naam, een afbeelding en een eenmalige of terugkerende prijs.
Maak een betaallink voor die prijs en kies opties zoals aantal, promotiecodes, belastinginning en welke gegevens u wilt verzamelen.
Behoud bij de instellingen na betaling de bevestigingspagina van Stripe of stuur door naar een pagina op uw eigen site.
Kopieer de link en zet hem achter een knop op uw website, of maak een Buy Button en plak de insluitcode.
Test de hele flow in testmodus met de testkaart van Stripe, schakel dan over naar live modus en herhaal het met een echte aankoop die u terugbetaalt.
Maak één link per product en prijs. Als de prijs verandert, maak dan een nieuwe link en vervang hem op uw site, in plaats van een link te hergebruiken waar oude posts en e-mails nog naar verwijzen.
Zet promotiecodes aan in de linkinstellingen als u kortingen wilt geven. Codes die u later maakt werken dan zonder de site aan te passen.
Stuur kopers naar uw eigen bedankpagina, zodat u de volgende stappen kunt tonen, de conversie kunt meten en iets gerelateerds kunt aanbieden.
Schrijf een duidelijk knoplabel met de prijs, bijvoorbeeld Koop het sjabloon, $29. Minder verrassingen bij het afrekenen betekent minder afgebroken betalingen.
Veelgestelde vragen
Kosten Payment Links iets extra?
Stripe rekent niets voor de link zelf. U betaalt de normale transactiekosten van Stripe op elke geslaagde betaling, die afhangen van uw land en de betaalmethode. Gebruik de calculator voor transactiekosten om te zien wat een verkoop netto oplevert.
Kan een Payment Link een abonnement verkopen?
Ja. Geef het product een terugkerende prijs, zoals maandelijks of jaarlijks, en de link start een abonnement. Klanten kunnen het dan beheren via het klantportaal van Stripe als u dat aanzet.
Hoe stuur ik na betaling door naar mijn eigen pagina?
Kies in de instellingen na betaling van de betaallink om de bevestigingspagina van Stripe niet te tonen en vul de URL van uw pagina in. U kunt {CHECKOUT_SESSION_ID} in de URL opnemen; Stripe vervangt dat door de sessie-ID, zodat uw pagina of server de bestelling kan opzoeken.
Is het doorsturen genoeg om een digitaal product te leveren?
Niet op zichzelf. Iedereen met de URL kan een bedankpagina openen. Lever downloads of accounttoegang via iets dat Stripe bevestigt, zoals een webhook op uw server, een automatisering die op de betaling reageert of een leveringsplatform dat aan Stripe gekoppeld is.
Kan ik zien uit welke campagne een verkoop kwam?
Ja. Stripe documenteert utm_source, utm_medium, utm_campaign, utm_term en utm_content als linkparameters, en client_reference_id voor uw eigen referentie. Voeg ze toe aan de link achter elke advertentie of post.
De link instellen
Begin in testmodus, zodat er niets echt in rekening wordt gebracht. Maak eerst het product, want de link wordt opgebouwd uit een product en prijs. Voeg een duidelijke naam en een vierkante afbeelding toe; beide verschijnen op de afrekenpagina.
Bepaal bij het aanmaken van de link wat u verzamelt: factuuradres, verzendadres, telefoonnummer of eigen velden zoals een bedrijfsnaam. Elk extra veld kost een deel van de voltooide betalingen, dus vraag alleen wat u nodig hebt om de bestelling uit te voeren.
Als u verkoopt aan plaatsen die omzetbelasting of btw heffen, zet dan automatische belastinginning aan; die gebruikt Stripe Tax en vereist dat uw belastingregistraties zijn ingesteld. Neem anders de belasting op in uw prijs en vermeld dat op de pagina.
De link op uw site zetten
De eenvoudigste route is een gewone link die als knop is vormgegeven; die laadt direct en past bij uw ontwerp. De voorbeelden hieronder geven drie stijlen om te kopiëren. De Buy Button is de tweede route: Stripe tekent de knop voor u in uw pagina en handelt de klik af.
Open de link in hetzelfde tabblad. Afrekenen in een nieuw tabblad openen verwart mensen op telefoons en verbreekt de terugkeer naar uw bedankpagina.
Knopcode voor uw betaallink
Vervang de href door uw eigen link. Elke knop is een gewone link, dus hij werkt in elke websitebouwer die HTML accepteert.
Volle knop met prijs
Een opvallende knop over de volle breedte op telefoons, die op bredere schermen krimpt tot passend formaat.
Prijskaart met knop
Een kleine kaart voor één product met wat er inbegrepen is en een geruststellende regel onder de knop.
Omlijnde knop voor een tweede optie
Gebruik een rustigere stijl voor een tweede prijs, zoals een jaarabonnement naast een maandabonnement.
Stripe Buy Button insluiten
Maak de Buy Button aan vanaf de pagina van de betaallink in het Dashboard en plak dan de code die u krijgt. Die ziet er zo uit.
Insluitcode voor de Buy Button
Het script laadt één keer per pagina; elke stripe-buy-button-tag tekent één knop. De ID's komen uit uw Dashboard.
Buy Button in React
Laad het script één keer en render dan het custom element. In TypeScript moet u het element mogelijk declareren in een .d.ts-bestand.
Linkparameters voor vooraf invullen en meten
Voeg deze als query string toe aan het einde van de link. Waarden moeten URL-gecodeerd zijn.
URL-parameters voor Payment Links, gedocumenteerd door Stripe
Parameter
Voorbeeld
Wat het doet
?prefilled_email=ana%40example.com
Vult het e-mailveld in
?prefilled_promo_code=LAUNCH20
Past een promotiecode toe (promotiecodes moeten aan staan)
Kopieert UTM-tags van de pagina-URL naar elke betaallink op de pagina, zodat de verkoop wordt toegeschreven aan de advertentie of post die de bezoeker bracht.
Een bedankpagina die de sessie leest
Stel de doorverwijzing na betaling in op een URL zoals https://yoursite.com/thanks?session_id={CHECKOUT_SESSION_ID}. De pagina kan meteen een vriendelijk bericht tonen en, als u een server hebt, de betaling bevestigen.
Inhoud van de bedankpagina
Gewone HTML die overal werkt. Houd de echte levering (downloadlink, accounttoegang) achter een servercontrole of een webhook.
Bevestig de sessie op uw server (Node)
Gebruikt de officiële Node-bibliotheek van Stripe. Vertrouw nooit alleen op de URL; vraag Stripe of de sessie betaald is.