Venues and shops
Show each location’s address with a way to get there.
Content / widget · Elementor module
ACF Location Directions Widget Plugin for Elementor
Show the place saved in an ACF Google Map field with a directions link to Google Maps, Apple Maps, Waze or OpenStreetMap, without embedding a map.
Included in All AccessClassic Elementor widgetFrom $29 USD / year
Complementor / ACF location directionsProduct preview
Text, style and layout controls inside Elementor
01 / Interactive demonstration
Try it
These are the actual published widgets reading sample ACF Google Map values on this page; the links open each map app’s directions.
02 / Inside WordPress
ACF location directions controls in Elementor
Location picks the Google Map field and what to show: the address with a directions button, the button only, or the address as a link. It also sets the place name, button text, map app, travel mode, other map apps, new tab, text before and after, text for an empty location, the HTML tag and an icon. The Style tab covers the directions link in normal, hover and focus states, the address and card, and the icon.
03 / Website use cases
Where to use acf location directions
Venue, shop and event pages often store their location in an ACF Google Map field, but showing it usually means embedding a heavy map with an API key, when visitors mostly want the address and a way to get there. ACF location directions reads the saved field on the current post and shows the place name and address with a Get directions button that opens the visitor’s map app at the saved point, with Apple Maps, Waze or OpenStreetMap as alternatives.
Events
Give each event page directions to its venue.
Directories
Add directions to every listing from one template.
04 / Installation and setup
How to show ACF map directions in Elementor
Start with Complementor installed and your license connected. Enable this module in the WordPress library, then configure it in Elementor.
Install ACF and Complementor, connect your license and enable ACF location directions in the Complementor library.
Add a Google Map field to your venue, shop or event posts and save a location on each.
Add the widget to the post, or to the template its posts use, and choose the Google Map field.
Choose the layout, the map app and any other map apps to offer.
Style the button and card, and set text for posts without a location.
05 / Content and style controls
Customize acf location directions in Elementor
Configure the settings available for this module to suit the page you are building.
The Google Map fields saved on the post, chosen by name.
The address with a directions button, the button only, or the address as a link.
Directions in Google Maps, Apple Maps, Waze or OpenStreetMap, with a travel mode for Google and Apple.
Other map apps offered as small links under the button.
The saved place name above the address, own button text, and text before and after.
Text for posts without a location, an optional new tab and an icon.
06 / Choose the right approach
ACF location directions and Elementor alternatives
Compare the existing Elementor workflow with this Complementor module before choosing your setup.
ACF link card
Shows a saved ACF Link as a resource card.
Meeting timezone formatter
Shows a meeting time in several time zones.
07 / Requirements and compatibility
ACF location directions compatibility with Elementor
- Requires Elementor and ACF with a Google Map field.
- Reads the field saved on the published post being viewed; it does not embed a map, geocode addresses or contact a map service.
- Directions open in the chosen map app, which plans the route.
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 acf location directions
Check these settings if the published page behaves differently from the editor.
Why does nothing show?
The post has no location saved in the chosen field, or the post is not published. Add text for an empty location to show a message instead.
Why is the field list empty?
The list shows the Google Map fields of the post being edited. Edit a post that uses the field group, or open the template on a post that has one.
Why is the place name missing?
The field saved an address without a place name, which happens when a location is entered by hand. The address shows on its own.
ACF location directions plugin questions
Does it need Elementor Pro or ACF Pro?
No. It works with the free versions of Elementor and ACF.
Does it embed a map or need an API key?
No. It shows the address and links to the map app; nothing loads from Google until the visitor taps the link.
Which map apps are supported?
Google Maps, Apple Maps, Waze and OpenStreetMap. Choose one for the button and offer the others as links.
Where does the route end?
At the saved latitude and longitude, so it matches the point chosen in the field.
Can I use it in a template?
Yes. It reads the field from the post being viewed, so one template serves every location.
10 / Annual All Access subscription
Get acf location directions 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.