Adding Stripe Checkout button

The Stripe Checkout component allows you to accept credit card payments via Stripe. Here's how to use it:
  1. If you haven't done so already, create a Stripe account.

  2. Log in to your Stripe account and Enable Checkout by following these instructions.

  3. Back at Gridbox editor, drag and drop Stripe component into the canvas.

  4. Edit the button text if you want to. (Optional - Click on the button and click on </> icon from the blue highlighted toolbar -> change the text and save)

  5. Click on the button, then open the properties panel, enter the following information (API Key, Price ID)

  6. Success URL, which can be any valid URL or blank to use the site's current URL.

  7. Cancel URL, which can be any valid URL or blank to use the site's current URL.

  8. You're done.

Stripe Checkout Settings

The Stripe client-only integration has several limitations:

  • Only card payments are supported.

  • Coupons, Discounts, Promotion codes, and Tax rates are not supported.

  • Creating one-time payments with existing Customer objects isn’t supported.

  • Placing a hold on a card before charging it isn’t supported.

  • One-time and recurring payments in a single transaction isn’t supported.

  • Connect platforms cannot use this integration on behalf of their connected accounts.

  • Stripe Tax isn’t supported.

  • Your API key may be exposed