You can use the "Map" Element when you want to include your Business location in your website.

Do you want to add your Business location to your website? If so, then the Map Element is your go-to feature! It gives website visitors a convenient spot to see exactly where you are located. You can choose from a variety of different map display options for personalisation, ensuring that it looks great on your site's design. With the Map Element, let website visitors easily locate your Business with just one glance!

In the General Settings, you can see the default name/title of the Edit option you're currently working on. You have the option to either leave it as is or rename it to something more suitable. This feature can be particularly useful, especially when you have multiple elements on your web page that you wish to differentiate easily.

With the Text Align feature, you can adjust the position of your text to meet your preferences. You can move the text to the Left, Centre, Right or apply justification formatting to enhance readability.

Open Search Box

When you click on the "Open Search Box" it opens the Map page and allows you to;

Map Type

In the Map Type feature, you can choose the type of map you prefer for viewing your location. You can select from four options, including road map, terrain, satellite or hybrid, according to your preference.

Marker Colour

Additionally, you can modify the colour of the Marker by selecting from a range of available colours or inputting a specific colour code in the dedicated field. Customising the Marker colour can help to improve the visibility of your business's location on the Map page, making it easier for your audience to find you.

Zoom

By adjusting the Zoom feature, you can zoom in on the specific location where your marker is placed. Simply move the bar towards the right to increase the zoom size.

Horizontal Width and Vertical Height (max 640)

The Horizontal Width and Vertical Height feature allows you to customise the map's height and width to your preferred size. You can input the desired dimensions, but the maximum value for both height and width is 640.

Retina (2x)

Furthermore, toggling on the Retina feature is a quick way to enlarge the size of the map. When enabled, it doubles the original dimensions of the map. For example, if the original height and width are 300 and 200, respectively, toggling on the Retina feature will increase the dimensions to 600 and 400, respectively.

New Tab

You can enable the New Tab feature to allow visitors to open Google Maps in a new tab when they click on any part of the map. If this option is disabled, Google Maps will only load on the current page.

The Advanced Settings feature offers further options to tweak the design of your web page to your liking.

The Visibility option allows you to select which device (mobile, desktop or both) you want the specific Edit option to be visible on. Simply click on the appropriate icon to highlight your desired choice.

The Custom Class option enables you to assign a custom class name to your element, making it easier for you to apply custom styles to that particular element. You can enter your chosen custom class name in the dedicated field.

If you need to replicate your custom CSS, you can easily copy it by clicking on the Copy icon located on the right side of the reference code.