The address and the store location on the map are displayed on the page with contact information and in the website footer.

Go to the website administration page and fill out the following field: Settings → Settings → Contacts → Address. To add a line break to the address, use <br> tag to separate the text.

Horoshop 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 integration function.

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

2. Click the Share button.

3. In the window, click Embed Map → Copy HTML.

4. Go to your website administration page and insert the code into the Settings → Settings → Contacts → Map HTML-code field and save the changes.

Important! In order for the code to work properly, make sure that the API Key for Google Map field was empty.

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

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

2. Copy and paste the key into the respective field in on the website administration page: Settings → Settings → Contacts → API-key for Google maps.

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

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

1. Open the Contact Information page settings: Pages → Contacts.

2. Go to the Additional Info block and click the Source button in the editor.

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