Stripe Elements

How to get your Stripe Elements credentials

Stripe Elements draws the card fields directly on your booking page, so travellers never leave your site to pay. It runs on an ordinary Stripe account — the same one the redirect Stripe gateway uses — and needs three values from your Stripe Dashboard instead of two. Card fields need no domain registration and no extra approval from Stripe.

1. Copy both keys

From dashboard.stripe.com/apikeys in live mode, take the publishable key (pk_live_…), which draws the card form in the traveller's browser, and the secret key (sk_live_…), which creates the charge. A restricted key works in place of the secret key and is the safer choice.

2. Add a webhook and copy its signing secret

At dashboard.stripe.com/webhooks, create an endpoint listening for payment_intent.succeeded, pointing at the URL below. Copy its signing secret (whsec_…) — that is the third value.

3. Activate it in TourTask, then open it by default

In TourTask go to Configuration → Payment options, add Stripe Elements, paste the three values and press Activate. Then press Open by default on its card, so the card fields are already expanded when the booking page loads. Only a gateway that puts card fields on your own page can be pre-opened, and having them open is much of the reason to choose Elements over the redirect.