View Categories

How to Embed Facebook Post in Elementor?

Table of Contents

With Custom iFrame, you can embed Facebook post in Elementor easily. Share updates, announcements, or social media content directly on your WordPress website.

Not a fan of reading? No worries — we’ve got a video tutorial for you. 📺

Show Facebook Posts in Elementor – Embed Social Content Seamlessly

Not a video person? No worries — scroll on for the full step-by-step guide.

Step 1: Get the Facebook Post Link

  1. Open facebook.com > Navigate to the post you want to embed.
  2. On the post, click on ‘three-dot menu‘ button of post. > Click on ‘Embed’ option. (A popup will be opened)
  3. Click on “Copy Code “ button.
  4. Open Notepad > Paste the code > Select and copy the URL.

Step 2: Add the Custom iFrame Widget

  1. Install and Activate Custom iFrame Plugin
  2. Open your page in Elementor Editor.
  3. Drag and drop the Custom iFrame Widget onto your page.

Step 3: Embed Facebook Post in Elementor

  1. Go to Content
  2. Paste the Facebook Post URL into Source URL field.
Interface screenshot demonstrating how to embed Facebook post in Elementor, showing customization options like source URL input, height settings, scrollbar controls, and a preview of Google Sheet in Elementor Editing page.

Step 4: Customize & Configure Settings

For styling, smart loading, and advanced options, refer to our Complete Custom iFrame Widget Guide to fine-tune your Facebook post embed in Elementor.

Check this How to Style Custom iFrame? guide—adjust colors, backgrounds, borders, & more! 🎨✨

Step 5: Save & Publish

Click Update, and your Facebook post is now live on your page!

Keep your audience engaged with Embed Facebook Post in Elementor. Display real-time posts and connect your website with your social presence effortlessly! 🔗🚀