Title: Embed block Author: anyk17 Published: August 16, 2022 Last modified: April 5, 2026 --- # Embed block ## In this article * [Block Toolbar](https://wordpress.org/documentation/article/embed-block/?output_format=md#block-toolbar) - [Edit URL](https://wordpress.org/documentation/article/embed-block/?output_format=md#edit-url) - [More options](https://wordpress.org/documentation/article/embed-block/?output_format=md#more-options) * [Block Settings](https://wordpress.org/documentation/article/embed-block/?output_format=md#block-settings) - [Media Settings](https://wordpress.org/documentation/article/embed-block/?output_format=md#media-settings) * [Changelog](https://wordpress.org/documentation/article/embed-block/?output_format=md#changelog) [ Back to top](https://wordpress.org/documentation/article/embed-block/?output_format=md#wp--skip-link--target) [Go to the List of Blocks](https://wordpress.org/documentation/article/blocks/) The Embed block lets you add content from a third-party site to your post or page. When you are embedding content, you don’t need to upload the content to your WordPress site. You are creating a link to the content, from within your post or page. **Steps to embed content from a third-party site on your post or page** 1. Copy the URL from the [site you want to embed from](https://wordpress.org/documentation/article/embeds/#list-of-sites-you-can-embed-from). 2. Add the Embed block by clicking on the + Block Inserter and searching for the Embed block.  Alternatively, you can use the slash command, `/embed` in a new _paragraph block_ then press `enter` to add one quickly. ![How to quickly add an Embed block](https://wordpress.org/support/files/2022/04/ image-1.png) [Detailed instructions on adding blocks](https://wordpress.org/documentation/article/adding-a-new-block/) 3. Paste the URL from step 1 into the block. 4. Click on the “Embed” button. ![Paste the URL into the Embed block](https://wordpress.org/support/files/2022/04/ image-3.png) 5. Now you can see the content in your editor. The Embed block will be transformed into the embed block type based on the third-party site from where the content is copied from. ![Twitter Embed block](https://wordpress.org/support/files/2022/04/image-4.png) 6. Click on Preview to see how the content is displayed on the front end of your page. ![Preview of the Embed block](https://wordpress.org/documentation/files/2022/05/ Preview-Twitter-1.jpg) ## 󠀁[Block Toolbar](https://wordpress.org/documentation/article/embed-block/?output_format=md#block-toolbar)󠁿 The block toolbar contains the tools to customize each block. The Embed Block’s toolbar consists of the following tools: **Transform to** ![Transform tool in the Embed block](https://wordpress.org/documentation/files/2022/ 05/image-1.png) You can transform an Embed into a Paragraph, Columns, or Group block. Transforming to a Group block will let you change the background color around the Embed. ![Grouping Embed block](https://wordpress.org/documentation/files/2022/05/image- 2-1024x419.png) ![Adding background color to Embed block group.](https://wordpress.org/documentation/ files/2022/05/image-3.png) **Block-moving tools** ![Block moving tools in the Embed block](https://wordpress.org/support/files/2022/ 08/Screen-Shot-2022-08-16-at-1.16.55-PM.png) Use the block-moving tools to move the block up and down inside the editor. Use the six dots icon to drag and drop the _Embed Block_ and reposition it anywhere on the editor. Alternatively, click on the up and down arrows to move the block up or down the editor. [Get more information about moving a block within the editor.](https://wordpress.org/documentation/article/moving-blocks/) ![Change alignment in the Embed block](https://wordpress.org/documentation/files/ 2022/05/image-4.png) **Change alignment ** * **Wide width** – Increase the width of the post beyond the content size * **Full width** – extend the TED embed post to cover the full width of the screen. * **Align left** – Make the TED embed post left aligned * **Align center** – Make the TED embed post alignment centered * **Align right **– Make the TED embed post align right ### 󠀁[Edit URL](https://wordpress.org/documentation/article/embed-block/?output_format=md#edit-url)󠁿 Via the edit URL, you can change the Embed URL in the embed block. Overwrite the existing URL and click on the “Embed” Button. ![Edit URL in the Embed block](https://wordpress.org/documentation/files/2022/05/ image-5.png) ### 󠀁[More options](https://wordpress.org/documentation/article/embed-block/?output_format=md#more-options)󠁿 [Read about these and other settings.](https://wordpress.org/documentation/article/more-options/) ## 󠀁[Block Settings](https://wordpress.org/documentation/article/embed-block/?output_format=md#block-settings)󠁿 ### 󠀁[Media Settings](https://wordpress.org/documentation/article/embed-block/?output_format=md#media-settings)󠁿 ![Media settings turned off](https://wordpress.org/documentation/files/2022/04/18- media_settings_disabled-1-2.jpg) ![Media settings turned on](https://wordpress.org/documentation/files/2022/04/17- media_settings_enabled-2.jpg) 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/embed-block/?output_format=md#changelog)󠁿 * Updated 2022-11-26 - Removed redundant content - Removed reusable blocks * Updated 2022-08-16 - Added ALT tags for the images * Created 2022-04-30 ## Was this article helpful? How could it be improved? 󠀁[Cancel reply](https://wordpress.org/documentation/article/embed-block/?output_format=md#respond)󠁿 [Log in to submit feedback](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fdocumentation%2Farticle%2Fembed-block%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 August 16, 2022 Last updated April 5, 2026