How to create a Google Map element

How to create a Google Map element

The Google Map element allows you to add customized maps anywhere on your site.

To create a new Google Map element, navigate to the Pages section from the sidebar menu of your admin panel under Website.  
  • Create a new page or edit an existing one. You can refer to our documentation about How to create a Page for more information.
  • From the Content tab select the container and column you would like to place the element. 
  • Click the Add element button.
  • Select Google Map from the library.  


Section Details

To create a Google Map element simply type the address of the location you wish to display. Reactive will automatically find the address and add a pin to the map. You can either enter an address or a specific location of your business. In case, there are more than one results choose the one you prefer from the list on the right handside.

Width. You can specify the width of the map. 

Height. You can specify the height of the map. 


Margin & Padding
Margin. This setting allows you to control the space around the element's border by changing the top, bottom, left and right values. 
Padding. This setting allows you to control the space between the content and borders of the element by changing the top, bottom, left and right values. 

Once you have created your Google Map element, click the "Apply" button at the bottom right of your screen. 


    • Related Articles

    • Migrating to Google Analytics 4

      In order to begin collecting data for your website, it is necessary to possess a Google Analytics account and create a Google Analytics 4 property. Following that, you can set up the Google Measurement ID on your Reactive website. This will enable ...

    • How to create a Code Block element

      The code block element is very useful. This allows you to embed the custom code that you want onto your page. To create a code block element, navigate to the Pages section from your Reactive admin under Website. Create a new page or edit an existing ...

    • How to create an accordion element

      To create an accordion menu on your Reactive website, you can use the Accordion element. This element allows you to create a menu that expands and collapses when clicked, providing a clean and organized way to present your content. Here’s how to ...

    • How to create a text element

      The text element allows you to add text content right into your page. To create a text element, navigate to the Pages section from the sidebar menu of your admin panel under Website. Create a new page or edit an existing one. You can refer to our ...

    • How to create a product element

      Reactive allows you to add products into your content. You have full control over which products display, and how they are presented. To create a product element, navigate to the Pages section from the sidebar menu of your admin panel under Website. ...