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

Store Design
1

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

2

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:

1 Like
3

Thanks @tim_1 Tim,

Much appreciated.

Worked a treat

4

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

5

@SP10 – Share a link to the page where you’ve tried to embed the slides.

6

https://wholebodyplus.com/pages/pitch-deck

7

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.

8

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.

9

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.

10

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

11

  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.

12

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