Whatever e-commerce website you create, the essential thing you need to set up is how the customers will spend their money. There are different possible options that include different plugins and imply different logic. This article will go through the ways of implementing a payment system to your website via JetEngine, WooCommerce, and JetBooking.
Option #1: via JetEngine Form
If you use JetEngine for building your website and need to set up payment gateways, there is an option to do this via Forms functionality. For this, you have to go to the directory on your PC where you have installed WordPress.
- Open the htdocs > wp-content > themes > your-website-child-theme folder
- Open the functions.php file with the notes app and insert the following code:
add_filter( 'jet-engine/forms/allow-gateways', '__return_true' );
This is how it should look like:
- Save the file
After you do this, the Gateway Settings section will appear in all form editing and creation windows. Currently, only PayPal is available via this method but in some time, we’re going to add more. To find out how to get PayPal Client ID and Secret Key, visit this tutorial.
Option #2: via JetEngine and WooCommerce
This is a viable option if your website sells goods (and doesn’t rent them). Let’s assume you have a footwear store where you sell directly to customers and get money right after purchase.
The main thing here is to set up the footwear as Product. Since WooCommerce doesn’t provide many fields for products, we have to create Custom Meta Box, fill it in with necessary information, and apply it throughout the products.
- Go to JetEngine → Meta Boxes → Add New
A full guide on how to create meta boxes is here.
Now when we have a Custom Meta Box, we need to create the product’s listing item.
- Go to JetEngine → Listings → Add New
Follow this link to learn more about how to create listing items.
Now when we have our listing items with footwear set up products, it’s time to adjust WooCommerce. Everything is pretty simple here, but some run into setup problems. However, in fact, there is no issue. The thing is that you must first set up shipping to configure a payment in WooCommerce!
Luckily for me, the guys from WooCommerce have a great tutorial on how to set up shipping, and it’s here. ?
Since WooCommerce supports all well-known payment systems including PayPal, Apple Pay, Google Pay, and Amazon Pay, and everything here is quite easy to set up, this option seems the most working.
Option #3: via JetBooking and WooCommerce
If you operate a rental website and looking for the best way to connect the booking form with the payment system, this option is exactly what you need. Here you need to integrate WooCommerce to JetBooking and then link the booking form with WooCommerce checkout and order forms.
To integrate WooCommerce:
- Go to Bookings Settings in the Dashboard → Bookings → Settings → General → enable WooCommerce integration option
Read the detailed guide on how to enable WooCommerce integration here.
To make a nicely-looking front-end experience for your customers, you have to connect the booking form with WooCommerce.
- Go to the JetEngine → Forms → choose the form you use for the Single Page and proceed to edit it → scroll to Post-submit Actions/Notifications Settings → click the editing button on the Apartment booking notification
After enabling WooCommerce, you will see three new blocks in the Apartment booking notification panel – WooCommerce Price field, WooCommerce order details, and WooCommerce checkout fields map.
The essence of these fields is clear from the name, and you can read more about why they are needed and how to configure them in this tutorial.
After you customize all those fields and apply changes, you will get a fully functional booking form linked with order and checkout forms!