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

Check the WP Travel documentation to learn more about configurations, modules, payments, and shortcodes.

Your feedback helps us improve. Feel free to share your thoughts!

Need assistance? Contact our support team, join our Facebook community, and subscribe to our YouTube Channel for video tutorials.

You can also find us on Facebook, Instagram, LinkedIn, TikTok, and X. Thank you for choosing WP Travel.

If you are a WP Travel Free user thinking about upgrading to Pro, simply click on the banner below.

Get WP Travel Pro