WooCommerce is undeniably the most popular eCommerce plugin for WordPress. Its advanced yet beginner-friendly services let you easily set up an eCommerce website or market portal without any issue and using external add-ons for WooCommerce you can improve these services even more. One of these services includes Stripe for WooCommerce, a powerful direct payment gateway service made to be easy to setup and use.
What is Stripe?
Stripe is a set of payment APIs or online tool created to easily setup payment and subscription services all over the world in the most secure manner possible. This bundle of tools let you run a remarkable eCommerce website, crowdfund projects, setup donations systems and more.
This global system of payment supports every major debit card and credit company supports recurring payment features and also supports mobile payment systems such as Google Pay and Apple Pay.
Stripe is also a certified PCI Level 1 Service provider and supports PCI Compliances, meaning it is highly secured and the chances of your payment details, credit card, bank account details, etc. getting stolen are extremely low.
Why should we consider Stripe for WooCommerce?
WooCommerce is the leading plugin when it comes eCommerce services for WordPress. The plugin itself supports payment systems and integration with popular payment gateway services. However, the Stripe add-on to WordPress adds to this integration and lets you stripe and its function in a better manner.
The direct payment services let you create an on-site checkout system that lets your customers buy your products without being referred to another page or opening another window.
Furthermore, stripe doesn’t need external costs or payments to run on your website. The transaction fees for Stripe is only 2.9% + 30 cents of the original purchase.
Stripe for WooCommerce also lets you setup subscription payments and recurring payments and allows you to setup refund systems straight from your dashboard. The secured plugin also detects and prevents payment frauds and ensures that you are only getting legitimate payments on your hands.
Furthermore, Stripe for WooCommerce also supports payments using Cryptocurrencies such as Bitcoin, allowing your customers to pay using the currently proper trend of cryptocurrency payments.
The stripe dashboard also lets you monitor and create reports on your payouts and transactions. Study your regular payment details and understand your customer demography well with this amazing tool.
- On-site direct payments
- Easy and free to set up
- Highly secured and detects fraudulent activities
- Supports most payment services, debit/credit card and Mobile payment services such a Google pay, Apple pay, etc.
- Transaction report and statistical reports system.
Setting up Stripe for WooCommerce
First thing first, you need to setup WooCommerce, its products page, a checkout page and a cart page. To understand the process to do this and learn more, refer to here.
Furthermore, make sure your website has an SSL certificate, otherwise, you will not be to use Stripe’s payment services live and will be limited to testing them only.
Once this is done, simply install the WooCommerce Stripe plugin.
If you are not aware of the installation process refer to here.
Then, once you install the plugin, go ahead and login to your Stripe account. If you haven’t made one, now would be a great time to do so!
Then, open your stripe dashboard.
Then, copy your API keys to connect your plugin to your account. This link will take you to the API keys section. Alternatively, to access your API page, simply click on Developers on the dashboard and then click on API keys.
Copy your publishable key and secret key and save them for now.
Then open your WooCommerce page on the WordPress admin dashboard.
Then, click on Settings and refer to the Checkout section. On the checkout options, click on Stripe to enable Stripe payment system for WooCommerce.
Now we set up Stripe to be used on your website.
First and foremost, click on the tick next to Enable to enable Stripe on your website.
Settings to enable and modify:
These are the fields you need to modify to start your payment systems:
These are the fields you need to insert in order for your Stripe checkout to work.
- Title: Here is where you insert the title for your checkout section.
- Description: This is the description for your checkout section.
- Test mode: Turn it on to check if your website works correctly. This is useful to demo your features letting the checkout system go live. Turn this mode off when you are done testing the features.
- Publishable key: Insert the Publishable API key we copied earlier here. You can set a different publishable api key for Test modes and live mode.
- Secret key: Insert the secret API key here, again we can set a different publishable api key for Test mode and live mode.
Optional and customization fields
These are details that you can modify to add some customization to your checkout page:
- Inline Credit Card form: If you leave it, the Credit card form and its fields will be separated instead of being inline.
- Statement descriptor: The text you insert here will be placed on your buyer’s statement in CAPITAL LETTERS.
- Capture: Turning on this feature enables immediate charge and disabling it setups a delayed capture will be set up where the charge will have to be authorized and captured later.
- 3d Secure: An additional feature that buyers can opt for when paying for the services. Leave it turned off for now as the service is completely optional.
- Stripe checkout: Enabling this shows a separate check out page and a modal credit form instead.
- Payment request buttons: This is for paying using mobile services such as Google Pay, Apple Pay,etc
- Payment request button type: This is for enabling a pay button or donate button for different uses.
- Request button theme: This allows you select the theme for your Place order button. This can be set as dark, light or Light-outline.
- Payment request button height: This field defines the height of your payment button. Define this is PX.
- Saved cards: This allows the customer to save their card details and pay using it later. A note to remember that this detail is saved on Stripe’s server and not on your website, you will not be allowed to access these details.
- Logging: This enables a log for debugging.
Once you are done filling up the required fields, press on save changes and your payment gateway should be enabled.
Following this process, you can easily setup Stripe for WordPress. Furthermore, using the dashboard for Stripe itself you can set up even more features. We’d suggest reading more about these features. However, if you are not happy with Stripe and want to consider other features such as PayPal feel free to read about it here.
If you stumble onto some issue, always make sure that your Cart and Checkout page are functioning properly and that they have their respective shortcodes included.
Furthermore, you can also learn about other useful WooCommerce add-ons and extensions here.
Similarly, to learn more about improving the features of your website to improve customer experience, check out some of our other articles, such as:
- How to add PayPal Donate button to WordPress
- Adding a Button to WordPress
- How to make a Drop down menu