How to add a Google Maps box into your page

How to add a Google Maps box into your page

This tutorial will show you how to add a Google Maps box into your page like in this template: https://pwacart.com/a/tapita/preview/pages/maskedId/1sSFkeZCoaCxXFVJxeeOV1639043382

Embed from maps.ie




First, add a Custom HTML element into your page.



Then, use this tool to generate your Google Maps code: https://www.maps.ie/create-google-map/
After you've entered the information, copy the code in "Copy your iFrame code":



and paste it into your Custom HTML content:



Click Save and done!

Embed from Google Maps

Open your Google Maps and click Share


At tab Embed a map, copy HTML code


Embed at the HTML element


Fix your map's width and height to your own size.


    • Related Articles

    • How can I select specific products to add into my page? (Old version)

      When you add Products Scrolling or Product Grid into your page, you are able to add products by category or select specific products. To select specific products: In Products Scrolling/Product Grid configuration, go to Product Source > select ...

    • How to add Klaviyo/Mailchimp/Omnisend embedded form into your page

      Klaviyo You must have Klaviyo app already installed in your store Step 1: Enable the Klaviyo app embed in Shopify From your Shopify admin, under Sales Channels click Online Store to open the dropdown. Select Themes.  Find your current theme and ...

    • 4. Learn about Tapita page builder Sections and Elements

      z age Sections and Elements are an essential part of a page builder tool like Tapita. Once you've mastered the sections and elements, then you've mastered Tapita! You can learn more about Tapita Sections and Elements relationship and management. Some ...

    • Can I add an MP4 video file?

      Drag the element HTML Video into your page and enter the link to your MP4 video file into the HTML Video URL field with following step. Step 1: upload video mp4 into your Shopify store at Content\Files Get the URL of video by clicking the hyperlink ...

    • How to create a landing page that converts

      A landing page, often known as LP, is quite likely to be the very first "actual" encounter a visitor has with you, regardless of whether they arrive there via your homepage, a link from an advertising, or the outcome of a popular search phrase. Your ...