How to integrate "Stripe"?

Get your Stripe configuration details by following the instructions on the official website.

- Adding Stripe as a single-order button:
  Drag & drop "Commerce" from main toolbar;
  Choose Stripe composition;
  Write "API Key" and "Secret Key" in right toolbar.
- Customising a single-order button:
  Item description:
  Write "Item Name" and "Product description" in right toolbar.
  Price:
  Write product price and currency in right toolbar.
  Size:
  Set element size or "Allow to adjust size automatically" in right toolbar.
Adding Stripe with store module:
- Drag & drop "Commerce" from main toolbar;
- Choose shopping cart composition;
- Select "Payment Gateways" in right toolbar;
- Select Stripe and click "Enabled" on top of window to add to payment gateways;
- Write Stripe "Publishable Key" and "Secret Key" and "Webhook Secret" to connect payment gateway to your Stripe account.
Login to your Stripe account, Select "Developers" and see "API keys" and "Webhooks".
Click Stripe [icon="adjustments" group="tabler"] to get webhook endpoint URL, write it in Stripe. Add event type "checkout.session.completed" for webhook endpoint.
Customising Stripe:
- Style:
- Select Style tab to customise Stripe button.

Preview:

Stripe payment button preview example Title