So are you looking forward to implementing ‘add to cart feature’ while activating the WP Travel Gutenberg Blocks plugin?

WP Travel Pro introduced the Multiple Checkout feature, enabling customers to book multiple items in a single checkout where you can easily book more than one trip at once.

Add to cart is the implemented version of the Multiple Checkout feature that has been released with WP Travel Pro v6.1.0.

You might be interested: How to add Multiple trips under mini-cart on the checkout page?

To use this feature enable the Enable Multiple Checkout (Add to cart) option by going to Admin Panel >WP Travel >Settings > Checkout as shown in the screenshot below:

How to implement add to cart feature while activating WP Travel Gutenberg Blocks plugin?Enable Multiple Checkout (Add to cart) :wptravel.io

After enabling the Enable Multiple Checkout option, the customer will be able to see the Add to Cart option on the single trip page.

How to implement add to cart feature while activating WP Travel Gutenberg Blocks plugin?add to Cart option on the single trip page. :wptravel.io

But in the case of WP Travel Gutenberg Blocks plugin activation, you will need to add the “Cart Button” block. You can add the Cart Button either in the header part or the body part.

How to implement add to cart feature while activating WP Travel Gutenberg Blocks plugin?add the Cart Button either in the header part  :wptravel.io

Steps to implement add to cart feature while activating WP Travel Blocks

For example, we will be adding a “Cart Button” block on the header section. To add the icon in the header, please follow the steps mentioned below:

Step 1: Go to admin Panel, Appearance and Editor

Note: FSE theme should be activate to use the Editor.

How to implement add to cart feature while activating WP Travel Gutenberg Blocks plugin?Step 1: Go to admin Panel, Appearance and Editor  :wptravel.io

Step 2: Then go through patterns and headers

How to implement add to cart feature while activating WP Travel Gutenberg Blocks plugin?Step 2: Then go through patterns and headers:wptravel.io

Step 3: After that click on the edit header

How to implement add to cart feature while activating WP Travel Gutenberg Blocks plugin?Step 3: After that click on the edit header :wptravel.io

Step 4: Redirect to the editor where you can add the button

How to implement add to cart feature while activating WP Travel Gutenberg Blocks plugin?Step 4: Redirect to the editor where you can add the button :wptravel.io

Step 5: Finally the cart will be available in the header

How to implement add to cart feature while activating WP Travel Gutenberg Blocks plugin?Step 5: Finally the cart will be available in the header :wptravel.io

Then you can book a trip and add to the cart according to your choice.

In your spare time, you can watch the following tutorial to create a travel site using “WP Travel Gutenberg Blocks

Conclusion

If you liked this article, then subscribing to our YouTube Channel for WordPress video tutorials would be the cherry on top.

You can also find us on FacebookInstagram, Twitter, Linkedin, TikTok, Pinterest, Reddit, and our dedicated engaging Facebook user community,

Further, if you have any queries, please submit them to our contact page.

Get WP Travel Pro and start creating your travel and tour booking website within minutes without any hassle of coding.

get WP. Travel pro