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 Smartpages 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 Smartpages platform using API keys.
Currencies supported by the Stripe payment gateway in Smartpages: 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), Malaysian ringgit (MYR), 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
- Log in to your Stripe account.
- 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 Smartpages.
Activate the Stripe gateway in Smart pages
- Log in to the Smartpages platform, click on your profile/account name in the upper right corner and go to Payment Gateways.
- Navigate to the Stripe section. Paste your API keys and select Test or Live payment. Save changes.
- 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.
- 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.
- 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.
- All set! Now you can publish your landing page.
- 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 Smartpages. 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
- Log in to your Stripe account.
- Go to the Settings tab (1), in the Payments section, click on Checkout Settings (2).
- 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.
- 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.
- In the Domains section, paste the Smartpages test domain name – custream.com, and the other domains or subdomains where the landing pages with one-time stripe payments will be published. Click on Save.
- Go to Products.
- Add the product that you want to generate a one-time payment button for.
- If you want to sell the product with a one-time payment, select One time in the settings under Pricing.
- Select the product you want to sell. Click on more > Get checkout code snippet.
- Click on Copy and go to Smartpages.
Install the HTML snippet in Smartpages
- Log into Smartpages, go to the editor of your landing page.
- On the left side of the editor, find the HTML widget, then drag and drop it into the active area of your landing page.
- 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.