Idk why its not really talked about… but hear me out.
Is it possible to embed a google doc html into the html of a blog page on shopify?
The point is, i want to have the same structure/template/blog i made in google doc and have it displayed into my shopify blog page?
It would be awesome if this is possible, as the Brooklyn theme blog template sucks so much.
Please tell me how to do it and how to make it fit the entire page of my blogs.
Thank you,
Sam
Absolutely possible to embed google doc as an iFrame.
From google doc click File > Publish to the web > Pick Embed
Copy the HTML from the last step and paste it into the HTML view of a new blog page.
Here is a link to the page that describes the process from the Google side.
Works great. You may want to use css to remove the margins and hide the scrollbar by adding the following attributes:
frameBorder="0"
scrolling="no"
Good Luck!
@samrose https://www.huratips.com/tech-tips/how-to-embed-google-sheets-in-shopify.html read this step I hope you will do that.
here my demo website https://avidbrio.myshopify.com/blogs/news/google-docs
if can’t then contact us
<iframe src="https://docs.google.com/document/d/e/2PACX-1vQZ6KdKk2rIAlP4u_R-gu_w4YfuHpZqWfEjpphk9s6PI35H1HVEWr0OZGhzWKmuzQ/pub?embedded=true"></iframe>
Hi, i have this copy, where can i add the extra coding?
I tried that but it displays it in a very small box.
add width 100% @samrose
<iframe width="100%" src="https://docs.google.com/document/d/e/2PACX-1vQZ6KdKk2rIAlP4u_R-gu_w4YfuHpZqWfEjpphk9s6PI35H1HVEWr0OZGhzWKmuzQ/pub?embedded=true"></iframe>
Each theme has its own architecture and workflow, so I suggest you hire us and we will work out a solution for your theme, email us at hello@avidbrio.com
There is a app exactly for that: https://apps.shopify.com/doc2blog
Hey there;
Did you manage to solve it ? I am having the same problem where the width is okay but the height is not
Br
A
@reboli Hi you can assign width and hight
add a hight into iframe code the height=“100vh”
<iframe width="100%" height="100vh" src="https://docs.google.com/document/d/e/2PACX-1vQZ6KdKk2rIAlP4u_R-gu_w4YfuHpZqWfEjpphk9s6PI35H1HVEWr0OZGhzWKmuzQ/pub?embedded=true"></iframe>
I went with another way instead of embedding the google doc into the theme but thank you for your time and expertise 
Hi @samrose
It’s better late than never. I suggest you use an app to make it fit the entire page. The iFrame method may not give you full-page privileges. But apps like EmbedAny and Docify will give it to you instead. EmbedAny does not embed only Docs to Shopify, but also supports 800+ platforms without using any code. The integration is also easy. You can copy the accessible link of your Google Docs, paste it into your rich text editor, make it italic, save, and preview the change.
Here is a comparison of results using:
The manual iFrame process
The EmbedAny app:
