Embedding google doc html into entire blog page

samrose
Tourist
10 0 2

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!

 

 

If my response was helpful please Like and Mark As Solution.
0 Likes
AvidBrio
Shopify Expert
127 6 12

@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>

 

If you find our comment helpful, hit the like button and accept it as a solution.
Want us to implement custom changes in your store? Contact us
Email me directly - jim@avidbrio.com
0 Likes
samrose
Tourist
10 0 2
samrose
Tourist
10 0 2

I tried that but it displays it in a very small box.

0 Likes
AvidBrio
Shopify Expert
127 6 12

add width 100% @samrose  

<iframe width="100%" src="https://docs.google.com/document/d/e/2PACX-1vQZ6KdKk2rIAlP4u_R-gu_w4YfuHpZqWfEjpphk9s6PI35H1HVEWr0OZGhzWKmuzQ/pub?embedded=true"></iframe>
If you find our comment helpful, hit the like button and accept it as a solution.
Want us to implement custom changes in your store? Contact us
Email me directly - jim@avidbrio.com
0 Likes
samrose
Tourist
10 0 2

Thank you for your reply, it almost did it, but not quite

Screen Shot 2021-02-07 at 6.23.56 AM.png

0 Likes
AvidBrio
Shopify Expert
127 6 12

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

If you find our comment helpful, hit the like button and accept it as a solution.
Want us to implement custom changes in your store? Contact us
Email me directly - jim@avidbrio.com
0 Likes