Skip to main content
Address and location on the map

Setting up the store address and connecting map services

Updated over a year ago

The address and the store location on the map are displayed on the Contacts page.

The address and the store location on the map — Cartum

They can also be found in the website footer.

How to add the address

Go to the Settings General SettingsContacts section of website administration page and fill out the Address field. To add a line break to the address, use <br> tag to separate the text.

How to embed a map

Cartum has built-in Google Maps support. You can put a map on the Contacts page by using a map code or an API key.

Map code

This is the recommended connection type which relies on the standard map embedding feature.

  1. Go to Google Maps and find the required address.

  2. Click the Share button.

  3. In the window, click Embed MapCopy HTML.

  4. Go to the Settings General SettingsContacts section of your website admin panel, insert the code into the Map HTML-code field and save the changes.

How to embed a map using the HTML code — Cartum

Important: in order for the code to work properly, make sure that the API-Key for Google Maps field is empty.

API Key

This is a more complex method of map integration which offers advanced customization. To generate a key, you need to register on Google Maps Platform and use a card as a payment method. The service offers up to 28,000 free map requests and charges $7 for each subsequent 1,000 requests.

  1. Generate the API Key on Google Maps Platform (watch a short video tutorial).

  2. Go to the Settings General SettingsContacts section of the admin panel and paste the key into the API-key for Google maps field.

  3. Enter the name, address or coordinates of the point in the Store Address field and save the changes.

How to embed a map using the API key — Cartum

Multiple maps

The map code can be inserted into the additional information field on the Contacts page to combine text with one or multiple maps.

Multiple maps on the Contacts page — Cartum

  • Go to the Website Pages Contacts section of your website administration page.

  • Scroll down to the Additional Info block and click the Source button in the editor.

  • Insert the map code in the right place and save the changes. After saving, the updated information will appear on the contacts page.

Multiple maps HTML code — Cartum
Did this answer your question?