Integrations

Integrations allow the administrator to connect additional functionality. for example, you can connect Google Maps, OpenStreetMap, Google Analytics and reCAPTCHA.

You can also set the default location for the office or shop. This location will be shown by default whenever the map is inserted.

Google Map

Google Maps requires a special Google Maps API key. Without this key, you cannot display Google Maps on your website.

You must have a Google account with billing enabled to generate a key for Google Maps API.

To get the embed map code, open your needed address on Google Maps, click the Share button and open the Embed a map section. Use the link inside the SRC attribute:

OpenStreetMap

In order to add the OpenStreetMap it has similar steps with Google Maps.

OpenStreetMap has a particular advantage we want to highlight: it’s open-source. So, thousands of users across the globe regularly add new OpenStreetMap data. So, it may be the most accurate-to-date map on the Internet.

• Go to https://www.openstreetmap.org.
• Navigate to the area you want to display.

• Click on the sharing button.

• Click the “HTML” option.

• Click “Add a marker to the map.”

• Copy the HTML text in the box (starts with <iframe).

• Past the code into your web app.

OpenStreetMaps also has plenty of user-created libraries if you want to add it to your mobile app.

reCAPTCHA

reCAPTCHA is a free service that protects your site from spam and abuse. It uses advanced risk analysis techniques to tell humans and bots apart.

In order to enable reCAPTCHA on your website you need to enter site a keys on the fields provided

Here you will find more information about reCAPTCHA activation

Only works with reCAPTCHA v3.

An example of how to correctly fill the page is shown on the screen below:

JS Styles

On the Custom JS Header / Footer section, you can insert and apply additional JavaScript scripts to the theme without editing theme files.