WP Travel Pro offers a Multiple Checkout feature that allows customers to book multiple items in a single transaction.

This feature enables you to book more than one trip at once easily.

The Add to Cart feature is the latest version of the Multiple Checkout feature and has been introduced with WP Travel Pro v6.1.0.

Steps to Add a Cart Icon using a Shortcode

Step 1. Enable Multiple Checkout (Add to cart)

To use this feature enable the Enable Multiple Checkout (Add to cart) option.

Head over 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 along with the cart icon in the header.

After enabling the Enable Multiple Checkout option, the customer will be able to see the Add to Cart option on the single trip page along with the cart icon in the header.

If you activate the Elementor plugin along with the Elementor base theme (Hello Elementor).

You’ll only see the “add to cart” option, and the cart icon won’t be available.

If you activate the Elementor plugin along with the Elementor base theme (Hello Elementor), you'll only see the "add to cart" option, and the cart icon won't be available.

However, you can add a cart icon to your website using a shortcode for seamless functionality.

If you want to customize the header, you need to activate the Elementor Pro plugin because the free version doesn’t allow header customization.

Step 2: Add a “Cart Button” on the header section

For example, if you’re using the Hello Elementor theme, you can add a “Cart Button” on the header section.

To do this, make sure that both Elementor Free and Pro plugins are activated.

Then go through Admin Panel > Templates > Theme Builder

Then go through Admin Panel > Templates > Theme Builder

Step 3: Select the header

Step 4: Select the header

Step 4: Click the edit header option

Step 5: Click the edit header option

Step 5: Add the shortcode

Add the shortcode widget, and enter the shortcode [wptravel_cart_icon].

Add the shortcode widget, and enter the shortcode [wptravel_cart_icon].

Finally, click “Apply” to view the cart icon in the header.

Finally, click "Apply" to view the cart icon in the header.

Finally, you can find the cart icon located at the top of the page.

You might be interested: How to implement add to cart feature while activating the WP Travel Gutenberg Blocks plugin?