I want to embed a Google Calendar using iframe to a product page. The product page looks like below. Currently there’s the “Schedule appointments here” box that is on the product page, but I would like a google calendar embedding to take up that space instead. What are the instructions to do this?
Topic summary
A user wants to replace a “Schedule appointments here” box on their Shopify product page with an embedded Google Calendar iframe.
Current Setup:
- Using the Dawn theme
- Unfamiliar with code modification or implementation
Suggested Solutions:
Manual Implementation:
- Add a Custom Liquid or HTML block to the product page section (if theme supports blocks)
- Use Google’s native embed code, though this offers limited styling control
- A YouTube tutorial was shared demonstrating the process
App-Based Alternatives:
- Brand-it Calendar: Provides calendar embedding with customizable styling to match store branding
- EmbedAny: No-code solution supporting 800+ platforms including Google Calendar; works by simply pasting a link
Both apps offer free trials. The discussion remains open as the original poster hasn’t confirmed which approach they’ll pursue or requested further clarification on manual implementation.
Hi @jli505
If your theme supports adding blocks, then you can add Custom liquid or HTML block to this section, add your Google Calendar embeds code and hide the default block section
I’m using the Dawn theme, but I don’t know what code to modify or how to add in the new code.
You can use the embed code from Google for that, but you get no control over the styling. Here are some instructions - https://www.youtube.com/watch?v=kthB6a0UkiQ
Alternatively, we’ve got an app that helps you do this and gives you control over the styling of the calendar so you can match it to your brand. Here’s the app listing - https://apps.shopify.com/brand-it-calendar
Hi @jli505
Looking to add your Google Calendar to your Shopify store without using any code? Whether you want to display your business hours, upcoming events, or allow customers to see your availability, embedding a Google Calendar can make your store more functional and user-friendly.
Thanks to EmbedAny, it makes possible to embed Google Calendar into your Shopify store in your place very easily by just pasting a link. To know the step by step guide: Click Here.
EmbedAny, not only works with Google Calendar, rather it supports 800+ sites including YouTube, Facebook, Instagram and Tiktok. Get the list.
Enjoy a FREE Trial.
Get the amazing App: Embed Any Social Media w/ Link - Embed Interactive Content on Shopify | Shopify App Store
Regards,
EmbedAny Support