How to integrate "Stripe"?

  1. 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.

  2. 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
    gear.png
        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.

  • 0 Users Found This Useful
Was this answer helpful?

Related Articles

What E-commerce features does website builder have?

Different customer experience: 1-click-purchase; Catalogue with Inquiry form; Full...

How to add a store?

You can create different types of online stores. To create full e-commerce with cart: Drag...

How to add default sorting for products?

Select store and select "Filter" in right toolbar. Select from dropdown list "Default...

How to remove product sorting?

Select products element and select "Listing" in right toolbar; Deselect "Show sorting...

How to use 1-click-purchase?

Drag & drop "Commerce" from main toolbar; Select payment gateway (e.g., Stripe); Fill...