Google Maps CMS Element for Shopping Experiences - GDPR conform!

by Applifaction

Rating: no rating ( write a review )

Downloads: <100

Add Google Maps on CMS pages of your onlineshop using drag & drop. Use any number of markers with your own pop-up window text (e.g. address of a store). DSGVO compliant!

Annually €22.50* /month €300.00 * €270.00* /year 10% discount In comparison to the regular monthly price

Monthly €25.00* /month Cancelable monthly

Compatible with:

6.4.0.0 - 6.6.6.1

Includes:

Free trial month

The subscription starts with a free trial month during which it can be canceled at any time.

All updates

During the subscription all released updates are included for free

Support from the Extension Partner

In case you have any questions or problems with your extension you can always ask the Extension Partner for help during the subscription.

Description

Highlights

Map section and zoom freely configurable
Maps marker with text windows freely configurable
Design configurable
Interaction possibilities of the user are restrictable (zoom & move map)
GDPR compliant: Google Map is only loaded if the user agrees to the use of cookies

Features

Google Maps freely addable in all experience worlds
Markers can be freely positioned on the map
Text windows on freely configurable for each marker
You can choose from 6 predefined designs of the map to match the design of your online store
Position of the map section and zoom level can be configured

The amount of displayed streets can be configured
Whether the user can zoom or move the map section is configurable

Show more Show less

About the Extension

With this plugin you can add Google Maps freely on all shopping experiences (CMS) via drag & drop. After you have selected the map section and zoom level, you can position as many markers as you want (e.g. to display your stores) on the map. For each marker you can configure a text that will be displayed when the user selects it. For example, you can display the address of your stores.

To make the Google Map fit perfectly with the look of your website, you can choose between 6 predefined designs of the maps.

100% DSGVO compliant: To ensure that Google only sets cookies when the user allows them, the interactive map is only loaded once the user has agreed to the Google cookies. As long as the user has not agreed, a static Google Map is displayed as an image in the configured design. The opt-in checkbox for the cookie is placed in the "Comfort features" group so as not to make customers uncomfortable.

If you are using a cookie consent tool, such as Trusted Shops Consent Manager, Cookie First or similar, or Google Tag Manager, you can now run the following Javascript snippet to load the Google Maps.

document.applifactionGoogleMaps.forEach(map => map.allowRendering())

To deny the rendering of Google Maps again, you can add the following JavaScript Codesnippet to your consent management tool:
localStorage.removeItem('Applifaction.GoogleMaps.Allowed');
location.reload();

Details

Available: English, German
Latest update: 18 September 2024
Publication date: 5 July 2022
Version: 2.0.0
Category:

Resources

Reviews (0)

Write a review

If you downloaded this extension you can write a review in the Shopware Account.

Write a review

No reviews found.

About the Extension Partner

Applifaction

See all extensions:

Shopware 5 Shopware 6

Partner Status

Shopware
Extension Partner

Details

Rating: 4.9

Average rating of 4.9 out of 5 stars
Partner since: 2022
Extensions: 3
Country: USA

Support

Support languages: German, English
Support response time: Very quickly

English

Frontend:: Go to demo

Admin:: Go to demo
Name:: admin
Password:: shopware

Installation via ZIP file through the Shopware administration interface:

Video tutorial (german): https://www.youtube.com/watch?v=8G20GQSI1Yw

Or use following list:

Download the plugin ZIP file from the Shopware Store.
Navigate to "Extensions" > "My Extensions" in the Shopware admin interface.
Download the plugin ZIP file by clicking on the "Upload extension" button in the top right corner.
Now a new plugin will appear in the list called "Google Maps for Shopping Experiences (CMS)". Please click on "Install App" here.
Once the installation is complete, enable the plugin by activating the switch on the left side.
Add your Google Maps API Key to the plugin configuration. You can see a description how you can to this below.

Installation via Composer:

In the command line, navigate to the Shopware root directory and run the following command:
composer require store.shopware.com/ApplifactionGoogleMaps
Install and activate the plugin by running the following commands:
bin/console plugin:install ApplifactionGoogleMaps --activate
bin/console cache:clear
Add your Google Maps API Key to the plugin configuration. You can see a description how you can to this below.

Add Google Maps API Key to the plugin configuration

The following tutorial shows you how to get the API Key and store it in Shopware 6.

First, please create a Google Account at https://console.cloud.google.com/google/maps-apis or sign in with an existing Google Account.
Next, click on "Login data" in the left menu and create a new project e.g. "Google Map YOUR-SHOP-NAME".
After that click "Maps JavaScript API" and enable it.
After a short time you will be in the "Metrics" menu.
Next, please navigate to the "APIs" page and activate the "Maps Static API".
After successfully activating the 2 required APIs, you now need to create the API Key. Navigate to "Credentials" under "APIs and Services" to view all credentials or create new ones. Select "+ Create credentials" -> "API key" and after a short time the API Key will appear. Copy the newly created API Key to the clipboard.
You can then also restrict the API key. For a first test you can use this also without restrictions. Later you should restrict it, but observe whether the communication then still works correctly. You may need to make additional settings to be able to use the key productively (credit card deposit, API and authentication domain confirmation).
Now please open the Shopware 6 admin interface and navigate to the plugin settings: "Extensions " -> "My Extensions" -> Click on the three dots of the plugin "Google Maps for Shopping Experiences (CMS)" -> "Configuration". Now paste the previously copied API key into the field "Google Maps API Key".