Destination/Activities 2 Widget

Overview

Use the Destination/Activities 2 widget to show your tour destinations, activities, or trip types as clickable boxes on any Elementor page.

A widget is a building block that you drag onto a page in Elementor.

For example, if you run tours across Nepal, you could show Everest Region, Annapurna Region, and Langtang Region as clickable boxes on your homepage. Visitors can choose the area that interests them and browse the related tours.

The Destination/Activities 2 widget includes two features that are not available in Destination/Activities 1. It can show how many trips belong to each destination or activity. It can also add an optional view more button that links to a full listing page.

How to add the widget to your page

Adding the widget first gives you a place to configure your destinations, activities, or trip types.

Layout settings

Layout settings control how the boxes are arranged on your page.

• Column: Choose how many boxes appear side by side. If you pick 3, destinations show in rows of three. On phone screens, Elementor adjusts the layout automatically so everything stays readable.
• Gap: Set the space between the boxes. A bigger gap gives each box more breathing room. A smaller gap makes the boxes feel more connected.
• Layouts: Pick from three different layouts. Each one changes how the boxes look. Try each layout to find the best fit for your website.

For example, if you have six destinations and pick 3 columns, the widget displays two rows of three boxes.

Choose the column count and layout that make your destinations easy to scan. Next, decide which groups to show.

Choosing what to show

These settings decide which groups appear in the boxes. WordPress calls a way of grouping things a taxonomy. In WP Travel Engine, Destinations, Activities, and Trip Types are all taxonomies.

• Select Taxonomy: Choose whether to show Destinations, Activities, or Trip Types. If you pick Destinations, each box shows one of your destination pages, such as Everest Region or Annapurna Region.
• Show Term by: Decide how to choose which items appear. Default shows items automatically. Choose terms lets you select specific items from a list. Use this option when you only want to feature a few popular destinations.
• Number of Items: Choose how many boxes appear in total. If you have 20 destinations but only want to show 6 on your homepage, set this to 6.

You could feature your six most popular trekking areas on the homepage. Then, send visitors to a separate destinations page to see the complete list.

Extra options

These settings control the titles, trip counts, and view more button shown in each box.

• Title Tag: Choose the heading level for the box titles. This helps search engines such as Google understand the titles on your page. H2 makes the titles more prominent. H4 makes them more subtle. If you are not sure, leave the default setting.
• Show Trip Counts: Turn this on to show how many trips are linked to each destination or activity. For example, a box for Everest Region could show 12 trips underneath the name. Visitors can see how much you offer before they click.
• Trip Count Label: Set the text that appears next to the trip count number. The default label might say trips. You can change it to tours, adventures, or another label that fits your business.
• Show View More Button: Turn this on to display a view more button in each box. The button links visitors to the full listing page for that destination, activity, or trip type. For example, a box for Everest Region can take visitors to a page showing all your Everest tours.

These options give visitors more context while they browse. You can now adjust the overall appearance of the widget.

Making it look good

These settings control the overall appearance of the widget.

• Background Color: Set the background color for the widget area. This is the space behind all the boxes.
• Padding: Adjust the space between the content inside each box and the box edges. More padding gives the content more room. Less padding makes the layout more compact.
• Border Radius: Control how round the box corners are. A higher number creates rounder corners. Zero creates sharp, square corners.
• Border Type: Choose whether to add a border around the widget area. You can choose a solid, dashed, or dotted border.
• Box Shadow: Add a shadow behind the boxes so they stand out from the page background. A light shadow can give the boxes a subtle three-dimensional effect.

Each part inside the box can also be styled on its own. The sections below cover each one.

Content settings

These settings control the inner area of each taxonomy box. This is the part where the image and title sit.

• Alignment: Line up the content to the left, center, or right within each box.
• Background Color: Set a background color for the inside of each box. This is different from the overall widget background above.
• Padding: Control the space between the box content and its edges.
• Border Type: Add a border around the inside of each box.
• Box Shadow: Add a shadow to each individual box.
• Border Radius: Round the corners of each individual box.

Title settings

These settings control how the name of each destination, activity, or trip type looks.

• Typography: Change the font, size, weight, and spacing of the title text.
• Color: Set the color of the title text. You can also set a different color when someone hovers their mouse over it. Hover means when a visitor moves the mouse pointer over the box without clicking. Set a color for both the normal and hover states.
• Margin: Control the space around the title within the box. Set this for both the normal and hover states.

Count settings

These settings control how the trip count number looks inside each box.

• Typography: Change the font, size, weight, and spacing of the count number.
• Color: Choose the color for the count number.
• Margin: Adjust the space around the count number within the box.

Image settings

These settings control how the photo in each box looks.

• Image Size: Choose the aspect ratio of the photo. This controls whether the image looks more square, wide, or tall. The setting is available for both normal and hover modes.
• Object Fit: Control how the photo fills its space. Cover fills the entire area but may crop part of the image. Contain shows the whole photo without cropping. The setting is available for both normal and hover modes.
• Width: Set how wide the photo appears in the box. The setting is available for both normal and hover modes.
• Height: Set how tall the photo appears in the box. The setting is available for both normal and hover modes.
• Border Radius: Round the corners of the photo itself. This can give images a softer look. The setting is available for both normal and hover modes.

Button settings

These settings control how the view more button looks inside each box. The button appears when you turn on Show View More Button in the Extra Options section.

• Padding: Set the space inside the button. More padding makes the button larger. Less padding makes it more compact.
• Margin: Adjust the space around the button within the box.
• Background Color: Select a background color for the button. Set one color for the normal state and a different color for when someone hovers over it.
• Color: Choose the color of the arrow or text inside the button. Set this for both normal and hover states.
• Border Type: Choose a border style for the button. Set this for both normal and hover states.
• Border Radius: Round the corners of the button. Set this for both normal and hover states.
• Box Shadow: Add a shadow behind the button. Set this for both normal and hover states.