Search Documentation

WP Travel User Documentation

  1. Home
  2. Docs
  3. WP Travel User Documentation
  4. WP Travel Gutenburg & Elementor blocks

WP Travel Gutenburg & Elementor blocks

This WP Travel Gutenberg and Elementor Blocks is a free plugin that integrates seamlessly with the WP Travel plugin and helps you display your trips and tour packages just the way you want. Along with the above features, this plugin can handle components such as text, images, buttons, and tables. You can also add the trip filter for enhanced user experiences in posts and pages of your travel site. The add-on comes with a collection of ready-to-use custom blocks that are specially designed for travel agency sites. Built with simplicity in mind, you can select multiple layouts without touching a single line of code. You will be able to completely built a new trip page adding different blocks from the plugin.

Installation :

For the installation of the WP Travel Blocks  plugin, please follow below-given steps:

  • Direct Installation:
    •  Download the plugin (.zip file).
    • In your Admin, go to menu Plugins > Add.
    • Select the tab “Upload”.
    • Upload the .zip file you just downloaded.
    • Activate the plugin.
  • Installation Via FTP:
    • Once you download the plugin, you will get a zip folder.
    • Unzip the folder and Upload `WP Travel Gutenburg & Elementor blocks` folder to the `/wp- content/plugins/` directory.
    • Activate the plugin through the ‘Plugins’ menu in WordPress.
  • Installation of Elementor Plugin:
    To use WP Travel Gutenberg & Elementor Blocks plugin you have to install and activate Elementor plugin. To install Elementor please follow the given steps below.

    Step 1: Go to Admin Panel > Plugins > Add new.
    Step 2: Search for Elementor in the search field.
    Step 3: Install and Activate the Plugin.

Getting started with the Elementor plugin:

Using the Elementor blocks with the page, post and trips is very easy of you follow the steps mentioned below.

Configurations:

After activating the plugin you can either go to the page or the post or trip page and begin starting to add the blocks by clicking on the “Edit With Elementor” icon.

Edit with Elementor Blocks:

Note: Before starting the editing with the Elemtor plugin make sure to assign the page template “Elementor Canvas”

If you want to edit the trips with the elemetor plugin then at first you need to go to Admin Panel > Elementor > Settings > General > Posts Type and check the option “Trips” .

Available Widgets:

This plugin will make you available with the multiple no. of widgets that you can set in the pages and the posts.

WP Trip Search form:

Frontend:

Available Options:

  • Search: This option allows you to enter the keyword to search the trips.
  • Trip Type: This option allows to choose the trip type.
  • Location: This option allows you to choose the location.
  • Search Button: After making all the inputs, this button is used for searching the trip.

WP Travel Setting Options:

  • Title: This option allows you to change the title of the search blocks.
  • Alignment: This option allows you to align the search title.
  • Color: This option allows you to choose the colors for the title.

WP Travel Trips by Type:

This block will display the trip according to the trip type.

Frontend:

WP Travel Settings:

WP Travel Setting Options:

  • Title: This option allows you to change the title of the Trip by Type block.
  • Alignment: This option allows you to align the title.
  • Color: This option allows you to choose the colors for the title.

Trip Settings:

Trip Settings Options:

  • Trip Type: This option allows you to choose the trip type.
  • Trip Layout: This option allows you to set the layout of the trips.
  • Number of trips to display: This option allows you to set the total number of a trip that you can display.

This block will display those trips that are marked as the featured trip in the trip listing page.

Frontend:

WP Travel Settings:

WP Travel Setting Options:

  • Title: This option allows you to change the title of the featured blocks.
  • Alignment: This option allows you to align the featured title.
  • Color: This option allows you to choose the colors for the title.

Trip Settings:

Trip Settings Options:

  • Trip Layout: This option allows you to set the layout of the trips.
  • Number of trips to display: This option allows you to set the total number of a trip that you can display.

WP Travel Trip Tabs:

This block will display the trip tabs.

Frontend:

WP Travel Settings:

WP Travel Setting Options:

  • Title: This option allows you to change the title of the trip tabs blocks.
  • Alignment: This option allows you to align the featured title.
  • Color: This option allows you to choose the colors for the title.

Note: Works only for Trip Pages.

WP Travel Trip facts:

This block will display the trip facts only.

Frontend:

WP Travel Settings:

