How to integrate "Stripe"?
- Adding Stripe as 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.
- 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.
- :
- Click Stripe 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.
- Style:
- Item description: