With the map element in the Plug&Pay page builder, you can easily place an interactive Google Maps map on your page. This is useful for showing visitors your location, such as an office, shop, or event venue.
Adding the Google Maps element
Edit your landing page and add a new element. Select the Google Maps element and place it on your page. In the field, you will need to paste the embed code from Google Maps.
Retrieving the Embed Code
Go to Google Maps and search for the location. Click on Share and select Embed a map.
Copy the HTML code and paste it into the code field on your landing page. The map will appear directly on your page.
Setting a map as the background of a block
You can also set the Google Maps embed as the background of a full block. This ensures that the map fills the full width of the page.
Select the block where you want to use the map as a background. Go to the block settings and choose Google Maps as the background.
Paste the Google Maps embed code into the input field. The map will now fill the entire block without any white space on the sides.
💡Tip: Adjust the height settings of the block to tweak the desired display of your map
Frequently Asked Questions (FAQ)
Which embed codes are supported?
Which embed codes are supported?
Only Google Maps embed codes that start with <iframe src="https://www.google.com/maps/embed are supported. Other iframe codes are blocked for security reasons.
The map is not being displayed. What now?
The map is not being displayed. What now?
Check if you have pasted the complete embed code, including the full <iframe> tags.