{"id":2338,"date":"2022-06-14T11:57:43","date_gmt":"2022-06-14T11:57:43","guid":{"rendered":"https:\/\/docs.wptravelengine.com\/?post_type=docs&#038;p=2338"},"modified":"2023-12-29T08:26:51","modified_gmt":"2023-12-29T08:26:51","slug":"woocommerce-payments","status":"publish","type":"docs","link":"https:\/\/docs.wptravelengine.com\/article\/woocommerce-payments\/","title":{"rendered":"WooCommerce Payment Gateway"},"content":{"rendered":"\n<p>With the <a href=\"https:\/\/wptravelengine.com\/plugins\/woocommerce-payments\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>WooCommerce Payment Gateway<\/strong><\/a> add-on, you can accept trip payments through various WooCommerce-supported gateways.<\/p>\n\n\n\n<p>In this documentation, you will learn step-by-step about add-on installation, setup, and initial configuration options.<\/p>\n\n\n\n<p><strong>Requirement<\/strong>: To use this payment gateway, you need three things:<\/p>\n\n\n\n<ul>\n<li>WP Travel Engine plugin version 5.4.0 or later<\/li>\n\n\n\n<li>WooCommerce version: 6.4 or later<\/li>\n\n\n\n<li>WP Travel Engine \u2013 WooCommerce Payment Gateway version 1.1.1 or later<\/li>\n<\/ul>\n\n\n\n<p>You can follow the video or the below steps to configure the WooCommerce Payment Gateway.<\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"WooCommerce Payments Gateway Add-On | WP Travel Engine Tutorial\" width=\"790\" height=\"444\" src=\"https:\/\/www.youtube.com\/embed\/XvbCibsyLWk?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Download the Plugin File<\/h2>\n\n\n\n<p>After the purchase, you can download the add-on file by visiting the individual add-on pages from here &#8211; <a href=\"https:\/\/wptravelengine.com\/plugins\/\" target=\"_blank\" rel=\"noreferrer noopener\">https:\/\/wptravelengine.com\/plugins\/<\/a><\/p>\n\n\n\n<p>Here are the steps you need to follow:<\/p>\n\n\n\n<ul>\n<li>Visit the WP Travel Engine website and log in to your account through the &#8220;My Account&#8221; page (<a href=\"https:\/\/wptravelengine.com\/my-account\/\" target=\"_blank\" rel=\"noreferrer noopener\">https:\/\/wptravelengine.com\/my-account\/<\/a>).<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1033\" height=\"653\" src=\"https:\/\/docs.wptravelengine.com\/wp-content\/uploads\/2019\/12\/my-account-page.png\" alt=\"my account page\" class=\"wp-image-3241\" srcset=\"https:\/\/docs.wptravelengine.com\/wp-content\/uploads\/2019\/12\/my-account-page.png 1033w, https:\/\/docs.wptravelengine.com\/wp-content\/uploads\/2019\/12\/my-account-page-300x190.png 300w, https:\/\/docs.wptravelengine.com\/wp-content\/uploads\/2019\/12\/my-account-page-1024x647.png 1024w, https:\/\/docs.wptravelengine.com\/wp-content\/uploads\/2019\/12\/my-account-page-768x485.png 768w, https:\/\/docs.wptravelengine.com\/wp-content\/uploads\/2019\/12\/my-account-page-360x228.png 360w, https:\/\/docs.wptravelengine.com\/wp-content\/uploads\/2019\/12\/my-account-page-95x60.png 95w\" sizes=\"(max-width: 1033px) 100vw, 1033px\" \/><\/figure>\n\n\n\n<ul>\n<li>Go to the WooCommerce Payments add-on page- <a href=\"https:\/\/wptravelengine.com\/plugins\/woocommerce-payments\/\" target=\"_blank\" rel=\"noreferrer noopener\">https:\/\/wptravelengine.com\/plugins\/woocommerce-payments\/<\/a>&nbsp;<\/li>\n\n\n\n<li>Now, you will see the <strong>Download<\/strong> option on the right side of the page instead of<strong><em> View Pricing<\/em><\/strong>. Click on it to download the add-on file.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"860\" height=\"495\" src=\"https:\/\/docs.wptravelengine.com\/wp-content\/uploads\/2019\/12\/Download-the-Plugin-File.png\" alt=\"Download the Plugin File\" class=\"wp-image-3247\" style=\"width:839px;height:auto\" srcset=\"https:\/\/docs.wptravelengine.com\/wp-content\/uploads\/2019\/12\/Download-the-Plugin-File.png 860w, https:\/\/docs.wptravelengine.com\/wp-content\/uploads\/2019\/12\/Download-the-Plugin-File-300x173.png 300w, https:\/\/docs.wptravelengine.com\/wp-content\/uploads\/2019\/12\/Download-the-Plugin-File-768x442.png 768w, https:\/\/docs.wptravelengine.com\/wp-content\/uploads\/2019\/12\/Download-the-Plugin-File-360x207.png 360w, https:\/\/docs.wptravelengine.com\/wp-content\/uploads\/2019\/12\/Download-the-Plugin-File-104x60.png 104w\" sizes=\"(max-width: 860px) 100vw, 860px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"1-toc-title\">Installing the Add-on<\/h2>\n\n\n\n<p>To install the add-on, upload the downloaded file to your WordPress dashboard. Follow the steps below:<\/p>\n\n\n\n<ul>\n<li>Navigate to the&nbsp;<strong>Plugin &gt; Add New<\/strong>.<strong>&nbsp;<\/strong><\/li>\n\n\n\n<li>Click on the&nbsp;<strong>Upload Plugin<\/strong>&nbsp;button.<\/li>\n\n\n\n<li>Select the downloaded file, \u201cwp-travel-engine-woocommerce-payments.zip,\u201d from your computer.<\/li>\n\n\n\n<li>Click on&nbsp;<strong>Install Now<\/strong>.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"971\" height=\"333\" src=\"https:\/\/docs.wptravelengine.com\/wp-content\/uploads\/2019\/12\/install-group-discount-file.png\" alt=\"install addon file\" class=\"wp-image-3239\" srcset=\"https:\/\/docs.wptravelengine.com\/wp-content\/uploads\/2019\/12\/install-group-discount-file.png 971w, https:\/\/docs.wptravelengine.com\/wp-content\/uploads\/2019\/12\/install-group-discount-file-300x103.png 300w, https:\/\/docs.wptravelengine.com\/wp-content\/uploads\/2019\/12\/install-group-discount-file-768x263.png 768w, https:\/\/docs.wptravelengine.com\/wp-content\/uploads\/2019\/12\/install-group-discount-file-360x123.png 360w, https:\/\/docs.wptravelengine.com\/wp-content\/uploads\/2019\/12\/install-group-discount-file-175x60.png 175w\" sizes=\"(max-width: 971px) 100vw, 971px\" \/><\/figure>\n\n\n\n<ul>\n<li>Once the file is installed, click on &#8220;Activate&#8221; to enable the add-on on your website.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Activating the Plugin License&nbsp;<\/h2>\n\n\n\n<p>To activate the plugin license and receive regular updates, follow these steps:<\/p>\n\n\n\n<ul>\n<li>Go to your Admin Dashboard and navigate to<strong> WP Travel Engine &gt; Plugin License.<\/strong><\/li>\n\n\n\n<li>Enter the license key in the WooCommerce Payments field.<\/li>\n\n\n\n<li>Click <strong>Save Changes<\/strong>.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"910\" height=\"415\" src=\"https:\/\/docs.wptravelengine.com\/wp-content\/uploads\/2022\/06\/activate-woocommerce-license.png\" alt=\"activate woocommerce addon license Key\" class=\"wp-image-3525\" srcset=\"https:\/\/docs.wptravelengine.com\/wp-content\/uploads\/2022\/06\/activate-woocommerce-license.png 910w, https:\/\/docs.wptravelengine.com\/wp-content\/uploads\/2022\/06\/activate-woocommerce-license-300x137.png 300w, https:\/\/docs.wptravelengine.com\/wp-content\/uploads\/2022\/06\/activate-woocommerce-license-768x350.png 768w, https:\/\/docs.wptravelengine.com\/wp-content\/uploads\/2022\/06\/activate-woocommerce-license-360x164.png 360w\" sizes=\"(max-width: 910px) 100vw, 910px\" \/><\/figure>\n\n\n\n<ul>\n<li>Refresh the page to see the <strong>Activate License<\/strong> button, then click on it.&nbsp;<\/li>\n<\/ul>\n\n\n\n<p>After successful activation, you can update the WooCommerce Payments add-on from the plugins page normally, whenever a new update is released.<\/p>\n\n\n\n<p class=\"has-background\" style=\"background-color:#f6fdfb\"><strong>Note:<\/strong> To use our WooCommerce Payment Gateway in WP Travel Engine, you must install the WooCommerce plugin first.&nbsp;<\/p>\n\n\n\n<p class=\"has-background\" style=\"background-color:#f6fdfb\">You can easily install the WooCommerce plugin by clicking on the link provided: <a href=\"https:\/\/wordpress.org\/plugins\/woocommerce\/\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">https:\/\/wordpress.org\/plugins\/woocommerce\/<\/a><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Configuring the WooCommerce Gateway<\/h2>\n\n\n\n<p>To configure the main settings for the WooCommerce payment gateway, navigate to <strong>WP Travel Engine &gt; Settings &gt; Payments&gt; WooCommerce.<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"910\" height=\"313\" src=\"https:\/\/docs.wptravelengine.com\/wp-content\/uploads\/2022\/06\/configure-woocommerce-gateway.png\" alt=\"configure woocommerce gateway\" class=\"wp-image-3526\" srcset=\"https:\/\/docs.wptravelengine.com\/wp-content\/uploads\/2022\/06\/configure-woocommerce-gateway.png 910w, https:\/\/docs.wptravelengine.com\/wp-content\/uploads\/2022\/06\/configure-woocommerce-gateway-300x103.png 300w, https:\/\/docs.wptravelengine.com\/wp-content\/uploads\/2022\/06\/configure-woocommerce-gateway-768x264.png 768w, https:\/\/docs.wptravelengine.com\/wp-content\/uploads\/2022\/06\/configure-woocommerce-gateway-360x124.png 360w\" sizes=\"(max-width: 910px) 100vw, 910px\" \/><\/figure>\n\n\n\n<p>Simply toggle on the WooCommerce Payment Gateway to switch it on. Then, click <strong>Save and Continue <\/strong>to secure your changes.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"910\" height=\"507\" src=\"https:\/\/docs.wptravelengine.com\/wp-content\/uploads\/2022\/06\/toggle-on-woocommerce-payment-gateway.png\" alt=\"toggle on WooCommerce payment gateway\" class=\"wp-image-3529\" srcset=\"https:\/\/docs.wptravelengine.com\/wp-content\/uploads\/2022\/06\/toggle-on-woocommerce-payment-gateway.png 910w, https:\/\/docs.wptravelengine.com\/wp-content\/uploads\/2022\/06\/toggle-on-woocommerce-payment-gateway-300x167.png 300w, https:\/\/docs.wptravelengine.com\/wp-content\/uploads\/2022\/06\/toggle-on-woocommerce-payment-gateway-768x428.png 768w, https:\/\/docs.wptravelengine.com\/wp-content\/uploads\/2022\/06\/toggle-on-woocommerce-payment-gateway-360x201.png 360w\" sizes=\"(max-width: 910px) 100vw, 910px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Setting WooCommerce Checkout Page<\/h2>\n\n\n\n<p>Upon enabling the WooCommerce payment gateway, the checkout page is automatically assigned for each trip. If no page is assigned or you wish to designate a different page, follow these steps:<\/p>\n\n\n\n<ul>\n<li>Go to <strong>WP Travel Engine<\/strong> &gt; <strong>Settings<\/strong> &gt; <strong>General <\/strong>&gt; <strong>Page Settings<\/strong>.<\/li>\n\n\n\n<li>Choose the desired checkout page from the &#8220;Checkout Page&#8221; drop-down menu.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"910\" height=\"582\" src=\"https:\/\/docs.wptravelengine.com\/wp-content\/uploads\/2022\/06\/select-checkout-page.png\" alt=\"select checkout page\" class=\"wp-image-3527\" srcset=\"https:\/\/docs.wptravelengine.com\/wp-content\/uploads\/2022\/06\/select-checkout-page.png 910w, https:\/\/docs.wptravelengine.com\/wp-content\/uploads\/2022\/06\/select-checkout-page-300x192.png 300w, https:\/\/docs.wptravelengine.com\/wp-content\/uploads\/2022\/06\/select-checkout-page-768x491.png 768w, https:\/\/docs.wptravelengine.com\/wp-content\/uploads\/2022\/06\/select-checkout-page-360x230.png 360w\" sizes=\"(max-width: 910px) 100vw, 910px\" \/><\/figure>\n\n\n\n<ul>\n<li>Configure additional settings such as the Thank You Page and Terms and Conditions.<\/li>\n\n\n\n<li>Click <strong>Save and Continue<\/strong>.&nbsp;<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Setting the Currency in WooCommerce<\/h2>\n\n\n\n<p>The final step to set up the WooCommerce Payment Gateway is to configure the currency in the WooCommerce plugin. This ensures that both WP Travel Engine and WooCommerce use the same currency value. <\/p>\n\n\n\n<p>Follow these steps:&nbsp;<\/p>\n\n\n\n<ul>\n<li>Go to <strong>Dashboard &gt; WooCommerce &gt; Settings &gt; General<\/strong>.<\/li>\n\n\n\n<li>Scroll down to the <strong>Currency options<\/strong> sections.&nbsp;<\/li>\n\n\n\n<li>Select the same currency that you have used for the WP Travel Engine.&nbsp;<\/li>\n\n\n\n<li>Click <strong>Save Changes.&nbsp;<\/strong><\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"910\" height=\"696\" src=\"https:\/\/docs.wptravelengine.com\/wp-content\/uploads\/2022\/06\/setting-currency.png\" alt=\"Currency in WooCommerce\" class=\"wp-image-3528\" srcset=\"https:\/\/docs.wptravelengine.com\/wp-content\/uploads\/2022\/06\/setting-currency.png 910w, https:\/\/docs.wptravelengine.com\/wp-content\/uploads\/2022\/06\/setting-currency-300x229.png 300w, https:\/\/docs.wptravelengine.com\/wp-content\/uploads\/2022\/06\/setting-currency-768x587.png 768w, https:\/\/docs.wptravelengine.com\/wp-content\/uploads\/2022\/06\/setting-currency-360x275.png 360w\" sizes=\"(max-width: 910px) 100vw, 910px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Trip Checkout Demo<\/h2>\n\n\n\n<p>After all the required configurations are completed on the site backend, when your customers book a trip and proceed to checkout, they will get directed to the WooCommerce Checkout page.<\/p>\n\n\n\n<p>Customers then need to fill in the required booking details and use the available payment gateway to make the payment. Once the payment is complete, they will be directed to the WooCommerce Order Received page.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"910\" height=\"629\" src=\"https:\/\/docs.wptravelengine.com\/wp-content\/uploads\/2022\/06\/woocommerce-checkout-page.png\" alt=\"woocommerce checkout page\" class=\"wp-image-3531\" srcset=\"https:\/\/docs.wptravelengine.com\/wp-content\/uploads\/2022\/06\/woocommerce-checkout-page.png 910w, https:\/\/docs.wptravelengine.com\/wp-content\/uploads\/2022\/06\/woocommerce-checkout-page-300x207.png 300w, https:\/\/docs.wptravelengine.com\/wp-content\/uploads\/2022\/06\/woocommerce-checkout-page-768x531.png 768w, https:\/\/docs.wptravelengine.com\/wp-content\/uploads\/2022\/06\/woocommerce-checkout-page-360x249.png 360w\" sizes=\"(max-width: 910px) 100vw, 910px\" \/><\/figure>\n\n\n\n<p>On the site backend, you (the admin) can view booking details via <strong>WP Travel Engine > Bookings <\/strong>and <strong>WooCommerce > Orders<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"910\" height=\"405\" src=\"https:\/\/docs.wptravelengine.com\/wp-content\/uploads\/2022\/06\/booking-order-in-WTE.png\" alt=\"booking order in WTE\" class=\"wp-image-3530\" srcset=\"https:\/\/docs.wptravelengine.com\/wp-content\/uploads\/2022\/06\/booking-order-in-WTE.png 910w, https:\/\/docs.wptravelengine.com\/wp-content\/uploads\/2022\/06\/booking-order-in-WTE-300x134.png 300w, https:\/\/docs.wptravelengine.com\/wp-content\/uploads\/2022\/06\/booking-order-in-WTE-768x342.png 768w, https:\/\/docs.wptravelengine.com\/wp-content\/uploads\/2022\/06\/booking-order-in-WTE-360x160.png 360w\" sizes=\"(max-width: 910px) 100vw, 910px\" \/><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>With the WooCommerce Payment Gateway add-on, you can accept trip payments through various WooCommerce-supported gateways. In this documentation, you will &hellip; <\/p>\n","protected":false},"author":10,"featured_media":0,"template":"","meta":{"_eb_attr":"","_eb_data_table":""},"doc_category":[7],"doc_tag":[],"_links":{"self":[{"href":"https:\/\/docs.wptravelengine.com\/wp-json\/wp\/v2\/docs\/2338"}],"collection":[{"href":"https:\/\/docs.wptravelengine.com\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/docs.wptravelengine.com\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/docs.wptravelengine.com\/wp-json\/wp\/v2\/users\/10"}],"version-history":[{"count":32,"href":"https:\/\/docs.wptravelengine.com\/wp-json\/wp\/v2\/docs\/2338\/revisions"}],"predecessor-version":[{"id":3542,"href":"https:\/\/docs.wptravelengine.com\/wp-json\/wp\/v2\/docs\/2338\/revisions\/3542"}],"wp:attachment":[{"href":"https:\/\/docs.wptravelengine.com\/wp-json\/wp\/v2\/media?parent=2338"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/docs.wptravelengine.com\/wp-json\/wp\/v2\/doc_category?post=2338"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/docs.wptravelengine.com\/wp-json\/wp\/v2\/doc_tag?post=2338"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}