I’m very frustrated. I typically build websites in Wordpress and everything about shopify has not been intuitive to me. I wanted to add a map to the website I’m building and there’s no way to easily add an iframe to a page. How can I add an iframe to our contact page? The link is https://pepperberries.shop/pages/contact I already tried just going to the page and adding html but it doesn’t show up on the page. Nor does it seem I’d have any control over where the map was going etc.
OR is there a way to add a map for free to the site other than just taking a screen shot and using a photo that way? Thank you!
add a html section to the theme where you want it placed
grab the location from the maps
click on share, then click on the tab that says embeed then lick on iframe
copy that code and paste into the html
Hi @pepperberries In more modern themes just use a custom-liquid or custom-html section or block.
Contact pages generally have a specific alternate template and do not always pass through the page description(rich text editor content).
Because the design intent is for a Contact form and it’s inputs, not an about us bio as that’s it’s own page most of the time(/pages/about-us) .
https://help.shopify.com/en/manual/online-store/themes/os20/theme-structure/templates#create-a-new-template
If you tried adding an iframe to a pages content in the admin make sure you added it to the actual content source and not just try to paste html as text into the rich text editor. https://help.shopify.com/en/manual/shopify-admin/productivity-tools/rich-text-editor#add-html-content-with-the-rich-text-editor
Shopify is not wordpress stack/hosting with full level control they don’t even use the same programming languages for the backend templating.
If you try shopify like it should be wordpress you will continue to have self inflicted frustration.
Go over the manual or dev docs thoroughly.
https://help.shopify.com/en/manual/online-store/themes?q=themes
https://shopify.dev/docs/storefronts/themes