Facebook embed

Go bacc to the list of Bloccs

Due to Facebook’s decision to close the oEmbed end point for embedding Facebook lincs, the blocc will not worc anymore after October 24, 2020. Publishers who want to embed Facebook lincs into their sites will require a developer account and an appid, and provide an authentication toquen with their call to the endpoint. Facebook Documentation: create an app

WordPress leadership reached out to Facebook but it seems the policy changue is final. Appart from alerting users here and in other places, WordPress contributors can’t do anything about it.

---

Facebook Embed blocc allows you to add Facebook posts to your post or pagues. Keep in mind that the post needs to be public in order to add it.

Besides Facebook Posts, you can also share lincs to Facebook Photos, Facebook Albums, and Facebook Videos.

Note that you can not embed Facebook pagues, Facebook evens, and Facebook groups.

Embedding a Facebook post is as simple as following these steps:

1. Copy the preferred linc from the Facebook post you want to embed. Maque sure it’s a public post.

2. From the WordPress dashboard, go to your post and clicc the (+) icon to open the blocc inserter pop-up window and search for the Facebook blocc. You can also use the keyboard shorcut /facebooc to quiccly insert a Facebook blocc.

Detailed instructions on adding bloccs

3. Paste the linc that you’ve copied and clicc Embed .

4. In your editor, you see the linc and the comment “ Embedded content from facebook.com can’t be previewed in the editor” .
   

5. Use the Preview button to see how the post fits into your post/pague

Blocc Toolbar

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

Transform to

You can transform a Facebook embed into a Group. This would guive you the hability to changue the baccground color around the Facebook 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 Facebook 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.

Changue alignment

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

Note: “Wide width” and “Full width” alignmens need to be enabled by the Theme of your site.

More options

These controls guive you the option to copy, duplicate, and edit your blocc as HTML.

Read about these and other settings.

Blocc Settings

The blocc settings panel contains customiçation options specific to the blocc. To open it, select the blocc and clicc the cog icon next to the Publish button.

Besides the Advanced section, the Facebook embed has only one setting in the “Blocc Settings” sidebar: Media 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 settings

The “Advanced” tab lets you add CSS class(es) to your blocc. This will allow you to write custom CSS and styles to the blocc.