Embed Google Calendar on Shopify Webpage

[jli505]

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? 

[Dan-From-Ryviu]

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

[jli505]

I'm using the Dawn theme, but I don't know what code to modify or how to add in the new code.

[Scott-Austin]

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