- Sign up FREE to SociableKIT.
- Create a Facebook feed widget.
- On the “Embed on website” button, select Bubble website.
- Follow the steps on the popup.
That’s it! Thank you for reading our page about Bubble website and Facebook feed integration.
Complete guide
Follow our complete guide below to embed Facebook feed on Bubble website for free. The guide is divided into two parts to make it easier to follow.
Create and customize your Facebook feed widget
The first part is creating your Facebook feed widget using the SociableKIT dashboard. Customize the look and feel to match your brand. Follow the steps below.
-
Sign up FREE or login to SociableKIT. You can login here if you already have an account. Once you sign up, you will start your 7-day premium trial. After 7 days, you can activate the free plan if you don't need our premium features.
- Select your Facebook feed type on the dropdown. SociableKIT offers several Facebook feed widgets. You might need to search it using the highlighted area below. Once found, you can then select it. Here are the different types of Facebook feed that you can add to your Bubble website:
- Enter your Facebook feed ID or username. Copy your Facebook feed URL and paste it in the username box. Our system will automatically identify your Facebook feed ID or username.
- Paste the embed code and save your Bubble website page. Please follow the second part below to add Facebook feed widget to your Bubble website.
Add Facebook feed widget to your Bubble website
The second part is adding your Facebook feed widget to your Bubble website. After you customize your Facebook feed widget and copied the embed code, it is time to add it to your Bubble website. Follow the steps below.
- Get your free embed code from SociableKIT. Make sure you followed the first part above to create your widgget, customize it, and copy your free embed code.
- Log in to your account in Bubble. You can have a free account and sign up for free for 14-day free trial.
- Create an app. Click the "Create an app" button and the pop-up will show to name your app
- Once click, Name your app and press "Get started". If you have an account on Bubble for free, Just click "Start with the basic features" to go through.
- The preview of your app will show. Under the "Design" tab, Click the UI Elements and look for "> HTML".
- Drag and click on the blank space in the "HTML" UI elements. It can be modified to the preferred size of the view of the widget.
- On the side window, Click the appearance and paste the embed code. For this, you can also add your custom CSS on the HTML editor here in a small rectangle. You can click also the "Display as an iFrame" option for the exact size you modified.
- After you paste it, The preview will show right away and automatically save.
- Click Preview on the upper right corner of your page. The new tab or window will show your finished product.
- Done! Your sample app with the embedded code will shown. Also, It can be debugged if you have a concern on your page. Click the "Inspect" button on the lower right corner of the page.
"It actually works, is very easy to implement, super powerful, looks great, and the price is right."
Coby Gifford
"An amazing set of plug-in solutions for a large number of social media web site integrations. I would lie if I said I've tried them all, but the ones I'm using are just stellar. The support is also superb. Not only are they helping you with all the little problems you might encounter, but they also listen to requests for new features. Requested features are then - more often than not - swiftly implemented. I wish all companies had support like theirs. I really can't recommend Sociablekit enough! 👍"
Johnny Strömbäck
"Great features! Very responsive support, and amazing quick turn around on enhancement request."
Crystal Davis-Gibbs
"I have to hand it to a company that goes above and beyond with their customer service... your team is a notch above anything I've experienced. Great software, great support - what else can you ask for?"
Yannick Picard
"This was a great way to easily embed Google Reviews into my client's Wix site. I had trouble at first because the business has no physical address listed, but the support team helped me out and everything is running smoothly so far. I recommend!"
Kristen Williams
"A fantastic set of plugins that truly helps navigate the ever changing world of social media and keeping our various platforms connected. The support team is fantastic and they have really been responsive to our needs."
Village of Bensenville
"Super easy to set up and integrated seamlessly with my website."
Katie Rodgers
"I've been a customer of SociableKit since their beginning. Their unique products are second to none. Their customer service is top notch- prompt, courteous, and knowledgeable. I highly recommend them!"
Jen Gray
"Amazing customer service! I really love how quick the widget works. It looks beautiful! Glad I was able to find it."
Christa Stephens
LIMITED TIME OFFER!
Sign up now to use our widgets for FREE FOREVER!
No credit card required. Cancel anytime.