Allowing users to select their preferred payment method on WordPress forms enhances the checkout experience. It empowers customers to pay in the way that suits them best, fostering trust and satisfaction.
Numerous partner brands have successfully implemented various payment options on their forms, reporting significant improvements in their sales performance.
This is why we explored several popular WordPress form tools that integrate payment options.
Our research indicates that WP Simple Pay and WPForms simplify the process of providing customers with payment choices. Additionally, if you’re using WooCommerce, you can manage this directly from your dashboard.
In this article, we will guide you through the process of enabling users to select their payment method on WordPress forms.
Why Should You Offer Multiple Payment Methods in WordPress?
PayPal and credit cards are among the most common payment options for online transactions. Each option has its advantages and disadvantages, and your visitors may have a strong preference for one over the other.
Therefore, if you are selling products or services on your WordPress site or soliciting donations, it is crucial to provide your visitors with their preferred payment methods.
You may already have a fully functional online store equipped with a shopping cart.
If you don’t have an online store, you can still accept online payments by creating a straightforward order form with payment options.
This approach is particularly beneficial if you’re selling a single product, providing services, or fundraising for a cause or charity.
To securely accept payments on your website, you must enable HTTPS/SSL. For detailed instructions, refer to our guide on obtaining a free SSL certificate for your WordPress site.
In this guide, we will demonstrate how to provide various payment options on your website. We will explore three different methods so you can select the one that best fits your requirements.
Method 1 is the easiest and does not require a complete shopping cart. Use Method 2 if you have a WooCommerce store. Method 3 is ideal for those without an online store who want to utilize PayPal or create more versatile forms.
You can use the quick link below to navigate directly to your preferred method:
- Method 1: Providing Multiple Payment Options with WP Simple Pay
- Method 2: Providing Multiple Payment Options in WooCommerce
- Method 3: Providing Multiple Payment Options with WPForms
- Pro Tip: Include the ‘Buy Now, Pay Later’ Payment Option
Are you ready? Let’s begin.
Step 1: Adding Multiple Payment Options with WP Simple Pay
WP Simple Pay is a user-friendly solution for integrating various payment methods into your website. This top-rated WordPress payment plugin allows you to accept payments without the need for a comprehensive eCommerce platform or membership site.
For additional details, check out our review of WP Simple Pay.
It utilizes Stripe, a well-known payment gateway, to process payments via credit cards, Apple Pay, Google Pay, ACH bank debit, SEPA direct debit, Alipay, Giropay, iDEAL, and more.
To begin, install and activate the WP Simple Pay plugin. For comprehensive instructions, refer to our detailed guide on installing a WordPress plugin.
While a free version of the plugin is available, the Pro version is required to create on-site payment forms, accept Apple Pay, and access additional features.
Once activated, the WP Simple Pay setup wizard will launch automatically. Just click the ‘Let’s Get Started’ button to proceed.
Initially, you will need to enter your license key, which can be found in your account on the WP Simple Pay website.
After entering the key, click the ‘Activate and Continue’ button to proceed.
First, connect WP Simple Pay to your Stripe account.
Click the ‘Connect with Stripe’ button to log in or create a new Stripe account. Stripe supports various businesses, including freelancers, creators, and non-profit organizations.
For the latest information on supported countries and business types, please visit the official Stripe website.
Remember, Stripe requires your website to have SSL/HTTPS encryption. If you don’t have an SSL certificate yet, refer to our detailed guide on how to add SSL to your WordPress site.
After connecting to Stripe, you will need to set up your WP Simple Pay email notifications.
The options for sending payment and invoice emails to your customers are already activated, along with payment notification emails.
Simply provide the email address where you want to receive these notifications.
Once you’ve entered the email address, click the ‘Save and Continue’ button to finalize your WP Simple Pay setup.
Before proceeding, you may need to adjust one more setting. Some payment methods are only compatible with certain currencies, so if you’re not using USD, be sure to change the default currency.
To do this, navigate toWP Simple Pay » Settings.
In the ‘General’ tab, click on the ‘Currency’ subtab. You can then select your desired currency from the drop-down menu.
Creating a Payment Form in WordPress
Now it’s time to create your payment form. WP Simple Pay provides various customization options, but if you need more extensive control over the design of your form, consider using WPForms as described in Method 3.
If you don’t need to change your currency and can still access the last page of the setup wizard, simply click the ‘Create a Payment Form’ button. If not, please go to theWP Simple Pay » Add Newpage.
Here, you’ll find a selection of payment form templates. You can start with a basic template like ‘Payment Form’ and then add your payment methods.
Alternatively, you can search for more specific templates, such as ‘Afterpay / Clearpay’ or ‘Apple Pay / Google Pay’.
In this guide, we will select the ‘Payment Form’ template. Hover over the desired template and click the ‘Use Template’ button that appears.
This action will direct you to the payment form editor.
Begin by naming your payment form and providing a description. Next, under Form Type, choose the ‘Stripe Checkout’ option.
Proceed by clicking on the ‘Payment’ tab.
In this section, you can set the payment mode to either live or testing. The test mode allows you to process payments without actual charges, ensuring your form functions correctly and emails are sent.
Remember to switch this to ‘Live’ once you have completed testing and are ready to accept payments from your customers.
You can also include the products or services you offer, specifying their prices and indicating whether they are one-time payments or subscriptions.
Click the ‘Add Price’ button to add as many prices as needed. For each price, provide a label and amount. You can also choose additional options, such as whether the price is a subscription or if the user can set the price, like in a donation.
You can toggle the visibility of a price by clicking the small arrow on the right.
Next, navigate to the ‘Form Fields’ tab. The necessary fields have already been included in the form, and you can add more if needed.
From the ‘Form Fields’ drop-down menu, you can select additional fields and add them by clicking the ‘Add Field’ button. Available options include name, phone number, address, and more.
The default text on the button reads ‘Pay with Card.’ Since you will be accepting various payment methods, consider changing the text to something more inclusive, like ‘Pay Now.’ This way, your customers won’t think that credit cards are the only payment option.
Finally, click on the ‘Stripe Checkout’ tab and select the payment methods you want to provide. For this tutorial, we will keep the default settings.
Additional payment options, such as Apple Pay, will automatically be available on compatible devices. For more details, check out our guide on accepting Apple Pay in WordPress.
Klarna and Afterpay are ‘buy now, pay later’ services that give customers the flexibility to purchase items and pay in installments over a set period. For more information, refer to our guide on adding ‘buy now pay later’ payment plans to WordPress.
Once you are satisfied with your payment form, click the ‘Publish’ button to save your settings and make the form live.
The last step is to embed the form into a post or page on your website.
Integrating the Payment Form into Your Website
WP Simple Pay allows you to effortlessly place forms anywhere on your website.
To get started, either create a new post or page or edit an existing one. Then, click the plus (+) icon at the top and insert a WP Simple Pay block in the WordPress block editor.
Next, choose your order form from the dropdown menu within the WP Simple Pay block.
Once you have completed your changes, you can update or publish the post or page, and then click the preview button to see your form in action.
When users click the ‘Pay Now’ button, the Stripe checkout form will appear, displaying all the payment options you selected earlier.
On compatible devices and browsers, additional payment options like Apple Pay will also be automatically available.
Another payment option you can provide your customers with WP Simple Pay is recurring payments. For further details, refer to our guide on accepting recurring payments in WordPress.
Method 2: Providing Multiple Payment Options in WooCommerce
If you operate an online store with WooCommerce, you can easily add more payment methods using PayPal and the Stripe payment gateway.
WooCommerce is a free WordPress plugin that powers over 3.9 million eCommerce websites. It includes all the essential tools to transform your WordPress site into a fully functional online store, allowing you to sell your products effortlessly. Discover more about this powerful tool in our comprehensive WooCommerce review.
This tutorial assumes you have WooCommerce already installed. If you need assistance with the installation process, please refer to our detailed step-by-step guide on setting up WooCommerce.
Integrating PayPal with Your WooCommerce Store
If you set up PayPal during the WooCommerce setup wizard, you can skip ahead to the next section to configure Stripe.
If you haven’t set it up yet, navigate to WooCommerce » Settings and click on the ‘Payments’ tab located at the top of the page.
Next, scroll down until you see PayPal and click the ‘Get started’ button.
Begin by entering your PayPal email address and selecting your country from the dropdown menu.
Once you’ve filled in these details, click the ‘Next’ button to proceed.
If you already have a PayPal account associated with that email, you will be prompted to enter your password and log in. If not, you will need to provide your personal information to create a new account.
To link your PayPal account to your online store, click the ‘Agree and Consent’ button.
Next, confirm your email address by checking your inbox and following the instructions in the email you received. You can close the popup window by scrolling down and clicking the appropriate button.
You will be redirected back to the WooCommerce Payments settings page. Here, make sure to check the box to activate the PayPal payment gateway for your online store.
Carefully scroll down the page to verify that all settings are correct. Once you are satisfied, click the ‘Save changes’ button at the bottom.
Your customers can now choose PayPal as a payment option during checkout.
Integrating Stripe into Your WooCommerce Store
With PayPal set up, your customers have a convenient payment method. Now, let’s add Stripe, the leading option for credit card payments, to your store.
Start by installing and activating the WooCommerce Stripe Payment Gateway. For detailed instructions, refer to our step-by-step guide on how to install a WordPress plugin.
Please note that some payment options may only be available for specific currencies. If you are using a currency other than USD, please navigate toWooCommerce » SettingsEnsure you are on the ‘General’ tab.
Here, you can select the currency for your online store. Remember to click the ‘Save’ button to apply the changes.
Next, click on the ‘Payments’ tab.
In this tab, scroll down to find ‘Stripe’ in the ‘Method’ column. You will see several Stripe payment options available.
Begin by clicking the ‘Set up’ button next to ‘Stripe – Credit Card’. This will open a setup wizard that guides you through connecting WooCommerce to Stripe.
On the following screen, click the ‘Enter account keys’ button.
WooCommerce will request your Stripe account keys. To obtain this information, log into your Stripe dashboard in a new tab.
In the Stripe dashboard, ensure you are on the ‘Developers’ tab at the top, then select ‘API keys’ from the left-hand menu.
You can now copy the ‘Publishable key.’
Return to your WordPress dashboard and paste this key into the ‘Live publishable key’ field.
Now, repeat this process for the secret key. Go back to your Stripe dashboard and click the ‘Reveal live key’ button.
This will display your secret key.
Copy the key and return to your WordPress dashboard to paste it into the ‘Live secret key’ field.
Next, click on the ‘Test connection’ link.
After a moment, you will see a ‘Connection successful’ message, indicating that WooCommerce is now linked to your Stripe account.
You can now click the ‘Save live keys’ button.
You will then be redirected to the Stripe ‘Settings’ screen.
On this screen, make sure to check the ‘Enable Stripe’ box. If desired, you can also check the ‘Enable test mode’ box.
Test mode allows you to process payments that are not charged to an actual account, which is helpful for testing various payment types in your WooCommerce store. Remember to uncheck this option when you are ready to start accepting real payments.
Scroll to the bottom of the page and click the ‘Save Changes’ button to apply your settings.
Now that you have activated Stripe credit card payments, you can enable any additional Stripe payment methods you wish to offer in your online store.
Return to WooCommerce » Settingsand select the ‘Payments’ tab. Here, you can review the payment methods compatible with your store’s currency.
In this tutorial, we will enable Alipay. Locate ‘Stripe Alipay’ in the list of payment options and click the ‘Set up’ button.
Now, click the ‘Enable Alipay’ button to make Alipay available as a payment option during checkout.
Next, click the ‘Save changes’ button to apply your settings.
Alternative Option:If you prefer not to use WooCommerce’s default Stripe addon, consider the free Stripe Payment Gateway for WooCommerce plugin developed by FunnelKit.
This plugin supports various payment methods including Stripe, Apple Pay, Google Pay, SEPA, iDEAL, and more.
It also includes additional features such as a user-friendly setup wizard, automatic webhook creation for secure payment event communication with Stripe, one-click express payments, and more.
Integrating Recurring Payments with WooCommerce
Another way to provide flexible payment options for your WooCommerce customers is by implementing recurring payments, which will automatically charge them on a weekly, monthly, quarterly, or annual basis.
Automating the billing process saves you time by eliminating the need to manually send invoices. Recurring payments typically result in fewer delays and errors.
For additional information, refer to Method 4 in our guide on accepting recurring payments in WordPress.
Customers will have the option to select their preferred payment method during checkout. Here’s a sample screenshot from our demo WooCommerce store.
Our customers can make payments using credit cards, PayPal, and Alipay.
Method 3: Providing Multiple Payment Options with WPForms
WPForms is the top drag-and-drop form builder plugin for WordPress, allowing you to create simple order or donation forms without the complexity of a full eCommerce platform or shopping cart plugin.
We utilize WPForms for our contact form, site migration request form, and annual user survey. To learn more about this form builder, check out our comprehensive WPForms review.
Begin by installing and activating the WPForms plugin. For further instructions, see our detailed guide on how to install a WordPress plugin.
To access the payment addons for Stripe, PayPal, Square, and Authorize.net, you will need to subscribe to the Pro plan. This plan also provides access to a library of over 1,800 templates, including various order form templates, recurring payment options, and eliminates additional transaction fees.
The free WPForms Lite version allows you to accept one-time payments through Stripe. However, please note that this version incurs a 3% transaction fee in addition to Stripe’s standard fees.
For businesses that handle multiple transactions, upgrading to the Pro plan is typically more economical as it eliminates this additional fee.
After activation, navigate to the WPForms » Settings page to input your license key, which can be found in your WPForms account area.
Integrating Payment Platforms with WPForms
Next, we will connect WPForms to the payment platforms you intend to use. To do this, go to WPForms » Addons and install the necessary payment addons.
Scroll down to find the PayPal Standard Addon and click the ‘Install Addon’ button.
You will receive a notification confirming that the addon has been installed and activated, and the button text will change to ‘Deactivate.’
We will configure your PayPal account details later in this tutorial.
To accept credit card payments, you need to install an add-on. WPForms is compatible with Stripe, Square, and Authorize.net. In this guide, we will configure Stripe, but the setup process for the other platforms is quite similar.
Locate the Stripe Addon and click the ‘Install Addon’ button.
After installing and activating the add-ons, you must connect WPForms to your Stripe account.
To do this, navigate to WPForms » Settings and select the ‘Payments’ tab. Then, connect your Stripe account by clicking the ‘Connect with Stripe’ button.
On the following screen, enter your Stripe email address and click the ‘Next’ button. Stripe will then prompt you to log in with your password.
Once logged in, choose your Stripe account and click the ‘Connect’ button. You will be redirected back to the WPForms Payments settings tab.
To verify that your account is successfully connected, check the ‘Connection Status’ settings under Stripe settings.
If you see a green checkmark, your Stripe account is now successfully linked with WPForms. Click the ‘Save Settings’ button to save your configurations.
WPForms is now set up to accept credit card payments.
How to Create an Order Form with Multiple Payment Options
Next, we will create an online order form that can process payments via both PayPal and credit cards.
To begin, navigate to the WPForms » Add New page. Here, you will need to enter a title for your form and select the ‘Billing / Order Form’ template.
WPForms will automatically load the form builder with a basic order form that includes commonly used fields.
You can modify any field by clicking on it. If you need to rearrange the fields for improved flow, just drag and drop the field to your desired position.
To add a new field, select from the options available on the left side of the live preview.
Let’s add a multiple-choice field to your form, allowing users to choose their preferred payment methods. You can either click on the field or drag it onto the form, whichever you prefer.
After that, drag the ‘Stripe Credit Card’ field onto the form.
You can position it directly below the ‘Multiple Choice’ field.
Next, click on the ‘Multiple Choice’ field to customize the label and options to reflect the payment methods you provide.
Begin by entering ‘Payment Method’ in the label field. Next, label the first two options as ‘PayPal’ and ‘Credit Card’. Finally, remove the third option by clicking the red minus ‘-‘ button.
Then, toggle the ‘Required’ option to ON. This ensures that users must select a payment method before submitting the order form.
Now, let’s configure the ‘Stripe Credit Card’ field. We want it to remain hidden until a user selects it as their payment option, so we will utilize WPForms’ conditional logic feature.
To begin, click on the ‘Stripe’ field to edit it. Then, navigate to the ‘Smart Logic’ tab and activate conditional logic by switching the toggle to the ON position.
You will now see additional options that allow you to establish rules for the field.
Ensure that the first option is set to ‘Show’, and then use the drop-down menus to configure the remaining fields to read ‘Payment is Credit Card.’
Once completed, the ‘Stripe Credit Card’ field will only appear after a user selects ‘Credit Card’ from the ‘Payment Method’ field.
Activating Payment Methods on the Order Form
Next, we will enable PayPal and Stripe payment options for the order form.
Begin by navigating toPayments » PayPal Standardin the WPForms form builder. Then, check the box labeled ‘Enable PayPal Standard payments’ in the right panel.
This will display the PayPal form details that you need to complete.
Enter your PayPal email address and set the account to ‘Production’ mode. Additionally, configure whether users are required to provide a shipping address.
Next, apply conditional logic to PayPal as well. Scroll down and toggle the ‘Enable Conditional Logic’ switch to the ON position.
Once activated, this will reveal additional settings.
Set the rule to ‘Process this charge if the Payment Method is PayPal.’
Then, click on the ‘Stripe’ section within the ‘Payments’ tab and check the ‘Enable Stripe payments’ box.
You can include a payment description and choose to send a receipt via email if desired.
After that, toggle the ‘Enable Conditional Logic’ switch to the ON position to create a rule for this payment option.
Configure the rule to read, ‘Process this charge if the Payment Method is Credit Card.’
To enable recurring subscription payments via credit card, navigate to the Subscriptions section and set it up accordingly.
Once you have completed your changes, click the ‘Save’ button at the top to exit the form builder.
Integrating the Order Form into Your WordPress Website
Your online order form with various payment options is now ready for integration, and you can place it on any page of your WordPress site.
To insert your form, edit an existing post or page or create a new one. Click on the plus ‘+’ icon on the right side of the page and add a WPForms block in the WordPress editor.
Next, click on the drop-down menu in the WPForms block and select your order form. Don’t forget to save or publish the page once you’re done.
You can view your form in action by clicking the ‘Preview’ button at the top of the screen.
Bonus Tip: Introduce the ‘Buy Now, Pay Later’ Payment Option
Providing a ‘Buy Now, Pay Later’ (BNPL) option is an excellent way to enhance the shopping experience for your customers, allowing them to break their payments into smaller, more manageable installments.
Integrating Buy Now Pay Later (BNPL) options into your WordPress forms can significantly enhance the checkout experience, attract more customers, and boost sales. Here’s why you should consider it:
- Stay Ahead of the Competition:BNPL is an emerging trend in eCommerce, and providing this option keeps your business competitive.
- Increased Flexibility for Customers:With BNPL, shoppers have more payment choices, which can reduce cart abandonment rates.
- Increase Your Revenue:Customers are more inclined to make purchases when they can avoid paying the full amount upfront.
It’s beneficial for both you and your customers! Additionally, implementing this feature is straightforward with WP Simple Pay.
For a comprehensive guide, check out our tutorial on adding Buy Now Pay Later payment options to WordPress.
We hope this tutorial has helped you understand how to enable users to select a payment method on your WordPress form. You may also want to explore our expert recommendations for the best calculator plugins or our step-by-step guide on requiring a terms of service agreement in WordPress.
If you enjoyed this article, please subscribe to our YouTube Channel for WordPress video tutorials. You can also connect with us on Twitter and Facebook.
