Connecting Stripe to your online store
Stripe is an online payment processing platform that allows businesses to receive payments over the internet. Connect Stripe as a payment method to your online store so that your customers can purchase your products in any currency using all major credit/debit cards.
Currently, Stripe operates in 42 countries. See the full list of supported countries on the Stripe's official website.
Important: You can set up payment methods on Pro and Trial websites.
Sign up or log in to the existing account on Stripe.
Note: Add the Account name in your Account Settings to be able to process payments:
Navigate to the Developers section on the sidebar and open the API keys section:
Copy the Publishable key and Secret key:
Open the Settings of the site and navigate to the Payment methods tab:
Click Add near Stripe:
If you have the live keys, enter them into the Publishable key and Secret key fields in the Connection section:
Add a success redirect URL — a link to the page your customer will see after successful payment:
Tip: This is a great way to present your "Thank You" page after the successful purchase. See the Creating a Thank You page article for more information.
Add a failure redirect URL — a link to the page your customer will see after failed payment:
Important: You should paste the links in the https:// format.
Add a title that will be displayed on checkout:
Click Save to proceed with the integration:
Go back to the Payment methods tab and toggle on the Stripe integration:
Finally, publish your website.
Now your customers will see the Stripe payment option in the shopping cart:
Note: Even if the payment has failed, the order will be saved in the Orders tab with Unpaid status:
You can connect Stripe in test mode to check the payment method's operation without using your bank card.
Your Stripe account contains test data, namely Publishable key ① and Secret key ②, which always begin with the prefix pk_test and sk_test. They need to be copied.
Note: More information about testing the payment system can be found here.
Return to Weblium and activate the Test Mode switch, then paste the previously copied keys into the corresponding fields ①, ②:
Important: The non-test mode fields marked with an asterisk below must also be filled in. You can enter the same sandbox credentials there if you have not entered data for real payments.
Save changes and publish your website.
After setting up the test mode correctly, you can place a test order in your online store, where after filling out the shopping cart, you will see a payment page similar to this:
Currently, Stripe operates in 42 countries. See the full list of supported countries on the Stripe's official website.
Important: You can set up payment methods on Pro and Trial websites.
Step 1. Getting the Publishable and Secret keys
Sign up or log in to the existing account on Stripe.
Note: Add the Account name in your Account Settings to be able to process payments:
Navigate to the Developers section on the sidebar and open the API keys section:
Copy the Publishable key and Secret key:
Step 2. Connecting Stripe to your online store
Open the Settings of the site and navigate to the Payment methods tab:
Click Add near Stripe:
If you have the live keys, enter them into the Publishable key and Secret key fields in the Connection section:
Add a success redirect URL — a link to the page your customer will see after successful payment:
Tip: This is a great way to present your "Thank You" page after the successful purchase. See the Creating a Thank You page article for more information.
Add a failure redirect URL — a link to the page your customer will see after failed payment:
Important: You should paste the links in the https:// format.
Add a title that will be displayed on checkout:
Click Save to proceed with the integration:
Go back to the Payment methods tab and toggle on the Stripe integration:
Finally, publish your website.
Now your customers will see the Stripe payment option in the shopping cart:
Note: Even if the payment has failed, the order will be saved in the Orders tab with Unpaid status:
Connect Stripe to work in test mode
You can connect Stripe in test mode to check the payment method's operation without using your bank card.
Your Stripe account contains test data, namely Publishable key ① and Secret key ②, which always begin with the prefix pk_test and sk_test. They need to be copied.
Note: More information about testing the payment system can be found here.
Return to Weblium and activate the Test Mode switch, then paste the previously copied keys into the corresponding fields ①, ②:
Important: The non-test mode fields marked with an asterisk below must also be filled in. You can enter the same sandbox credentials there if you have not entered data for real payments.
Save changes and publish your website.
After setting up the test mode correctly, you can place a test order in your online store, where after filling out the shopping cart, you will see a payment page similar to this:
Updated on: 08/07/2024
Thank you!