{"id":15596148,"date":"2022-08-16T20:35:02","date_gmt":"2022-08-16T20:35:02","guid":{"rendered":"https:\/\/wordpress.org\/support\/?post_type=helphub_article&p=15596148"},"modified":"2024-06-06T14:02:05","modified_gmt":"2024-06-06T14:02:05","slug":"embed-block","status":"publish","type":"helphub_article","link":"https:\/\/wordpress.org\/documentation\/article\/embed-block\/","title":{"rendered":"Embed block"},"content":{"rendered":"\n

Go to the List of Blocks<\/a><\/p>\n\n\n\n

The Embed block lets you add content from a third-party site to your post or page. <\/p>\n\n\n\n

When you are embedding content, you don\u2019t need to upload the content to your WordPress site. You are creating a link to the content, from within your post or page.<\/p>\n\n\n\n

Steps to embed content from a third-party site on your post or page<\/strong><\/p>\n\n\n\n

    \n
  1. Copy the URL from the site you want to embed from<\/a>. <\/li>\n\n\n\n
  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<\/code> in a new paragraph block<\/em> then press enter<\/code> to add one quickly.<\/li>\n<\/ol>\n\n\n\n
    \"How<\/figure>\n\n\n\n

    Detailed instructions on adding blocks<\/a><\/p>\n\n\n\n

      \n
    1. Paste the URL from step 1 into the block.<\/li>\n\n\n\n
    2. Click on the “Embed” button.<\/li>\n<\/ol>\n\n\n\n
      \"Paste<\/figure>\n\n\n\n
        \n
      1. 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.<\/li>\n<\/ol>\n\n\n\n
        \"Twitter<\/figure>\n\n\n\n
          \n
        1. Click on Preview to see how the content is displayed on the front end of your page.<\/li>\n<\/ol>\n\n\n\n
          \"Preview<\/figure>\n\n\n\n

          Block Toolbar<\/h2>\n\n\n\n

          The block toolbar contains the tools to customize each block. The Embed Block\u2019s toolbar consists of the following tools:<\/p>\n\n\n\n

          Transform to<\/strong><\/p>\n\n\n\n

          \"Transform<\/figure>\n\n\n\n

          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.<\/p>\n\n\n\n

          \"Grouping<\/figure>\n\n\n\n
          \"Adding<\/figure>\n\n\n\n

          Block-moving tools<\/strong><\/p>\n\n\n\n

          \"Block<\/figure>\n\n\n\n

          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<\/em> and reposition it anywhere on the editor. Alternatively, click on the up and down arrows to move the block up or down the editor.<\/p>\n\n\n\n

          Get more information about moving a block within the editor.<\/a><\/p>\n\n\n\n

          \"Change<\/figure>\n\n\n\n

          <\/p>\n\n\n\n

          Change alignment <\/strong><\/p>\n\n\n\n