Stripe payment gateway

Last updated: April 22, 2021 Written by: Avatar Patrycja
share
Table of contents
share
Table of contents

Stripe is a global online payments platform designed to help companies operating in e-commerce open up to global sales.

You can set up sales of your products using Stripe payments using two ways: either by integrating the payment gateway with your Landingi account or by adding Stripe one-time payments with Checkout using an HTML code.

STRIPE CHECKOUT BUTTON

Manage your products in the Products tab, and view and edit your orders in the Orders tab (read this guide to find out more). You can integrate the Stripe button with the Landingi platform using API keys.

Currencies supported by the Stripe payment gateway in Landingi: Canadian dollars (CAD), Australian dollars (AUD), Mexican pesos (MXN), Swiss francs (CHF), Euro (EUR), British pounds (GBP), Polish zloty (PLN), US dollars (USD), Norwegian kroner (NOK), Danish kroner (DKK), Swedish kroner (SEK), Indian rupees (INR)*, Brazilian reals (BRL)*, Argentine pesos (ARS)* and Chilean pesos (CLP)*.

*Currencies not supported by American Express.

Get your API keys from Stripe

1. Log in to your Stripe account.

2. Go to the Home tab (1) and select Get your test API keys or Get your live keys (2) to copy the API keys. Test API keys only let you make test payments. The actual sale of products is only possible with live API keys.

API keys are also available in Developers > API keys. Copy the Publishable key and Secret key and go to Landingi.

Activate the Stripe gateway in Landingi

1. Log in to the Landingi platform, click on your profile/account name in the upper right corner and go to Payment Gateways.

2. Navigate to the Stripe section. Paste your API keys and select Test or Live payment. Save changes.

3. Now you can add a Stripe button to your landing page. On the left side of the editor, find the Stripe button, then drag and drop it into the active area of your landing page. Go to its Settings.

4. Select a product from the list or add a new one and refresh the list to link it to this payment gateway. Click Save and close. You can only add one product to a single payment gateway button.

You can view, add and edit your products in the Products tab.

5. In the Next Action tab, you can specify an action after the payment has been made. By default, the user will be redirected to a thank you page, but if your landing page has multiple payment gateways or other signup forms, you can create and link a landing page that displays only after a transaction is completed.

6. All set! Now you can publish your landing page.

7. When the customer clicks on the selected gateway, they will be redirected to the payment processing page.

ONE-TIME PAYMENTS WITH CHECKOUT

Items sold via this Stripe button will not be loaded to your list of orders in Landingi. You can embed a Stripe button as an HTML widget. With the client-only integration, you define your products directly in the Stripe Dashboard.

Get your HTML snippet from Stripe

1. Log in to your Stripe account.

2. Go to the Settings tab (1), in the Payments section, click on Checkout Settings (2).

3. In the Customize Checkout section, you can adjust the look of the button, and in the Store Policies section, you can add links to sales terms and conditions or contact information.

4. At the very bottom, in the Next steps section, click on Enable client-only integration to activate one-time payments. In the new window, click on Allow.

5. Go to Products.

6. Add the product that you want to generate a one-time payment button for.

7. If you want to sell the product with a one-time payment, select One time in the settings under Pricing.

8. Select the product you want to sell. Click on more > Get checkout code snippet.

9. Click on Copy and go to Landingi.

Install the HTML snippet in Landingi

1. Log into Landingi, go to the editor of your landing page.

2. On the left side of the editor, find the HTML widget, then drag and drop it into the active area of your landing page.

3. Paste the Stripe one-time payment snippet in the Add custom HTML field and save changes. You have to publish your landing page to see the Stripe button.

 

share

Was this manual helpful?