Stripe Elements

Så tar du emot kortbetalningar med Stripe Elements

Ta emot kortbetalningar på din bokningssida med Stripe Elements.

Länder

  • Australien
  • Belgien
  • Brasilien
  • Bulgarien
  • Cypern

Valutor

  • AED
  • AFN
  • ALL
  • AMD
  • ANG
  • AOA
  • ARS
DokumentationKontakt
API-uppgifter
  • API-nyckel
  • Publicerbar nyckel
  • Webhook-hemlighet

Stripe Elements lägger Stripes kortfält på din bokningssida, så att resenärerna betalar med kort utan att lämna den. Du behöver ett Stripe-konto som tar emot riktiga betalningar: Stripe-guiden visar hur du öppnar ett.

Kopiera dina nycklar från Stripe


  1. 1

    Öppna dina API-nycklar i liveläge

    Öppna dashboard.stripe.com/apikeys och kontrollera att du är i liveläge, inte i en sandbox. En testnyckel ger inget fel: den markerar bokningar som betalda med pengar som inte finns.

  2. 2

    Kopiera den publicerbara nyckeln

    Under Standard keys kopierar du Publishable key. Den börjar med pk_live_.

  3. 3

    Kopiera den hemliga nyckeln

    Kopiera Secret key (klicka på Reveal live key om den är dold). Den börjar med sk_live_. Håll den hemlig: med den kan man debitera kort i ditt namn.

Lägg till webhooken i Stripe


Webhooken markerar bokningar som betalda

Utan den debiteras resenärerna medan deras bokningar förblir obekräftade.

Din TourTask-webhookadress för Stripe Elements

https://api.tourtask.com/v1/payments/stripe-elements/notifications/booking
  1. 1

    Skapa en händelsedestination

    Öppna dashboard.stripe.com/webhooks, fortfarande i liveläge, och klicka på Create an event destination.

  2. 2

    Välj ditt konto och Snapshot

    Välj Your account och nyttolastformatet Snapshot: TourTask kan inte läsa de Thin-händelser som Stripe rekommenderar.

  3. 3

    Välj händelsen

    Välj payment_intent.succeeded och ingen annan händelse.

  4. 4

    Välj en webhook-slutpunkt

    Klicka på Continue och välj Webhook endpoint som destinationstyp.

  5. 5

    Ange TourTask-adressen

    Klicka på Continue, klistra in TourTask-adressen ovan i Endpoint URL och klicka på Create destination.

  6. 6

    Kopiera signeringshemligheten

    Klicka på Reveal secret på destinationens sida och kopiera signeringshemligheten. Den börjar med whsec_.

En slutpunkt per gateway

Har du redan en slutpunkt för gatewayen Stripe? Lägg ändå till en ny: varje gateway behöver sin egen.

Lägg till Stripe Elements i TourTask


  1. 1

    Öppna kortet Stripe Elements

    Gå till Konfiguration → Betalningsalternativ och klicka på kortet Stripe Elements under Onlinebetalningar → Betalningsgateways. Syns det inte? Välj Visa alla gateways under korten.

  2. 2

    Välj land och valuta

    Välj under Land landet där ditt konto hos Stripe Elements och dess bankkonto finns, och under Valuta valutan som resenärerna betalar i. Klicka på Lägg till. För att ändra något av dem senare tar du bort Stripe Elements med Ta bort och lägger till det igen.

  3. 3

    Fyll i dina API-uppgifter

    Under Autentisering har kortet ett fält för var och en:
    API-nyckel
    Publicerbar nyckel
    Webhook-hemlighet

    Varje fält sparas när du klickar utanför det.

  4. 4

    Aktivera Stripe Elements

    Klicka på Aktivera när alla fält är ifyllda. Kortet blir Aktiv och resenärerna kan betala med Stripe Elements på din bokningssida. Varje betalning går direkt till ditt eget konto hos Stripe Elements: TourTask håller aldrig dina pengar.

API-nyckel: din hemliga nyckel sk_live_…
Publicerbar nyckel: din nyckel pk_live_…
Webhook-hemlighet: din signeringshemlighet whsec_…

Öppna det som standard (valfritt)

Klicka på Öppet som standard på gateway-kortet för att visa kortformuläret öppet högst upp på din bokningssida.

Kontrollera att Stripe Elements fungerar


TourTask har inget testläge för Stripe Elements, och Stripes villkor förbjuder testbetalningar med riktiga kort.

  1. 1

    Öppna kortformuläret

    Boka en tur på din egen bokningssida och välj att betala med kort: Stripes kortformulär visas. Stäng sidan utan att betala.

  2. 2

    Avboka testbokningen

    Öppna bokningen i TourTask och klicka på Avboka.

  3. 3

    Kontrollera din första betalning

    När en resenär betalar med kort visas bokningen som betald och betalningen syns i din Stripe Dashboard.

  4. 4

    Kontrollera webhooken

    Öppna fliken Event deliveries för destinationen i Stripe: payment_intent.succeeded visas som Delivered.

Debiterad, men inte betald i TourTask?

Kontrollera webhooken i Stripe: liveläge, formatet Snapshot, händelsen payment_intent.succeeded och den exakta adressen. I TourTask måste Webhook-hemlighet innehålla den här slutpunktens signeringshemlighet. Fliken Event deliveries för destinationen i Stripe visar varje misslyckat försök.

Lägg till Apple Pay och Google Pay


Apple Pay och Google Pay är egna gateways som konfigureras som Stripe Elements, med samma två nycklar. Var och en behöver en egen webhook-slutpunkt med en egen adress, och den slutpunktens signeringshemlighet anges i gatewayens Webhook-hemlighet.

Apple Pay

https://api.tourtask.com/v1/payments/apple-pay/notifications/booking

Google Pay

https://api.tourtask.com/v1/payments/google-pay/notifications/booking
Registrera dina webbadresser i Stripe

Till skillnad från kortformuläret visas plånboksknapparna bara på adresser som är registrerade i Stripe under Settings → Payment method domains. Registrera varje adress där resenärer bokar: din egen webbplats, dittnamn.tourtask.com och din TourTask-webbplats (dittnamn.tourtask.site eller dess egen domän). example.com och www.example.com räknas som två poster.

Vanliga frågor


Nej. Kortuppgifterna går direkt från resenärens webbläsare till Stripe.

Med Stripe Elements stannar resenärerna på din bokningssida; Stripe skickar dem till Stripes egen sida och tillbaka. Du kan använda båda.

De som är påslagna i inställningarna för betalsätt i din Stripe Dashboard. Kort är påslaget som standard.

Nej. TourTask räknar om bokningens totalbelopp till den valuta du valde för gatewayen.

Var den här sidan till hjälp?