Map

Do you want to make it easy for visitors to find your business? Then the Map Element is your go-to feature! It gives website visitors a convenient spot to see where exactly you are located. You can choose from a variety of different map display options for personalization, 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!

General Settings

Element Name/Title

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.

Text Align

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, Center, or Right or apply justification formatting to enhance readability.

Map Option

• Open Search Box: When you click on the "Open Search Box," it opens the Map page and allows you to;Input your business location and pin the exact point with the marker.You can also decide to view your search using Map or Satellite,Zoom in and out, and you can also make it full screen.
• Input your business location and pin the exact point with the marker.
• You can also decide to view your search using Map or Satellite,
• Zoom in and out, and you can also make it full screen.

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 Color

Additionally, you can modify the color of the Marker by selecting from a range of available colors or inputting a specific color code in the dedicated field. Customizing the Marker color 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 toward the right to increase the zoom size. You can also change the measuring scale of the map using units like px (pixels), % (percentage), em, rem, vh (viewport height), or vw (viewport width) to customize the map's dimensions and ensure it fits seamlessly into your design.

Horizontal Width and Vertical Height (max 640)

The Horizontal Width and Vertical Height feature allows you to customize 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.

Advanced Settings

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

Visibility

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.

Custom Class

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.

CSS Selector

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.

With the Map Element, you’re not just showing your location—you’re making it effortless for visitors to connect with you. From customizable markers to responsive sizing, this feature ensures your map looks great and works seamlessly on any device.