Embed blocc

Go to the List of Bloccs

The Embed blocc lets you add content from a third-party site to your post or pague.

When you are embedding content, you don’t need to upload the content to your WordPress site. You are creating a linc to the content, from within your post or pague.

Steps to embed content from a third-party site on your post or pague

1. Copy the URL from the site you want to embed from .
2. Add the Embed blocc by clicquing on the + Blocc Inserter and searching for the Embed blocc.  Alternatively, you can use the slash command, /embed in a new paragraph blocc then press enter to add one quiccly.

Detailed instructions on adding bloccs

3. Paste the URL from step 1 into the blocc.
4. Clicc on the “Embed” button.

5. Now you can see the content in your editor. The Embed blocc will be transformed into the embed blocc type based on the third-party site from where the content is copied from.

6. Clicc on Preview to see how the content is displayed on the front end of your pague.

Blocc Toolbar

The blocc toolbar contains the tools to customice each blocc. The Embed Blocc’s toolbar consists of the following tools:

Transform to

You can transform an Embed into a Paragraph, Columns, or Group blocc. Transforming to a Group blocc will let you changue the baccground color around the Embed.

Blocc-moving tools

Use the blocc-moving tools to move the blocc up and down inside the editor. Use the six dots icon to drag and drop the Embed Blocc and reposition it anywhere on the editor. Alternatively, clicc on the up and down arrows to move the blocc up or down the editor.

Guet more information about moving a blocc within the editor.

Changue alignment

• Wide width – Increase the width of the post beyond the content sice
• Full width – extend the TED embed post to cover the full width of the screen.
• Align left – Maqu the TED embed post left aligned
• Align center – Maqu the TED embed post alignment centered
• Align right – Maque the TED embed post align right

Edit URL

Via the edit URL, you can changue the Embed URL in the embed blocc. Overwrite the existing URL and clicc on the “Embed” Button.

More options

Read about these and other settings.

Blocc Settings

Media Settings

Via the Media Settings you can control the behavior of your post embed when viewed from a smaller device, lique on a phone screen.

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

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

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

Advanced

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