Manual Locations Mode

Manual Locations mode allows you to add location markers directly within the Elementor widget settings. This is the primary method for the Free version and is perfect for displaying a fixed set of locations like store locations, office addresses, or points of interest.

Adding the Widget

  1. Edit any page or post with Elementor
  2. In the left sidebar, search for “ThemeCanvas Locations” or find it under the “General” category
  3. Drag the widget onto your page

Widget Settings Overview

Location Source

Set the Location Source to Manual. This enables manual location entry mode.

Adding Locations

  1. Click the Add Location button
  2. For each location, enter the following:

Required Fields

FieldDescriptionExample
LatitudeGeographic latitude coordinate (-90 to 90)51.5074
LongitudeGeographic longitude coordinate (-180 to 180)-0.1278

Optional Fields

FieldDescription
TitleLocation name shown in popup (e.g., “London Office”)
DescriptionAdditional information displayed in popup. Supports HTML.
Finding Coordinates: You can find latitude/longitude coordinates by right-clicking any location on OpenStreetMap.org and selecting “Show address”.

Example: Adding a Location


Title: London Office
Latitude: 51.5074
Longitude: -0.1278
Description: Our main office in central London.
Open Mon-Fri, 9am-5pm.
Manual location entry fields

Popup Customization

Each location marker can display a popup when clicked. You can customize the content using HTML:

Basic Example

<h3>Store Name</h3>
<p>123 Main Street<br>
London, UK<br>
Phone: 020 1234 5678</p>

Advanced Example with Link

<h3>London Headquarters</h3>
<p>Visit us at our main office</p>
<a href="/contact" target="_blank">Get Directions</a>
Security Note: HTML in popups is sanitized for security. Only safe tags (p, br, strong, em, a, etc.) are allowed. JavaScript and style attributes are stripped.

Managing Multiple Locations

You can add unlimited locations to a single map:

  • Click Add Location to add more markers
  • Drag and drop locations to reorder them
  • Click the delete icon to remove a location
  • Duplicate a location using the duplicate button
Multiple locations with reorder handles

Need more help?

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

Asset-22@2x-8.png

Sales

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

Asset-18@2x-8.png

Help & support

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

Asset-206@2x-8.png

Article & News

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.