Payment Processing – Integrating Stripe with your website

Table of Contents

Introduction to Stripe

Stripe is one of the most popularly used payment processing software along with PayPal. This guide explains why you should consider using Stripe as your payment gateway, and how to integrate Stripe checkout on your website (built on Wix/ WordPress).

1. Stripe

Stripe is a payment gateway that allows your customers to safely and efficiently transfer funds from their credit cards or bank accounts. It provides both one-time and subscription-based payments. Stripe and PayPal provide very similar services – read the guide: Payment Processing – Integrating PayPal with Your Website if you would like to know more about PayPal and how to integrate it with your website.

Stripe as Your Payment Gateway

Stripe offers a comparatively more business-friendly experience to users, where:

  1. The commission charged is lower than competitors such as Paypal.
  2. Stripe provides analytical tools for your transactions, such as:
    1. Advanced search functions (by card number, amount, customer, date, payment status, etc.)
    2. Visualised summary of your sales records
    3. Invoices page to automatically issue and record invoices generated from online sales

Watch this introductory video if you want to know more about Stripe and how to make the best use of it!

Get Started with Stripe

Setting up your Stripe Account

  1. Go to Stripe → Click on [Start Now]
2. Stripe page
  1. Fill in the blanks to create your account.
3. Stripe account
  1. You will be directed to your setup page, where you can verify your email.
4. Stripe account
  1. Press [Start now] under ‘Activate your Stripe account’
5. Stripe account
  1. In this section, you will be asked to provide details of your business and bank account.
6. Stripe account
  1. Submit your application after you fill all the fields in → it should only take a few minutes for the application to be approved!
7. Stripe account

Integrate Stripe with Your Website

1. WordPress Website

Once you have a Stripe account ready, it is quite straightforward to link it to your website. However, you need to have the WooCommerce plugin installed on your WordPress. The plugin is free, and easy to use.

Take 5 min to watch the video below to install the WooCommerce plugin, or follow our steps listed below.

  1. In your WordPress Dashboard, go to [Plugins] → Click on [Add New]
8. Stripe plug in
  1. In the search bar on the top right, search “WooCommerce stripe” → Install the plugin called [WooCommerce Stripe Payment Gateway]
9. plug in
  1. Once installed, you should be able to find WooCommerce in the [Plugins] tab in your dashboard → click on ‘Settings’ under [WooCommerce Stripe Gateway].
10. WooCommerce
  1. You will be taken to a page like below. Make sure you have the ‘Enable Stripe’ box ticked.
11. Enable Stripe
  1. Now, open your Stripe dashboard → [Developers] tab from the toolbar on the left.
12. Stripe dashboard
  1. You will see several sub-tabs under the [Developers] tab → Click on [API keys].
13. API Keys
  1. Copy the ‘Publishable Key’ token and ‘Secret Key’ token and paste them on the WordPress dashboard, in the blue box shown below → Scroll down and click on ‘Save Changes’
14. Secret key
15. Live secret key
  1. Now, your buyers will be able to see the option to checkout using Stripe in their payment process.
16. Checkout using Stripe

2. Wix Website

Wix requires a premium hosting (paid plans) for you to receive payments on your website. Assuming you have subscribed to a paid plan, you can follow the steps below.

  1. Go to Dashboard → [Finances] → [Payments]
17. Wix
  1. Click on [Manage Payment Methods]
18. Wix manage payment
  1. You will initially see two options only; PayPal and Manual Payments → Click on [See More Payment Options]
19. Wix Payment Option
  1. Scroll all the way down and click on [Third-Party Credit/Debit Card Providers].
20. Wix payment
  1. Now you should be able to see Stripe → Click on [Connect].
21. Connect Stripe with Wix
  1. Click sign in (with your stripe account, which you should already have now), and now it’s all set! Your customers will see a payment option for Stripe on the checkout page.

Fees and Commissions (as of April 23rd 2022)

Stripe’s pricing is straightforward and simple, where small businesses can opt in for the pay-as-you-go plan to pay a 3.4% commission on each card charge, as well as a HK$2.35 transaction fee per transaction. Stripe’s costs for Hong Kong-based merchants are in line with its pricing in Singapore and other Asian markets.

In comparison, PayPal charges you 3.9% commission on each charge on top of HK$2.35, and its rates can go higher depending on the type of transaction (see Payment Processing – Integrating PayPal with Your Website for more details).

What did you find helpful, or how can we improve? What other kinds of resources do you think we should be providing?
Please let us know your email if you'd like us to follow up with you or contact you separately!

Let us know if you like this article!

Scroll to Top