Embed Google Slides in a Website

If you need to embed Google Slides on a website, you’ve got two clean paths: publish from Google Slides and paste the embed code, or let a tool do the embedding and responsive sizing for you. This guide shows both. If you’re coming from desktop files, you may prefer our related guides on how to embed a PPT in a website and ways to embed PowerPoint on a website.

Below you’ll publish Google Slides to the web, drop in the iframe, and then tune parameters like start, loop, and delayms so your deck behaves the way you expect. We’ll also cover how to stop publishing safely and how to handle WordPress, Shopify, and Wix.

Overview

Publishing a deck from Google Slides generates a public embed URL and an iframe snippet. That’s the code you paste into your site.

• When you publish, Google hosts a view-only presentation and gives you an embed code.
• Edits you make later in Google Slides flow through to the live embed automatically (usually within a minute).
• You control behaviors with URL parameters: start (auto-start), loop (restart), and delayms (advance speed).

If you ever need to pull it down, you can stop publishing in one click. The iframe will stop resolving, and viewers can’t access the deck via the embed.

For reference, see Google’s docs on publishing files to the web: Publish to the web.

Embed Google Slides instantly with MicroEdits

MicroEdits is the fast lane for non‑technical teams. You tell it, in plain English, what you want: insert the Slides embed on your homepage, make it responsive, start on load, loop, and set the advance to 5 seconds. MicroEdits makes the change on your live site — no dashboards, no copy‑paste, no theme editing.

• Describe the change. MicroEdits adds the iframe where you want it.
• Ask it to tune the parameters (start, loop, delayms). It does the fiddly URL edits for you.
• Preview, share the preview, and apply when ready. Revert anytime.
• Works on WordPress, Shopify, Wix, and more — it just talks to your existing site.

Use it to embed Slides, add a map, drop in a Calendly, or wire up analytics snippets — the quick web chores that usually eat a day and a developer.

Step-by-step: Publish and embed

Follow these steps to embed Google Slides on your website:

1. In Google Slides, open your deck.
2. Go to File → Share → Publish to the web.
3. Choose the Embed tab.
4. Pick a size and set options:
   • Start slideshow as soon as the player loads
   • Restart the slideshow after the last slide
   • Delay between slides
5. Click Publish, then confirm.
6. Copy the iframe code.
7. Paste the iframe into your site’s HTML where you want it to appear.
8. Save and publish your page.

Sample iframe (you’ll get a URL unique to your deck):

<iframe
  src="https://docs.google.com/presentation/d/e/2PACX-XXXXXXXXXXXXXXXX/embed?start=true&loop=true&delayms=5000"
  frameborder="0"
  width="960"
  height="569"
  allowfullscreen
  title="Google Slides presentation"
>
</iframe>

Tip: the width and height are just defaults. We’ll make it responsive below.

Tune parameters

You can edit the iframe’s src to control behavior. The common Google Slides iframe parameters:

Example with minimal UI and faster advance:

<iframe
  src="https://docs.google.com/presentation/d/e/2PACX-XXXXXXXXXXXXXXXX/embed?start=true&loop=true&delayms=3000&rm=minimal"
  frameborder="0"
  width="960"
  height="569"
  allowfullscreen
  title="Google Slides presentation"
>
</iframe>

Make it responsive (recommended):

.embed-slides {
  position: relative;
  width: 100%;
  max-width: 960px; /* optional */
  margin: 0 auto;
  aspect-ratio: 16 / 9;
}

