I would like to add a google embedded map to our Contact us page but unsure how to do it. I have tried copying the iframe HTML link into the contact us page/form with no success.
Yeah it's funny, walked away for a couple of hours and came back to it. tried the original work around (open map and copy HTML source code from share button) and it has worked!
This is the code that i was trying to paste in doing it the way that you explained
<iframe
width="600"
height="450"
style="border:0"
loading="lazy"
allowfullscreen
referrerpolicy="no-referrer-when-downgrade"
src="https://www.google.com/maps/embed/v1/place?key=AIzaSyBbGNbxglSwWX1UCHoaMEodZqlKFyMfXfs
</iframe>
This is what I got by doing it the original way ( I was having the same problem with it not saving), maybe it was a Neto "glitch" all along.
https://mjcautoparts.mymaropost.com/form/contact-us/
I've tried this out and it's definitely possible. There is just a bit of fiddly setup to do.
First of all you'll need a Google Cloud project:
https://developers.google.com/maps/documentation/embed/cloud-setup
You'll probably need to enter billing details, but the Maps Embed API is actually free for unlimited use.
Enable the "Maps Embed API" in that project.
Then you need to create a restricted API key:
https://developers.google.com/maps/documentation/embed/get-api-key
Then you can copy the code from here:
https://developers.google.com/maps/documentation/embed/get-started
On your Contact Us page, switch to Source Code and then paste the code. Replace API_KEY with the key you generated previously.
Google's docs can be quite confusing but if you get stuck just try searching for online guides to set it up. The process to get the API key is the same for all websites, so you don't need anything Neto specific.
Thanks for the info Erik, I have tried this still with no success. The code will not save after it is pasted into the source code section of the page.
Once I paste it in and click save, the embedded code then disapears.
Ah yeah the editor does have a habit of doing that. I can't replicate it at the moment with the iframe code, but I've certainly seen it happen. Try adding a bit of text just before the </iframe> part, like this:
Loading</iframe>
Can you also post the full code you are pasting in (including API key, it's not secret)
Looks great! Glad you got it working.
Just be aware that if you ever touch that page in future, your iframe may suddenly disappear again. The editor can be temperamental like that. Save a copy of the code so you can add it back in if needed.
