toujou
+49 911 23980-870

Map of an address

A square or 16:9 map with an individual address and textfield on either side.

Item-IDs: 06-013 | 06-014 | 06-015 | 06-016

Sample views  Step by step guide  Screen adaptation  Get a Google API Key


Sample views

Square

To display third-party maps, we need your consent.

DFAU

Gustav-Weißkopf-Str. 5
90768 Fürth
Tel: +49 911 239808-70
E-Mail: info@dfau.de

This is a map element that displays an address above any type of information. The text and/or other type of content is displayed underneath the address and above social media icons, if you wish to link to social media channels. 


16:9

To display third-party maps, we need your consent.

DFAU

Gustav-Weißkopf-Str. 5
90768 Fürth
Tel: +49 911 239808-70
E-Mail: info@dfau.de

This is a map element that displays an address above any type of information. The text and/or other type of content is displayed underneath the address and above social media icons, if you wish to link to social media channels. 


Step by step guide

Create new element

  • Click on the + Content button to create any map element.
  • In the Map Elements tab, select the map address element of your choice that is named accordingly.

Insert address

  • Enter the address into the fields of the Set Address tab.
  • To ensure the correct display of an address, at least the name of the street, zip code and city (possibly country) are required.

Insert and format text

  • Paste your text into the editor.
  • If you copy the text from another file, pay attention to possibly copied formatting.
  • The text can be formatted directly within the rich text editor, with the help of the menu above the editor

Add social media buttons

  • In the Social Media tab, you can create links for various social media channels.
  • Insert the entire link to the profile for the respective medium.

Screen adaptation

A map of address shows any individual address information next to a Google map with either a fixed square or 16:9 aspect ratio.

Responsive behaviour: If there isn’t enough space to display map and contact next to each other, all maps will show the contact information directly below. This ensures the consistent appearance of all maps on small devices, regardless of the original orientation.

Worth noting:

  • This element is suitable for the display of addresses that are not already entered in your basic Contact Information settings. In addition, there is a text area to display further information.
  • To display an address correctly, you need a Google API key from the Google Cloud Platform.