Siteoly Docs
Home
Search…
Siteoly
Create Website
Getting started
Layout basics
How To
How to create a new project/website?
Card Designs
Box Horizontal
Box Vertical
Box Vertical Modern
Box Vertical Wave
Box Simple
Box Square
Modern
Circles
See all designs
Sheets - Getting started
Basics
Site Settings
Default Settings
NavBar
Header
Body
Body-Cards
Filters
Body-Text
Detailed Pages
Footer
Other Settings
Advanced Settings
Playground
Dont Edit
Integrations
Google Analytics
Crisp chat
Drift chat
Intercom
Pop up
How to add EngageBay form to header in homepage?
Sample websites
Modern Blog Sample
Sample 1
Sample 2
Job Board
Podcast Sample
Restaurant Sample
Real Estate Best Places
Product List
Affiliate Sample
Blog Sample
Pinterest Sample
Instagram Gallery Sample
Youtube Sample
Events List
Marketplace
App Listing
Nomad List
Books List
Modern List Sample
Basics
How does search bar work?
How to add more than 4 tags for cards?
How to turn off the search bar display on home page?
Advanced
Embed external Javascripts and CSS
How to connect to a custom domain?
How to add video to Detailed Pages?
How to use Google fonts?
Setting Pagination Size (cards per page) for cards display
List of CSS classes for custom CSS
Embed cards on external sites and internal sites
How to add Sitemap to submit to Google Search Console
How to configure Filter condition
Not seeing SSL certificate?
How to create and use Templates?
Power up search functionality with extra keywords
How to create custom '404' page?
Markdown support for Cards description
How to create Youtube style video listing websites?
Embed extra html/css/scripts into detailed page header for specific detailed pages
How to generate automated sitemaps for your website?
'Bring Your Own Code' for dynamic content in Detailed Pages
Enable Authentication (Login/Logout)
Restrict Detailed Pages Access with Access Code
How to add video in Home Page under the Header?
How to disable Black Overlay for Header Image?
How to use Google Maps on the pages?
Billing
Plans & Subscriptions
FAQ
Not able to access the site after creating the site?
Legal
Privacy Policy
Life Time Deal
Life Time Deal
How to add Mailchimp URL?
Powered By GitBook
How to use Google Maps on the pages?
Siteoly supports usage of Google Maps on Detailed Pages and on Home Page (Below the Header).

How to use Google Maps on Detailed Pages?

Get your Google Maps Embed code that looks as below.
1
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3349.9379389868927!2d-97.04252388501035!3d32.89980908093507!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x864c2a660d222aa7%3A0x73323f5e067d201c!2sDallas%2FFort%20Worth%20International%20Airport!5e0!3m2!1sen!2sin!4v1650602306789!5m2!1sen!2sin" width="600" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
Copied!
  1. 1.
    Go to your 'DetailedPages' sheet in Google Sheet and add your code inside the Markdown/HTML code as below in Column D. See sample screenshot as below.
Now, use 'live test' and check the Detailed Page to see the Google Map on the Detailed page as below.

How to use Google Maps on Home Page?

Get your Google Maps Embed code that looks as below.
1
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3349.9379389868927!2d-97.04252388501035!3d32.89980908093507!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x864c2a660d222aa7%3A0x73323f5e067d201c!2sDallas%2FFort%20Worth%20International%20Airport!5e0!3m2!1sen!2sin!4v1650602306789!5m2!1sen!2sin" width="600" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
Copied!
  1. 1.
    Go to your 'Body-Text' sheet in Google Sheet and add your code inside the Markdown/HTML code as below in Column C. See sample screenshot as below.
For the 'Body-Text' to work, always makes sure the 'Display Text Content' (Row 10) is set to 'Yes' in 'Body' sheet.
Now, use 'live test' and check the Home Page to see the Google Map on the Home Page under the Header as below.
Note: Always use 'live test' link to verify the latest changes.
Advanced - Previous
How to disable Black Overlay for Header Image?
Next - Billing
Plans & Subscriptions
Last modified 1mo ago
Copy link
Contents
How to use Google Maps on Detailed Pages?
How to use Google Maps on Home Page?