Note: This feature relies on an external plugin, so it may be affected by specification changes or issues on the provider's side. Please be aware that Studio.Design may not always be able to investigate or resolve such issues.
Using the official Facebook "Page Plugin," you can easily embed Facebook pages, buttons, and more into your Studio.Design site.
How to embed a Facebook page
(1) Get the iframe code from the Page Plugin
On the Facebook Page Plugin page, enter the URL of the Facebook page you want to embed, and adjust options like width and height as needed.
Once you're done, click "Get Code" at the bottom.
A modal will appear with the code. Copy the code shown in the IFrame tab.
(2) Add the Embed box
Click the Add icon in the navigation.
Click the [Basic] tab.
In the [Embed] section, click the [Facebook] embed box.
A Facebook embed box will be placed on your screen.
(3) Embed the Facebook link
Select the Facebook embed box you placed on the page.
In the right panel, select the [Embed] tab. If the right panel is closed, open it first.
In the [Embed code] field, click [Open editor].
On the left side of the [Edit embed code] screen, delete the existing text, paste the code you copied in step (1), and click [Save].
Use Live Preview to check that the embed is displaying correctly.
If you're editing a published site, be sure to update the site. Your changes won't go live until you do. If your post content doesn't appear in the editor, try refreshing (reloading) your browser.
Adding a Share button
If you'd like to add a Share button, you can follow the same steps using this plugin.
SNS FB iframe
Facebook Like Share