
This plugin will help you to produce more interactive blog posts thanks to a map, moving along your trip’s steps while user is reading the post.
The map can show your trip pictures, the steps name and is fully customizable to your needs:
You can either include a map thanks to a widget, that will be expandable on the screen depending on the options you specify, or
thanks to a map that can be “sticky”, i.e it will stay at the top of the screen while user reads the article.
By creating your trip on TraveledMap, you will be
able to create a brand new type of blog post in a few minutes !
A short demonstration video is worth a thousand words:
As explained above, this plugin aims to improve user experience by placing a map of your trip on your blog posts.
Once the plugin installed, you will have a new section on the right of the post editor, as explained in the
Configuration video
This section contains four fields:
– User id: This is your TraveledMap user id
– Trip id: This is the id of your trip, created on TraveledMap
– Disable widget: It allows to disable the widget on a specific page
– Show markers customization: It allows to see the marker’s icon, color and size instead of steps numbers
To get this data, go to the map edition page of TraveledMap, and click the link button, under the name of the trip you want to embed
in your post. It will lead you to the “Embed a trip” page with the needed information.
Once you filled the two field, you need to validate in order to save and to check if the data is valid.
Then don’t forget to save the draft.
Once this step done, you will be able to have a map using either a widget or a standard map.
To use the widget, go to your admin widget management section and add the “TraveledMap Trip” widget.
The widget will include a map showing all the steps of your trip at first, then it will show the different cities or steps
along user’s reading.
You can customise the widget using different options:
Note that the widget won’t show if your blog post doesn’t contain a trip id information (filled in the post editor).
If you don’t want to use widget, that is the recommanded way to use this plugin for a better user experience, you can use the standard map.
You can place this map everywhere in your article thanks to a Block or a Shortcode. Its behavior is the same as the widget, it will move along the
location you visited while users is reading your article.
There are multiple options to customise it.
In the “Map content” section:
– Show steps name: You can decide if the name of your trip’s steps will be shown by default or not. If not checked, steps will be shown only when the mouse
is over the step marker, or the step currently scrolled.
– Show pictures: You can decide that pictures will never be visible. If this option is not checked, the pictures will be visible only if users decide
to expand the pictures panel, at the bottom of the map.
– Show overview pictures: Overview pictures are the pictures you choose as the best pictures of your trip. You can decide to show them or not with this option.
In the “Map settings” section:
– Map height can be defined in pixels (px) or percentage (%) of the screen’s height. It will define the height of the map when it’s not sticky.
– Map is sticky will decide if the map sticks to the top of the screen while user scroll to read the blog post.
– Show on phones will decide if the map will appear when a user is visiting the website with a mobile (width <= 576px).
– Show on tablets will decide if the map will appear when a user is visiting the website with a tablet (576px > width <= 768px).
– Show on larger screens will decide if the map will appear when a user is visiting the website with a larger screen than phone or tablet (> 768px).
– Height of the map in its standard height: This is the height the map will take. Either you can specify a fixed height with pixels (e.g 300px)
or you can specify a percentage relative to the screen height (e.g 40%).
– Height of the map in its extended height: Users will be able to choose whether the map is hidden, in standard height or extended height. This option
corresponds to the size of the expanded height, in pixels or percentage.
– Top margin: As the widget margins, you may want to see space between the map and the top of the screen. This is the way to configure a space.
The value is in pixels, but you have to omit the “px”. For example use “18”, NOT “18px”
Shortcode example
[embedded_trip show_popup=”0″ show_pictures=”1″ show_pictures_at_start=”0″ map_height=”60%” is_sticky=”1″ show_on_phones=”1″ show_on_tablets=”1″ show_on_large_screens=”1″ standard_map_height=”35%” extended_map_height=”70%” margin_top=”10″]
This step explains how the magic happens…
A you can see in the video above, the map moves from step to step while scrolling the video.
In order to achieve these moves, you have to specify where your steps stands along your article. Don’t worry it’s easy to do.
Just include a Embedded Trip step Block (search for Embedded trip step) or a Shortcode and choose the step in the list.
If you don’t see any step in the list, please check that your trip has steps and that you pressed the “Validate” button in the editor’s right column.
Shortcode example
[embedded_trip_step location=”vancouver”]
If you’re not using block but shortcode, you will have to use locations specified on the “Embed a trip” page, where you found
your user id and trip id.
Note: If your trip’s steps are not well ordered, you can edit the order on the trip edition page.
You can access this page from the Share page too.
The WordPress plugin is free but to embed the map on your posts, it stays free under 1000 page views by month but
has a pricing from $9.99 to $49.99 by month depending on the number of visits on your site.
You can learn more at Embed page
Starting from $0 per month.
Rating
Reviewers
4 reviews
Tags
Developed By
traveledmap
Quick & Easy
Common Ninja has a large selection of powerful Wordpress plugins that are easy to use, fully customizable, mobile-friendly and rich with features — so be sure to check them out!
Testimonial plugins for Wordpress
Contact Form plugins for Wordpress
Maps plugins for Wordpress
Translation plugins for Wordpress
Chat plugins for Wordpress
Slider plugins for Wordpress
Reviews plugins for Wordpress
Contact plugins for Wordpress
Galleries plugins for Wordpress
SEO plugins for Wordpress
Forms plugins for Wordpress
Comments plugins for Wordpress
Backup plugins for Wordpress
Privacy plugins for Wordpress
Optimize plugins for Wordpress
Tabs plugins for Wordpress
Social Sharing plugins for Wordpress
Events Calendar plugins for Wordpress
Comments plugins for Wordpress
Social Feeds plugins for Wordpress
Social Sharing plugins for Wordpress
Portfolio plugins for Wordpress
Video Player plugins for Wordpress
popup plugins for Wordpress
SiteMap plugins for Wordpress
Payment plugins for Wordpress
Coming Soon plugins for Wordpress
Inventory plugins for Wordpress
Testimonials plugins for Wordpress
Portfolio plugins for Wordpress
Membership plugins for Wordpress
Forms plugins for Wordpress
Analytics plugins for Wordpress
Events Calendar plugins for Wordpress
Sliders plugins for Wordpress
Analytics plugins for Wordpress
Reviews plugins for Wordpress
Security plugins for Wordpress
Ads plugins for Wordpress
Music Player plugins for Wordpress
Countdown plugins for Wordpress
Email Marketing plugins for Wordpress
Membership plugins for Wordpress
Ecommerce plugins for Wordpress
Customer Support plugins for Wordpress
Video Player plugins for Wordpress
Tabs plugins for Wordpress
Social Feeds plugins for Wordpress
Common Ninja Apps
Browse our extensive collection of compatible plugins, and easily embed them on any website, blog, online store, e-commerce platform, or site builder.
Showcase content with a card carousel that combines images and text, improves visual design, and helps visitors explore key information.
Add a unified chat tool to your site that connects users via WhatsApp, Messenger, Telegram, or email for seamless support.