.embed-slides iframe {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

HTML wrapper:

<div class="embed-slides">
  <iframe
    src="https://docs.google.com/presentation/d/e/2PACX-XXXXXXXXXXXXXXXX/embed?start=true&loop=true&delayms=3000"
    allowfullscreen
    title="Google Slides presentation"
  ></iframe>
</div>

Autoplay nuance: If your first slide contains audio or video, some browsers may block autoplay to protect users. See MDN’s overview: Autoplay guide.

Stop publishing and privacy

When you publish to the web, the deck becomes publicly viewable via the embed or a public link. If you need to revoke access:

• In Google Slides: File → Share → Publish to the web → Stop publishing.
• The embed will stop working shortly after. Viewers will no longer see the deck.
• Your original Slides file remains in Drive with its normal sharing settings.

Note: changing Drive sharing to restricted does not unpublish the embed. Use Stop publishing to ensure the embedded deck is no longer accessible.

Platform tips: WordPress, Shopify, Wix

Here’s how to embed Google Slides on popular platforms and keep it responsive.

• WordPress

  • Use the Custom HTML block and paste the iframe (or the responsive wrapper).
  • Block Editor: Insert → Custom HTML.
  • Reference: Custom HTML block.

• Shopify

  • Online Store → Themes → Customize → Add section → Custom Liquid.
  • Paste the iframe or the responsive wrapper inside the section.
  • Reference: Custom Liquid section.

• Wix

  • Add → Embed → Embed a widget → paste the iframe, or use Embed HTML.
  • Reference: Add HTML code.

General tips:

• Ensure every asset loads over HTTPS to avoid mixed content warnings. See MDN: Mixed content.
• If your platform strips iframes in certain blocks, use an HTML/Embed block or a section intended for custom code.
• Keep the wrapper’s aspect-ratio at 16/9 unless your deck uses a different slide size.

Troubleshooting

• Can’t see the deck when embedded

  • Make sure you used Publish to the web (not just Share).
  • Confirm the iframe src points to /embed and includes your deck ID.

• Edits not showing on site

  • Wait ~1–2 minutes; refresh with cache bypass.
  • Verify you didn’t paste a share link instead of the embed URL.

• Not responsive on mobile

  • Wrap the iframe in a responsive container (see CSS above).
  • Remove fixed width/height styles in favor of 100% width and aspect-ratio.

• WordPress strips my iframe

  • Use the Custom HTML block (not Paragraph or Code).
  • Ensure user role/capabilities allow iframes on your install.

• Borders or scrollbars appear

  • Add border: 0 to the iframe and ensure the wrapper isn’t narrower than the frame.
  • Check theme CSS for max-width or overflow rules colliding with the embed.

• Autoplay doesn’t start

  • start=true only auto-advances slides. If the first slide has media, browser autoplay rules may block it. Consider moving media off the first slide.

• Mixed content warnings

  • Ensure the iframe src starts with https and your site is served via https.

FAQ

Do edits to my Google Slides auto‑sync to the embedded deck?

Yes. After you publish to the web once, future edits to the deck flow to the embed automatically, usually within a minute. You do not need to republish unless you’ve stopped publishing or replaced the deck entirely. If you don’t see changes, clear cache or use your browser’s hard reload.

Can I autoplay Google Slides and loop them on my site?

Yes. Use start=true to begin on load, loop=true to restart after the last slide, and delayms to control the speed. Example: delayms=5000 for five seconds. If your first slide contains audio or video, some browsers may restrict autoplay of that media. The slides themselves will still advance.

How do I make the Google Slides embed responsive?

Wrap the iframe in a container with aspect-ratio (16/9 is standard for widescreen decks) and set the iframe to fill the container. This avoids fixed width/height issues on mobile. See the CSS snippet above and apply it through your site builder’s custom CSS or an HTML block with inline styles if needed.

Will viewers see my speaker notes or edit controls?

No. The embed is a view-only player. It does not show speaker notes, edit controls, or your Drive UI. If you want to share notes, export a PDF or share a view‑only Slides link separately.

How do I stop the embed from being publicly accessible?

In Google Slides, go to File → Share → Publish to the web → Stop publishing. The embedded deck will stop resolving. Your original file remains in Drive with its current sharing settings. Stopping publication is the reliable way to revoke access for the embed.

What’s the simplest way to embed Google Slides in WordPress?

Use the Custom HTML block and paste the iframe from Publish to the web. If you want responsive sizing, paste the wrapper div plus iframe from this guide. This is the most reliable way to do a WordPress Google Slides embed without fighting theme or block restrictions.

Can I hide the player chrome?

The embed is already minimal. Adding rm=minimal to the URL can reduce UI further in some contexts, though it’s not guaranteed everywhere. If you need a completely chrome‑free look, use a clean container, remove borders, and match the background color to your page.