The Facebook Embed block allows you to embed Facebook posts, videos, and comments directly on any SeedProd page. Instead of directing visitors away to Facebook, you can display public Facebook content right where your audience is already engaged.
Whether you want to highlight a product announcement post, showcase a video testimonial, or feature a specific customer comment, this block gives you flexible embed options with controls tailored to each content type.
Adding the Facebook Embed Block to Your Pages
Follow these steps to add a Facebook Embed block to your SeedProd page:
Step 1: Add the Block
Under Design > Blocks, drag and drop the Facebook Embed block into the desired section of your page.
Step 2: Configure Content Settings
Once added, click on the Facebook Embed block to open its settings. In the Content tab, configure which Facebook content to display and how it should behave.
Facebook Setting:
- Facebook App ID: Displays your connected Facebook App. If no App ID is configured yet, you’ll see a prompt to set it in Page Settings. Once connected, a Change App option appears to switch to a different Facebook App.
- Embed Type: Choose what type of Facebook content to embed — Post, Video, or Comment. The fields below this setting change depending on which type you select.
- Post Link (visible when Embed Type is set to Post): Enter the full URL of the public Facebook post you want to embed.
- Video Link (visible when Embed Type is set to Video): Enter the full URL of the Facebook video you want to embed.
- Comment Link (visible when Embed Type is set to Comment): Enter the full URL of the Facebook comment you want to embed.
- Include Full Post (visible when Embed Type is set to Post or Video): Toggle on to display the full post content along with the embed, or toggle off to show a condensed version.
- Allow Full Screen (visible when Embed Type is set to Video): Toggle on to allow visitors to expand the embedded video to full screen.
- Autoplay (visible when Embed Type is set to Video): Toggle on to automatically play the video when the page loads.
- Captions (visible when Embed Type is set to Video): Toggle on to display captions on the embedded video when available.
- Parent Comment (visible when Embed Type is set to Comment): Toggle on to include the parent post alongside the embedded comment for added context.
- Alignment: Set the horizontal alignment of the embedded content — Left, Center, or Right.
Step 3: Customize the Design
In the Advanced tab, you can adjust the spacing and visibility of your Facebook Embed block.
Spacing:
- Margin: Control the outer spacing around your Facebook Embed block (Top, Right, Bottom, Left).
- Padding: Adjust the inner spacing within your Facebook Embed block (Top, Right, Bottom, Left). Supports per-device values for desktop, tablet, and mobile.
Attributes:
- CSS ID: Displays the auto-generated unique identifier for your Facebook Embed block, created automatically by SeedProd for custom styling or JavaScript targeting.
- Custom Class: Add custom CSS classes to apply specific styles from your theme or custom CSS.
- Custom Attributes: Add any HTML attributes to the block wrapper element. Enter each attribute on a new line using the format: attribute-name|value.
Device Visibility:
- Hide on Desktop: Hide the Facebook Embed block on desktop screens.
- Hide on Tablet: Hide the Facebook Embed block on tablet devices.
- Hide on Mobile: Hide the Facebook Embed block on mobile devices.
Animation Effects:
- Entrance Animation: Choose an animation effect that plays when the Facebook Embed block scrolls into view, such as Bounce, Fade In, Zoom In, Rotate In, and many more.
Step 4: Save Your Changes
Once you have finished configuring the Facebook Embed block and customizing its appearance, make sure to save your work.
You’ve successfully added a Facebook Embed block to your page! This block makes it easy to bring public Facebook content into your SeedProd pages, keeping visitors engaged without sending them off-site. Make sure your Facebook App ID is configured correctly so embedded content loads and displays as expected.