Title: Slideshare embed
Author: Leslie
Published: June 18, 2020
Last modified: June 8, 2024

---

# Slideshare embed

## In this article

 * [Steps to embed a Slideshare presentation on your post or page](https://wordpress.org/documentation/article/slideshare-embed/?output_format=md#steps-to-embed-a-slideshare-presentation-on-your-post-or-page)
 * [Block Toolbar](https://wordpress.org/documentation/article/slideshare-embed/?output_format=md#block-toolbar)
 * [Block Settings](https://wordpress.org/documentation/article/slideshare-embed/?output_format=md#block-settings)
 * [Changelog](https://wordpress.org/documentation/article/slideshare-embed/?output_format=md#changelog)

[ Back to top](https://wordpress.org/documentation/article/slideshare-embed/?output_format=md#wp--skip-link--target)

[Go back to the list of **Blocks**](https://wordpress.org/documentation/article/blocks/)

The Slideshare embed block lets you add a Slideshare presentation to your page/post.
The embedded Slideshare includes navigation buttons that allow users to view the
entire presentation on your website.

## 󠀁[Steps to embed a Slideshare presentation on your post or page](https://wordpress.org/documentation/article/slideshare-embed/?output_format=md#steps-to-embed-a-slideshare-presentation-on-your-post-or-page)󠁿

 1. Find the [presentation on slideshare.net](https://www.slideshare.net/photomatt/state-of-the-word-2016)
    and copy the presentation URL from the browser bar.

![Find the presentation on slideshare.net and copy the presentation URL from the
browser bar](https://wordpress.org/documentation/files/2022/08/Slideshare-Embed-
HelpHub-SS-1-1-1024x813.png)

 2. Add the Slideshare Embed block to your post.

![Adding a block via the “Slash” command from an empty row](https://wordpress.org/
documentation/files/2022/08/Slideshare-Embed-HelpHub-SS-2-1.png)

Adding a block via the “Slash” command from an empty row

[Detailed instructions on adding blocks](https://wordpress.org/documentation/article/adding-a-new-block/)

 3. Paste the Slideshare URL from step 1 into the block.
 4. Click on the “Embed” button.

![Paste the Slideshare URL from step 1 into the block](https://wordpress.org/documentation/
files/2022/08/Slideshare-Embed-HelpHub-SS-3-1024x440.png)

 5. Now you can see the Slideshare presentation in your editor.

![Preview of the Slideshare presentation in your editor](https://wordpress.org/documentation/
files/2022/08/Slideshare-Embed-HelpHub-SS-4-1024x739.png)

 6. Click on Preview to see how the presentation is displayed on the front end of your
    page.

![Preview of the Slideshare presentation in your editor](https://wordpress.org/documentation/
files/2022/08/Slideshare-Embed-HelpHub-SS-5.png)

## 󠀁[Block Toolbar](https://wordpress.org/documentation/article/slideshare-embed/?output_format=md#block-toolbar)󠁿

Besides the Mover and Drag & Drop Handle, the Block Toolbar for the Slideshare embed
shows four buttons:

 * Transform to
 * Change alignment
 * Edit URL, and
 * More Options. 

![Block toolbar in the Slideshare embed block](https://wordpress.org/documentation/
files/2022/08/Slideshare-Embed-HelpHub-SS-6-1024x749.png)

**Transform to:**

![Transform tool in the Slideshare embed block](https://wordpress.org/documentation/
files/2022/08/Slideshare-Embed-HelpHub-SS-7-1024x757.png)

You can transform a Slideshare embed to Columns or a Group. This would give you 
the ability to change the background color around the Slideshare embed.

![Changing text, background color, padding, border and border-radius settings](https://
wordpress.org/documentation/files/2022/08/Slideshare-Embed-HelpHub-SS-8-1024x648.
png)

Shown: Changing text, background color, padding, border and border-radius settings

**Change Alignment:**

 * **Wide width** – Increase the width of the post beyond the content size
 * **Full width** – extend the Slideshare embed post to cover the full width of 
   the screen.
 * **Align left** – Make the Slideshare embed post left aligned
 * **Align center** – Make the Slideshare embed post alignment centered
 * **Align right **– Make the Slideshare embed post right aligned

_“Wide width” and “Full width” alignment need to be enabled by the Theme of your
site. _

![Change alignment in the Slideshare embed block](https://wordpress.org/documentation/
files/2022/08/Slideshare-Embed-HelpHub-SS-9-1.png)

**Edit URL**:

Via the edit URL, you can change the Slideshare Embed URL in the embed block. Overwrite
the existing URL and click on the “Embed” Button.

![Edit URL in the Slideshare embed block](https://wordpress.org/documentation/files/
2022/08/Slideshare-Embed-HelpHub-SS-12-1024x462.png)

**More Options:**

These controls give you the option to copy, duplicate, and edit your block as HTML.

[Read about these and other settings.](https://wordpress.org/documentation/article/more-options/)

## 󠀁[Block Settings](https://wordpress.org/documentation/article/slideshare-embed/?output_format=md#block-settings)󠁿

**Media Settings**

![Media settings in the Slideshare embed block](https://wordpress.org/documentation/
files/2022/08/Slideshare-Embed-HelpHub-SS-14.png)

![Media settings in the Slideshare embed block](https://wordpress.org/documentation/
files/2022/08/Slideshare-Embed-HelpHub-SS-15.png)

Via the _Media Settings_ you can control the behavior of your post embed when viewed
from a smaller device, like on a phone screen.

The Toggle switch turns on or off the resize functionality for smaller devices. 
The default setting is “on” or blue.

**“Off:”** This embed may not preserve its aspect ratio when the browser is resized.
In the off position, the toggle switch is gray.

**“On:”** This embed will preserve its aspect ratio when the browser is resized.
The toggle switch turns blue in the “On” position.

**Advanced**

The advanced tab lets you add a CSS class to your block, allowing you to write custom
CSS and style the block as you see fit.

[⌊The advanced section lets you add a CSS class to your block.⌉⌊The advanced section
lets you add a CSS class to your block.⌉[

The advanced section lets you add a CSS class to your block.

## 󠀁[Changelog](https://wordpress.org/documentation/article/slideshare-embed/?output_format=md#changelog)󠁿

 * Updated 2022-11-25
    - Removed redundant content
    - Aligned images for mobile view
    - Added alt text to images
 * Updated 2022-08-19
    - Updated with images from WordPress 6.0
    - Added new “Transform to” setting (column)
    - Added “Lock” information under More Options
    - Added ALT tags for the images
 * Updated 2020-08-19
    - Replaced “More Options” – new screenshot
    - Added “Move To” and “Copy” section under More Options
 * Updated 2020-08-18
    - Updated with images from WordPress 5.5
 * Created 2020-06-18

## Was this article helpful? How could it be improved? 󠀁[Cancel reply](https://wordpress.org/documentation/article/slideshare-embed/?output_format=md#respond)󠁿

[Log in to submit feedback](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fdocumentation%2Farticle%2Fslideshare-embed%2F&locale=en_US).
If you need support with something that wasn't covered by this article, please post
your question in the [support forums](https://wordpress.org/support/forums/).

First published

June 18, 2020

Last updated

June 8, 2024