Project starten

CF7 Stripe instellen

Een Stripe-account aanmaken en de API-sleutel ophalen

Voor een Stripe-account ga je naar stripe.com en registreer je je hier. Log daarna in en ga naar Dashboard > API, of volg deze link. Hier zie je een publishable en een secret API-sleutel. We hebben ze allebei nodig, dus kopieer ze of laat het tabblad open.

create stripe account and get api keys
Stripe-account aanmaken en API-sleutels ophalen

Controleer eerst of je het Stripe-instellingenpaneel ziet. Zie je het menu uit de afbeelding rechts niet, controleer dan of de plugins Redux Framework en Contact Form 7 zijn geïnstalleerd.

Stel in de algemene Stripe-instellingen eerst je bedrijfsnaam en een vierkant logo in.

Plak daarna de eerder aangemaakte Stripe-API-sleutels: eerst de publishable key, dan de secret key.

enable cf7 stripe plugin
de CF7 Stripe-plugin inschakelen

Stripe-betaalopties

Globaal kun je verschillende Stripe-betaalopties instellen.

  1. Postcode valideren
    Geef aan of de checkout de factuurpostcode moet valideren.
    We raden sterk aan dit op true te zetten.
  2. Factuuradres verzamelen
    Geef aan of de checkout het factuuradres van de gebruiker moet vragen.
  3. Verzendadres verzamelen
    Geef aan of de checkout het verzendadres van de gebruiker moet vragen.
  4. “Onthoud mij” toestaan
    Geef aan of de optie “Onthoud mij” voor toekomstige aankopen wordt getoond.
  5. Bitcoins accepteren
    Geef aan of Bitcoin wordt geaccepteerd.
  6. Mail versturen
    Kies hoe de CF7-mail wordt verstuurd.
  7. Betaling geslaagd
    Wat er moet gebeuren na een geslaagde betaling.
  8. Valuta*
    Zie: valutaoverzicht van Stripe
  9. Return-URL (succes)
  10. Cancel-URL (fout)
stripe payment options for contact form 7
Stripe-betaalopties voor Contact Form 7

Geavanceerde instellingen

In de geavanceerde instellingen kun je eigen CSS of JS toevoegen.

Je formulier maken

Ga in je beheerpaneel naar Contact > Nieuwe toevoegen om een nieuw contactformulier te maken.

Bovenaan zie je een nieuwe knop “Stripe Button”. Klik erop om een Stripe-knop in het formulier te maken.

Om de Stripe-knop in te voegen, stel je een paar waarden in:

  1. Label
    Oftewel: knoptekst
    Voorbeeld: Betalen met Stripe
  2. Artikelbeschrijving
    Oftewel: productbeschrijving
    Voorbeeld: Jaarabonnement
  3. Bedrag
    Oftewel: kosten van het product in centen!
    Voorbeeld: 1000 => € 10
  4. Valuta van het artikel (ISO-code van 3 letters)
    Voorbeeld: eur
    Zie: https://stripe.com/docs/currencies
  5. Class-attribuut
    Voorbeeld: full-width

Vul alles in, klik op “Tag invoegen” en voilà: je contactformulier heeft een knop “Betalen met Stripe”.

crate stripe button in cf7
een Stripe-knop maken in CF7