WP Travel Setting Options:

  • Title: This option allows you to change the title of the trip facts blocks.
  • Alignment: This option allows you to align the title.
  • Color: This option allows you to choose the colors for the title.

Note: Works only for Trip Pages.

WP Travel Google Maps:

This block will display the trip location.

Frontend:

WP Travel Settings:

WP Travel Setting Options:

  • Title: This option allows you to change the title of the google maps blocks.
  • Alignment: This option allows you to align the title.
  • Color: This option allows you to choose the colors for the title.

Note: Works only for Trip Pages.

This block will display related trips.

Frontend:

WP Travel Settings:

WP Travel Setting Options:

  • Title: This option allows you to change the title of the trip related blocks.
  • Alignment: This option allows you to align the title.
  • Color: This option allows you to choose the colors for the title.

Note: Works only for Trip Pages.

This block will display related trips.

Frontend:

Updating WP Travel Elementor Blocks:

To update the WP Travel Elementor Blocks is an easy process. Please follow below-given steps.

Updating via dashboard:

  • Log in to WordPress.
  • From the Dashboard menu, click Updates.
  • Under “Update”  “An updated version of Plugin is available,” click Update Now.

Also, the update option will be available in the plugin list with a note to update. You can press on “Update Now” to update the plugin from the installed plugin list.

Updating via FTP:

  • Once you download the plugin, you will get a zip folder.
  • If you already have WP Travel Elementor Blocks plugin then delete or replace it with the new zip file.
  • Unzip the folder and Upload `WP Travel Elementor Blocks` folder to the `/wp- content/plugins/` directory.
  • Activate the plugin through the ‘Plugins’ menu in WordPress.

WP Travel Blocks without Elementor:

Configurations:

Using WP Travel Blocks is very easy. After activating the plugin you can either go to the page or the post and begin starting to add the blocks by clicking on the “Add block” icon.

Add a new block:

Available blocks:

This plugin will make you available with the multiple no. of blocks that you can set in the pages and the posts.

WP Trip Search form:

Available Options:

  • Search: This option allows you to enter the keyword to search the trips.
  • Trip Type: This option allows to choose the trip type.
  • Location: This option allows you to choose the location.
  • Search Button: After making all the inputs, this button is used for searching the trip.

WP Travel Setting Options:

  • Title: This option allows you to change the title of the search blocks.
  • Heading: This option allows you to change the title heading.

This block will display those trips that are marked as the featured trip in the trip listing page.

Frontend:

WP Travel Settings:

WP Travel Setting Options:

  • Title: This option allows you to change the title of the featured blocks.
  • Heading: This option allows you to change the title heading.
  • Layout: This option allows you to set the layout of the trips.
  • No. of trips to show: This option allows you to set the total no of trip that you can display.

WP  Travel Sale Trips:

This block will display the trip with the sale price only.

Frontend:

WP Travel Settings:

WP Travel Setting Options:

  • Title: This option allows you to change the title of the sale trip.
  • Heading: This option allows you to change the title heading.
  • Layout: This option allows you to set the layout of the trips.
  • No. of trips to show: This option allows you to set the total no of trip that you can display.

WP Travel Trip Filters :

This block will display a filter that helps you filter the trip.

WP Travel Setting Options:

  • Title: This option allows you to change the title of the trip filter.
  • Heading: This option allows you to change the title heading.
  • Other options will allow you to enable/disable the filters.

WP Travel Trips by Type:

This block will display the trip according to the trip type.

Frontend:

WP Travel Settings:

WP Travel Setting Options:

  • Title: This option allows you to change the title of the Trip by Type block.
  • Heading: This option allows you to change the title heading.
  • Trip Type: This option allows you to choose the trip type.
  • Layout: This option allows you to set the layout of the trips.
  • No. of trips to show: This option allows you to set the total no of trip that you can display.

WP Travel Trips By  Location :

This block will display the trip according to the location.

Frontend:

WP Travel Settings:

WP Travel Setting Options:

  • Title: This option allows you to change the title of the Trip by Type block.
  • Heading: This option allows you to change the title heading.
  • Location: This option allows you to choose the location.
  • Layout: This option allows you to set the layout of the trips.
  • No. of trips to show: This option allows you to set the total no of a trip that you can display.

Was this article helpful to you? Yes No

How can we help?