Connect with us

WORDPRESS

How to Accept Alipay Payments in WordPress (2 Easy Methods)

Published

on

How to Accept Alipay Payments in WordPress (2 Easy Methods)

Are you wondering how to receive Alipay payments in WordPress?

Alipay is a digital wallet based in China with over 1 billion active users. Accepting Alipay payments on your WordPress site means you open the door to a broader audience, potentially increasing your sales.

In this article, we will explain how to accept Alipay payments in WordPress. That way, you can tap into a large market of users who prefer using this payment method.

how-to-accept-alipay-payments-in-wordpress-og

Why Should You Accept Alipay Payments in WordPress?

Alipay is a payment app that allows users to send and receive money online. It is a dominant player in the Chinese market and is now gaining popularity in Singapore, Malaysia, Hong Kong, and across the world.

It’s also not just used by international users. Many domestic dropshipping stores that buy products wholesale use Alipay as well. That’s because Alipay is the primary payment method for Alibaba and AliExpress, which are two eCommerce giants.

Alipay is well on its way to serving over 2 billion customers worldwide, so adding it as a payment option will help you tap into a huge market and attract customers from regions where Alipay is popular.

Advertisement

That being said, let’s dive into the 2 ways you can accept Alipay payments. You can use our links to jump to skip ahead to the method you prefer:

Method 1: Easily Collect Alipay Payments With WP Simple Pay (Recommended)

For this method, we will use WP Simple Pay, which is the best Stripe payment plugin on the market. With this plugin, you can accept payments without needing to set up any complicated APIs on your site.

WP Simple PayWP Simple Pay

WP Simple Pay integrates into Stripe’s payment options, which allows businesses using Stripe to accept payments from customers who want to pay with Alipay.

The good news is you can use WP Simple Pay Lite since it can accept Alipay payments. Best of all, it’s 100% free.

Note: You will need WP Simple Pay Pro for access to the Alipay payments form. With the free version, you can only create an Alipay payment button to add to your pages. Also, you won’t be able to build on-site payment forms without the paid plan.

For most businesses, we recommend WP Simple Pay Pro. This paid version accepts 10+ payment methods and offers recurring payments, buy now, pay later plans, and an advanced form builder.

For this tutorial, we will be using the Pro plan so that we can build a payment form to accept Alipay payments. The process is the same with the free plan, but you will have access to fewer features.

Advertisement

Step 1: Install and Activate WP Simple Pay

To begin, you’ll need to install and activate the WP Simple Pay plugin. If you need help, read our tutorial on how to install a WordPress plugin.

Upon activation, the plugin will automatically launch the WP Simple Pay setup wizard. You’ll need to click on the ‘Let’s Get Started’ button.

Lets get started buttonLets get started button

Step 2: Complete the Setup Wizard

You’ll be taken to the next step in the process. From there, you’ll have to create a new Stripe account or connect to an existing one. Click the ‘Connect with Stripe’ button to move to the next screen.

Connect to stripe Connect to stripe

Assuming you already have a Stripe account, you can type in your email address and click the ‘Continue’ button.

It will integrate your Stripe data into your site. That way, all of the payments you receive will go to your Stripe account.

Connect stripe Connect stripe

From here, you’ll be prompted to select your Stripe account.

Then hit ‘Connect.’ Or you can choose to create a new account instead.

Advertisement
Connect Stripe to WP Simple Pay Connect Stripe to WP Simple Pay

Step 3: Create a Form to Accept Alipay Payments

Once you’ve connected your Stripe account, you will need to create a payment form.

Go ahead and click the ‘Create a Payment Form’ button.

Setup complete wp simple pay Setup complete wp simple pay

You will land on a template library where you can pick one from the many pre-built templates for your form.

Next, look for the ‘Alipay Payment Form’ and click on ‘Use Template.’

Alipay payment formAlipay payment form

As soon as you choose the template, you will be taken to an intuitive drag-and-drop builder.

You will also be prompted to configure the General settings. This is where you will customize the title, description, form type, and more.

There are also options to add a CAPTCHA and email verification button to prevent fake orders.

General tab WP Simple PayGeneral tab WP Simple Pay

If you go to the ‘Confirmation Page’ tab, you can configure where you direct users when they complete the form.

By default, WP Simple Pay will show a custom success page when a customer makes a payment. But you can select ‘Custom Page’ if you’d like to show a different page hosted on your WordPress site. This is a great opportunity to send them to a thank you page and even upsell them on more products or services.

Advertisement

Or, if you prefer to redirect customers to an external page, you can select ‘External URL.’ You can also add a ‘Payment Success Message’ to thank customers and tell them what they can expect from you next.

Confirmation page Confirmation page

After that, you need to go to the ‘Payment’ tab on the left.

This is where you will set the ‘Default Price.’

Price options Price options

And under the ‘Payment Methods,’ be sure to check off the box next to Alipay to begin accepting Alipay payments on your site.

You can also choose other payment methods, such as a Card or ACH direct deposit. If you have WP Simple Pay Pro, you will have full access to 13 payment methods, including Apple Pay, Google Pay, Afterpay, Klarna, Cashapp, and more.

Alipay payment methodsAlipay payment methods

Then, go to the ‘Form Fields’ tab on the left. Here, you can add or change any existing form fields.

All you need to do is hit the dropdown menu under ‘Form Fields’ and click ‘Add Field.’

Form fields WP Simple PayForm fields WP Simple Pay

You have plenty of options to choose from, such as phone, address, coupon, and more.

Step 4: Publish Your Alipay Form

Once your form is ready to go, make sure to save your changes. Next up, you are ready to publish and embed your Alipay payments form on your site.

