Re: How to embed a Google Slides Presentation into a shopify blog post?

Solved

How to embed a Google Slides Presentation into a shopify blog post?

Dermott_Dowling
Tourist
7 0 5

Hey there Shopify buddies,

 

How can we post a Google Slides presentation or embed it into a Shopify Blog Post?

 

We want to share not only our YouTube Video but the Slides (presentation) from a recent webinar with our customers

 

cheers

Dermott at BeerCo.com.au

Accepted Solution (1)

tim
Shopify Partner
3926 399 1444

This is an accepted solution.

Should not be a problem mate.

First, get the embed code for your document (as per https://support.google.com/docs/answer/183965)

  1. Open a file in Google Docs, Sheets, or Slides.
  2. At the top, click File > Share > Publish to web.
  3. In the window that appears, click Embed.
  4. Choose a publishing option:
  • Spreadsheet: Choose to publish the entire spreadsheet or individual sheets.
  • Presentation: Choose a presentation size and how quickly to change the slides.
  1. Click Publish.
  2. Copy the HTML in the text box and paste it into your site or blog.

To perform the last step you'd need to go to your Shopify admin, edit the article content, click the "Show HTML" button (looks like </>  -- rightmost of the editor buttons) and then paste the code where you see fit.
You may add some basic styles like so:

<iframe

src="https://docs.google.com/******/pub?embedded=true"

style="width: 100%;min-height: 50vh;"

></iframe>

If my post is helpful, consider liking it -- it will help others with similar problem to find a solution.
I can be reached via e-mail tairli@yahoo.com

View solution in original post

Replies 11 (11)

tim
Shopify Partner
3926 399 1444

This is an accepted solution.

Should not be a problem mate.

First, get the embed code for your document (as per https://support.google.com/docs/answer/183965)

  1. Open a file in Google Docs, Sheets, or Slides.
  2. At the top, click File > Share > Publish to web.
  3. In the window that appears, click Embed.
  4. Choose a publishing option:
  • Spreadsheet: Choose to publish the entire spreadsheet or individual sheets.
  • Presentation: Choose a presentation size and how quickly to change the slides.
  1. Click Publish.
  2. Copy the HTML in the text box and paste it into your site or blog.

To perform the last step you'd need to go to your Shopify admin, edit the article content, click the "Show HTML" button (looks like </>  -- rightmost of the editor buttons) and then paste the code where you see fit.
You may add some basic styles like so:

<iframe

src="https://docs.google.com/******/pub?embedded=true"

style="width: 100%;min-height: 50vh;"

></iframe>

If my post is helpful, consider liking it -- it will help others with similar problem to find a solution.
I can be reached via e-mail tairli@yahoo.com
Dermott_Dowling
Tourist
7 0 5

Thanks @tim Tim,

 

Much appreciated.

 

Worked a treat

SP10
New Member
5 0 0

This didnt work on my site. What should i do?

tim
Shopify Partner
3926 399 1444

@SP10 -- Share a link to the page where you've tried to embed the slides.

If my post is helpful, consider liking it -- it will help others with similar problem to find a solution.
I can be reached via e-mail tairli@yahoo.com
SP10
New Member
5 0 0
tim
Shopify Partner
3926 399 1444

Hmm. 
Are there other page templates available in your theme to try using them?

 

Looks like you've added the code to your page, but the template simply does not show it? 

 

 

but the template does not refer to it.

Maybe you need to change something in Customize, like set some dynamic sources in section properties -- not familiar with your theme.

If my post is helpful, consider liking it -- it will help others with similar problem to find a solution.
I can be reached via e-mail tairli@yahoo.com
SP10
New Member
5 0 0

No there are no other page types other than a "Contact" page. You are correct, it is not showing. I am familiar with using Shopify as I had a business years ago and I did the site. I know how to use html coding a bit but not much. Are you able to look at the code and see if anything is preventing it on the back end of the template from showing please? Also could you please delete your above snip, that is a pitch deck that we do not want others to be able to see. I am creating the page but it will not be visible on the site.

tim
Shopify Partner
3926 399 1444

Yeah, I can have a look at the code.  Looks like I am no longer able to edit the message myself, but I've notified moderator -- hope they will be able to remove the address/entire post.

Sorry for this.

If my post is helpful, consider liking it -- it will help others with similar problem to find a solution.
I can be reached via e-mail tairli@yahoo.com
SP10
New Member
5 0 0

No worries. Could you please send a request to login and i will approve 

tim
Shopify Partner
3926 399 1444

1) You need to paste the code not just into page content, but after you've switched into "Show HTML" mode via <> button. If you do it right, you will be able to see the actual contents of your presentation in editor. If you see your HTML code if you're not in "Show HTML" mode, then you've done it wrong.

2) I've changed the the page template to "Default" and now it shows on frontend more or less properly.

If my post is helpful, consider liking it -- it will help others with similar problem to find a solution.
I can be reached via e-mail tairli@yahoo.com
MichaelSavan
Visitor
3 0 0

I see it's an old question, but I hope my suggestion will help. I use different presentations for work and sometimes have to send them to our partners via email and various programs. At first, I couldn't do it due to the different formats demanded, and conversion sometimes damaged and mixed up slides. However, I found a solution on Okslides. This site offers you a lot of different formats to choose from and lets you download/send it anywhere needed. I've been using it for several months and admit that my work was much more complicated before discovering this app. I hope it's also helpful for you