Destination/Activities Module 1 Widget

Overview

Use the Destination/Activities Module 1 widget to show your tour destinations, activities, or trip types as styled modules on any Elementor page.

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

This widget helps visitors find tours by choosing the type of tour they want to explore.

For example, say you offer tours in five regions of Nepal. You could use this widget on your homepage to show those five regions as clickable modules. Each module can link visitors to all the tours in that region.

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 modules are arranged on your page.

• Gap: Set the space between the modules. A bigger gap gives each module more room. A smaller gap makes them feel closer together.
• Layouts: Pick from several layout options. Each one changes how the modules look. Try each layout to find the best fit for your website.

For example, if you have six destinations, a wider gap can make each one feel like its own card. A tighter gap can make them feel like a connected gallery.

Choose the gap 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 modules.

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 module 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.

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.

Use these settings to keep the page focused. You can now adjust the titles and trip counts shown in each module.

Extra options

These settings control the titles and trip counts shown in each module.

• Title Tag: Choose the heading level for the module 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 module 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.

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 modules.
• Padding: Adjust the space between the content inside each module and the module edges. More padding gives the content more room. Less padding makes the layout more compact.
• Border Radius: Control how round the module 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 modules so they stand out from the page background. A light shadow can give the modules a subtle three-dimensional effect.

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

Content settings

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

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

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 their mouse pointer over the module without clicking. Set a color for both the normal and hover states.
• Margin: Control the space around the title within the module. Set this for both the normal and hover states.

Image settings

These settings control how the photo in each module 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 module. The setting is available for both normal and hover modes.
• Height: Set how tall the photo appears in the module. 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.

Count settings

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

• 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 module.