Advertisement

Go ahead and click the ‘Publish’ button on the right side.

publish form publish form

Now, you will need to embed the form in your WordPress website. Just go to the post or page where you want to include your form. This could be a services page, a product page, or anywhere else.

On the top left corner, hit the ‘+’ button.

+ icon page + icon page

Search for the WP Simple Pay block to add it to your page.

You’ll see the block appear in the block editor.

WP simple pay block insert WP simple pay block insert

In the dropdown menu, simply select the Alipay payment form you’ve just created.

You will see the form embedded into your page.

Choose form Choose form

Finally, hit ‘Publish’ or ‘Update.’

There you have it. Now you know how to easily collect Alipay payments on your WordPress site.

publish alipay publish alipay

Don’t forget to test the form to ensure payments are going through.

Here’s an example of what the form should look like:

Advertisement
alipay payment form preview alipay payment form preview

Method 2: Accept WooCommerce Alipay Payments With Stripe Payment Gateway Plugin

If you run a WooCommerce store, then you may want to use a payment plugin instead. While you can add a WP Simple Pay button or form to your product pages, it may not embed into the form as seamlessly.

With a WooCommerce plugin, Alipay will integrate smoothly into the payment page as a checkbox that customers can tick off during the checkout process.

Step 1: Install the WooCommerce Stripe Plugin

To get started, you will need to download the free WooCommerce Stripe plugin. This plugin will redirect users to the Alipay payment page, where they can log in and authorize the payment.

Go to the WooCommerce Stripe plugin page and click on ‘Free Download.’

Stripe by WooCommerce free downloadStripe by WooCommerce free download

From here, you will be directed to the cart page.

Check that the order details are correct and hit ‘Proceed to Checkout.’

My cart My cart

You’ll be taken to the checkout page. All you need to do is enter your name and email address.

After that, just click on the ‘Pay $0.00’ button.

Advertisement
Pay buttonPay button

You’ll be directed to the thank you page.

Just click the ‘Download’ button so you can download the plugin files to your computer.

download stripe plugin download stripe plugin

From here, all you need to do is install the WooCommerce Stripe plugin by uploading it to WordPress. If you need help, you can follow our step-by-step guide on how to install a WordPress plugin.

Step 2: Enable Alipay in WooCommerce

Upon activation, you need to head over to WooCommerce » Settings in your WordPress dashboard. Then go ahead and navigate to the ‘Payments’ tab.

WooCommerce payments tab WooCommerce payments tab

If you scroll down the page, you will find ‘Stripe Alipay’ as a payment method.

Simply toggle on the button to enable Alipay for your WooCommerce site. Click on ‘Save changes’ at the bottom.

Then go ahead and click ‘Finish set up’ next to the Alipay option.

Set up Stripe AlipaySet up Stripe Alipay

Step 3: Add Your Stripe Account

You will now be asked to integrate your Stripe account.

Advertisement

Just hit the ‘Create or connect an account button’ to add your Stripe account to WooCommerce.

Connect stripe to alipay Connect stripe to alipay

All you have to do is choose your Stripe account and click ‘Connect.’

If you don’t have a Stripe account yet, then you can select ‘Create a new account.’

Connect Stripe to WooCommerce Connect Stripe to WooCommerce

Step 4: Activate Alipay

Now, your Stripe account is fully connected to your online store.

You will need to go back to the ‘Payments’ tab. Next to the ‘Stripe Alipay’ method, click on ‘Manage.’

Manage Stripe Alipay Manage Stripe Alipay

This is where you will be able to configure the Alipay settings, such as the name and description that appear on your checkout page.

Go ahead and click on the ‘Activate in your Stripe Dashboard link.’

Activate in Stripe dashboard Activate in Stripe dashboard

You will be directed to your Stripe account’s payment method tab in the settings.

Scroll down to find ‘Alipay,’ and next to it, click on ‘Request access.’

Advertisement
Alipay request access Alipay request access

From here, a popup message will appear asking if you want to activate Alipay payments.

Simply hit the ‘Continue’ button to accept Alipay payments in your WooCommerce store.

Activate alipay Activate alipay

After you’ve requested access, you need to wait for Stripe to approve your account. It should take about 1-2 business days before you can begin accepting Alipay payments.

When you are approved, you should receive an email from Stripe letting you know that Alipay has been activated for your Stripe account.

stripe email activatedstripe email activated

On top of that, you will want to go to your Stripe account’s payment methods and make sure that it doesn’t say ‘Pending’ next to Alipay.

Otherwise, you’ll have to wait until Stripe approves your request.

Alipay approvalAlipay approval

Now, all you need to do is check that the Alipay method appears at checkout for your customers.

Go to any product page and go through the checkout progress. Under the order summary, you should see an option for customers to pay with Alipay.

Alipay checkout option Alipay checkout option

When the customer places an order, they should be sent directly to the Alipay login page. That is where they can log in to their Alipay account and finalize their payment.

Then, the money goes straight into your Stripe account through the integration.

Alipay home Alipay home

There you have it! Now, you are ready to accept Alipay payments in your WooCommerce store.

We also recommend adding other WooCommerce payment gateways, such as PayPal and Square, to give customers more options to choose from.

Advertisement

We hope this article helped you learn how to accept Alipay payments in WordPress. You may also want to see our guide on how to easily accept credit card payments in WordPress and our picks for the must-have WordPress plugins and tools for business sites.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.



Source link

Keep an eye on what we are doing
Be the first to get latest updates and exclusive content straight to your email inbox.
We promise not to spam you. You can unsubscribe at any time.
Invalid email address