Show WordPress posts with a WordPress feed that keeps content fresh, improves navigation, and helps visitors discover more of your site.
Use a sticky video that stays visible while users scroll to keep content in view, increase watch time, and boost engagement.
Use an image magnifier to let visitors zoom in on photos, view fine details clearly, and enjoy a more accessible and informative visual experience.
Show business locations clearly with a Google Maps widget that displays multiple points, detailed info, and customizable styles to help visitors find you easily.
Create secure HIPAA compliant forms that protect sensitive data, offer full customization, and integrate easily for safe medical information collection.
Enhance titles with highlighted headlines that use custom colors, animations, and styles to draw attention and help visitors notice key messages.
Use a notification bar to alert users, highlight offers, and drive clicks that boost engagement, signups, and conversions.
Add social media and RSS feeds to your site to display fresh content, grow your online presence, and keep visitors engaged with real time updates.
Create immersive 360 virtual tours with interactive hotspots that let visitors explore spaces, view details clearly, and experience panoramic environments seamlessly.
Add customizable popups to your site to capture attention, deliver messages, and drive actions like signups or conversions.
More plugins
The Common Ninja Search Engine platform helps website builders find the best site widgets, apps, plugins, tools, add-ons, and extensions! Compatible with all major website building platforms - big or small - and updated regularly, our Search Engine tool provides you with the business tools your site needs!
