Holiday lets and venues
How long to get there.
Content / widget · Elementor module
Trip Duration Planner Widget Plugin for Elementor
Estimate how long a trip takes from the distance and average speed, with regular breaks and an arrival time for a chosen departure.
Included in All AccessClassic Elementor widgetFrom $29 USD / year
Complementor / Trip duration plannerProduct preview
Text, style and layout controls inside Elementor
01 / Interactive demonstration
Examples
Each example below is the actual published output of the Trip duration planner widget for a sample travel site. Visitors can change every value.
02 / Inside WordPress
Trip duration planner controls in Elementor
Content sets the unit, starting values, breaks, departure and labels. The Style tab covers the layout, answer, fields and button.
03 / Website use cases
Where to use trip duration planner
Travel sites, holiday lets and event pages are often asked how long the drive takes. A map embed needs an address and an API key, and a plain sentence cannot adapt to the visitor. Trip duration planner lets visitors enter the distance and their speed and shows the travel time with breaks, and the arrival time if they give a departure.
Road trip guides
Each leg with breaks.
Event pages
When to leave to arrive in time.
04 / Installation and setup
How to add a trip duration calculator in Elementor
Start with Complementor installed and your license connected. Enable this module in the WordPress library, then configure it in Elementor.
Install Complementor, connect your license and enable Trip duration planner in the Complementor library.
Add the widget to a travel, venue or holiday page.
Choose kilometres or miles and set a starting distance and speed.
Set the breaks and whether to ask for a departure time.
Style the answer, fields and labels.
05 / Content and style controls
Customize trip duration planner in Elementor
Configure the settings available for this module to suit the page you are building.
Kilometres or miles.
Breaks every few hours.
Arrival time.
Live or button.
Starting values.
Your own labels.
06 / Choose the right approach
Trip duration planner and Elementor alternatives
Compare the existing Elementor workflow with this Complementor module before choosing your setup.
Map embeds
Need an address and an API key.
A fixed sentence
Cannot adapt to the visitor.
07 / Requirements and compatibility
Trip duration planner compatibility with Elementor
- Requires Elementor.
- Needs JavaScript.
- Estimate only; no routes or traffic.
Complementor uses classic Elementor APIs. Atomic-native controls are not implemented. Check your theme, cache and integrations on a staging site before release.
08 / Common setup problems
Troubleshoot trip duration planner
Check these settings if the published page behaves differently from the editor.
Why is there no break?
The drive is shorter than the break interval, or the interval is 0.
Why is there no arrival time?
It only shows when a departure time is entered.
Why does it differ from a map app?
It uses a steady average speed, with no route or traffic.
Why is there a message instead of a time?
A value is missing or outside the allowed range.
Trip duration planner plugin questions
Does it need Elementor Pro?
No. It works with the free version of Elementor.
Does it use maps or live traffic?
No. It is an estimate from the distance and average speed.
Does it work in miles?
Yes. Choose miles and the speed is in mph.
Is anything sent?
No. It runs in the browser.
Is it accessible?
Yes. Every field has a label and the answer is announced.
10 / Annual All Access subscription
Get trip duration planner with Complementor
This module is included with all 1007 current Complementor solutions. Choose your production website allowance; every plan includes the same modules.
One website
$29USD / year
- All 1007 current modules
- Plugin downloads and updates for one year
- New releases during the paid term
- Product support
Renews at $29 USD each year.
A few websites
$49USD / year
- All 1007 current modules
- Plugin downloads and updates for one year
- New releases during the paid term
- Product support
Renews at $49 USD each year.
More websites
$99USD / year
- All 1007 current modules
- Plugin downloads and updates for one year
- New releases during the paid term
- Product support
Renews at $99 USD each year.
Applicable taxes extra. Annual subscriptions renew automatically unless canceled in your customer account. Elementor Pro is required for Exclude current post. Read the terms and 14-day technical-issue refund policy.