There are three ways to add a Facebook feed to Elementor: Elementor Pro’s built-in Facebook widgets, the Juicer Elementor widget from the Juicer WordPress plugin, or a Juicer embed code in an HTML widget. Use the Pro widgets to show one Facebook Page’s timeline on one page. Use Juicer.io when you want a styled feed, several Facebook Pages, or other networks alongside Facebook. This guide walks through all three and shows where each one falls short.
Which method should you use?
| Method | Best for | Limits |
|---|---|---|
| Elementor Pro’s Facebook widgets | Showing one Facebook Page’s timeline | Facebook’s default styling, requires Elementor Pro, loads Facebook’s script and cookies, not supported on mobile per Elementor’s changelog |
| Juicer.io Elementor widget | Any number of Facebook Pages plus other networks, with layouts, brand colors and moderation | Needs the Juicer plugin and a Juicer account (free plan available) |
| HTML widget with Juicer embed code | Free Elementor, same Juicer feed | One extra copy-paste step |
Method 1: Elementor Pro’s Facebook widgets
The Facebook Embed, Facebook Page, Facebook Like Button and Facebook Comments widgets ship with Elementor Pro, not the free plugin.
Embedding Facebook Posts
- Edit your page with Elementor
- Search for “Facebook Embed” widget in the elements panel
- Drag and drop it into your preferred section
- Set the embed type to Post
- Paste the URL of the Facebook post
- Turn Full post on if you want the whole text rather than the shorter version
- Update the page to publish it
Elementor’s interface allows easy positioning and basic customization options like post width and display preferences.
Embedding Facebook Videos
Use the same Facebook Embed widget with video-specific settings:
- Drag the same Facebook Embed widget into your section
- Set the embed type to Video
- Paste the video URL
- Choose whether to allow full screen and autoplay
- Captions can be switched on, but they only show on desktop, and Chrome’s autoplay policy can override the autoplay setting
- Update the page to publish it
Embedding Facebook Page Feeds
The Facebook Page widget displays your entire Facebook page feed:
- Drag the Facebook feed widget to your desired location
- Enter your Facebook Page URL
- Choose which tabs to show: timeline, events or messages (Facebook’s Page Plugin supports all three)
- Toggle cover photo visibility
- Select header size preferences
This native widget is handy to show off your Facebook material, albeit without quite as many customization options as dedicated third-party applications.
Issues with Native Facebook Embeds
While Elementor’s default widgets offer basic functionality, they are very limited:
Limited Customization
The Pro widgets use Facebook’s default look, so you can’t match your brand colours or choose a layout. You also have no control over which posts appear.
Performance Problems
Each widget loads Facebook’s external script, which can slow your page, and the Facebook Embed widget won’t appear in Firefox when Strict Mode is on. Stacking several widgets to show more than one post or Page adds to the load.
API Dependency
The widgets rely on Facebook’s own scripts, and the Comments and Like Button widgets also need a Facebook App ID set up under Elementor Settings > Integrations. Elementor’s Pro changelog (3.26.0) also says the Facebook widgets are no longer supported on mobile, so a change on Facebook’s side can break your feed.
GDPR Compliance
The Facebook Page widget loads Meta’s script and sets cookies before a visitor gives consent. Elementor also notes that EU visitors must accept cookies and be logged in to Facebook before the buttons appear.
Method 2: Add a Facebook feed with the Juicer Elementor widget
- Create a free Juicer account and add your Facebook Page as a source. You can also add a hashtag or other networks.
- Install and activate the Juicer plugin from the WordPress plugin directory (wordpress.org/plugins/juicer).
- Open the page in Elementor, search the elements panel for “Juicer”, and drag the Juicer widget into a section.
- Enter your feed name, pick a layout, and save.
The feed updates itself, so nothing in Elementor needs touching again. To show the same feed on every page, save the Juicer widget as an Elementor global widget and reuse it.
Method 3: Paste a Juicer embed code into Elementor’s HTML widget
This is the fallback for free Elementor and for sites that cannot add plugins.
1. Create Your Juicer Account
Visit Juicer.io and sign up for a free account. Verify your email to access the dashboard.
2. Connect Your Facebook Account
- Click “Add Social Media Sources” on your dashboard
- Select Facebook from the available platforms
- Authenticate and grant necessary permissions
- Select your specific Facebook page
3. Customize Your Feed
Navigate to the “Design” tab to personalize your feed:
- Layout Style: Choose grid, slider, or masonry
- Brand Colors: Match your WordPress site’s palette
- Dimensions: Adjust size and spacing
- Display Settings: Configure caption length and media size
- Mobile Optimization: Ensure perfect mobile display
4. Generate Embed Code
Go to the “Embed” section and copy the generated JavaScript code containing your customized feed settings.
5. Add Facebook Feed to Elementor
- Edit your Elementor page
- Search for “HTML” widget in the elements panel
- Drag the HTML widget into your section
- Paste the Juicer embed code for your Facebook feed
- Save and update your page
This method transforms the HTML widget into a powerful social media display. Elementor’s drag-and-drop functionality allows placement anywhere on your page – main content area, sidebar, or multi-column layouts. If you are not using Elementor, the WordPress guide covers the shortcode and block editor route.
6. Test and Optimize
- Preview your page to verify proper loading
- Check responsiveness across devices using Elementor’s preview modes
- Test loading times and adjust display settings if needed
- Verify automatic updates are working correctly
Elementor Pro widgets vs Juicer for Facebook feeds
| Feature | Native Elementor Widgets | Juicer Social Feed |
|---|---|---|
| Elementor integration | Pro Facebook widgets | Dedicated Juicer widget plus HTML widget |
| Customization | Limited presets | Extensive styling options |
| Performance | Can slow loading | Optimized for speed |
| Multiple Sources | One Facebook Page per widget | Multiple Facebook Pages and other networks in one feed |
| Mobile Optimization | Basic responsive | Advanced mobile settings |
| Analytics | None | Detailed metrics |
| GDPR Compliance | Manual setup | Built-in privacy features |
| API Management | Manual updates | Automatic updates |
| Elementor Integration | Native Facebook widgets | HTML widget compatible |
Troubleshooting Common Issues
Feed Not Displaying
- Verify Facebook page privacy settings
- Check the embed code placement in the HTML widget
- Ensure JavaScript is enabled on your site
- Clear WordPress cache after implementation
- If the Juicer widget does not appear in the elements panel, confirm the Juicer plugin is activated and clear the Elementor cache
Mobile Display Problems
- Use Elementor’s responsive preview to test layouts
- Adjust column settings for different devices
- Check touch interaction functionality
- Optimize image sizes for mobile loading
Performance Issues
- Monitor Core Web Vitals with Google PageSpeed Insights
- Enable lazy loading through Elementor settings
- Consider limiting post count for faster loading
- Use WordPress performance plugins
Conclusion
Adding a Facebook feed to your Elementor site builds social proof and keeps your pages fresh. Elementor’s visual editor makes any of the three methods easy to set up, and its global widget system lets you reuse the same feed across your site. Elementor Pro’s built-in widgets work for a single Page’s timeline, but they leave a lot to be desired on styling, flexibility and privacy. The Juicer widget gives you branded layouts, several Facebook Pages and moderation in a few clicks, without a lot of extra setup. Start your free Juicer feed.
Frequently Asked Questions
How do I add a Facebook feed to Elementor?
Use Elementor Pro’s Facebook widgets, the Juicer Elementor widget, or a Juicer embed code in an HTML widget. The Juicer widget is the quickest way to get a styled feed: install the Juicer plugin, drag the widget in, and enter your feed name.
Does Elementor have a Facebook feed widget?
Yes, in Elementor Pro. The Facebook Page widget shows one Page’s timeline in Facebook’s styling. It is not in the free plugin.
Can I add a Facebook feed to Elementor for free?
Yes. Create a free Juicer account, then use either the Juicer widget or an embed code in Elementor’s HTML widget. The free plan includes one source and refreshes every 24 hours.
How do I show more than one Facebook Page in one Elementor feed?
Add each Page as a source in the same Juicer feed, then place that feed in Elementor with the Juicer widget. Elementor’s own Facebook widgets show one Page each.
Why is my Facebook feed not showing in Elementor?
Check that the Page is public, the Juicer plugin is activated, and the embed code sits inside the HTML widget. Then clear the Elementor and WordPress caches and reload.
