{"id":29745,"date":"2022-05-08T16:24:08","date_gmt":"2022-05-08T13:24:08","guid":{"rendered":"https:\/\/elementor.com\/help\/?p=29745"},"modified":"2024-02-02T15:07:47","modified_gmt":"2024-02-02T13:07:47","slug":"stripe-button","status":"publish","type":"post","link":"https:\/\/elementor.com\/help\/stripe-button\/","title":{"rendered":"Stripe Button widget"},"content":{"rendered":"\n

Introduction<\/h2>\n\n\n\n

With the new Stripe Button widget you can integrate your Elementor website with your Stripe account, enabling you to sell a single item or several items, and accept payments seamlessly, without creating an entire online store.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

To encourage future sales and increase brand identity, you can also redirect your shoppers to a custom Thank You page, built in Elementor after a successful purchase.<\/p>\n\n\n\n

Create and connect your API key<\/h2>\n\n\n\n

Creating an API Key<\/h3>\n\n\n\n

In order for your Stripe Button to function properly, you must first create API keys<\/a> from your Stripe dashboard. For further documentation, click here<\/a>.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n
    \n
  1. Click the button to create a new Secret Key<\/li>\n\n\n\n
  2. Give your key a unique name and click the create button<\/li>\n\n\n\n
  3. Click on the region with the key code, it will automatically copy the code. This will be entered in your Live Secret Key field in the Elementor settings<\/li>\n\n\n\n
  4. Repeat this process for a Test Key in order to use sandbox functions<\/li>\n<\/ol>\n\n\n\n

    Add the API Keys to Elementor<\/h3>\n\n\n\n

    You may then add these keys to the Elementor API integrations page. This may be found by navigating to Elementor > Settings > Integrations. After entering each, click the Validate button to make sure it connects properly. Once finished, click the blue Save Changes button.<\/p>\n\n\n\n

    \"\"<\/figure>\n\n\n\n

    Widget Settings<\/h2>\n\n\n\n

    Payments and Pricing<\/h3>\n\n\n\n
    \"\"<\/figure>\n\n\n\n

    In this section, you will assign the name of your product or service, the currency, and its price options. Taxes and shipping charges may also be entered.<\/p>\n\n\n\n

    Setting a Tax Rate<\/h4>\n\n\n\n

    Taxes must be first set up from your Stripe account dashboard<\/a> in order to show up in the dropdown menu options.<\/p>\n\n\n\n