Kristen Williams Marc Maessen John Janowski Jules Webb ★★★★★ Rated 4.9/5 · 620+ Reviews

How to embed Facebook profile on your Shopify website for FREE?

Display your Facebook profile posts directly on your website, building trust and boosting engagement with your authentic content.

Create your widget
Free forever plan No credit card Cancel any time
How to embed Facebook profile on your Shopify website for FREE?
Photo of Mike Dalisay
Mike Dalisay
Co-founder of SociableKIT · Helping small businesses since 2011
July 22, 2026 5 min read Ask ChatGPT
Quick answer

Your Facebook profile on Shopify website — live in 3 steps

SociableKIT syncs your facebook profile automatically. Set up once, embed anywhere — free to start, no coding required.

  1. Create in 60 seconds

    Pick Facebook profile in the dashboard and connect your source.

  2. Match your brand

    Colors, fonts, layout — tune it until it feels native to your site.

  3. Paste one line of code

    Drop the embed snippet on your Shopify website. No dev team needed.

Create your widget
  • Free forever plan
  • No credit card
  • Cancel any time
Full walkthrough

Embed Facebook profile with SociableKIT — step by step

Create your widget in the dashboard, copy the embed code, and paste it on your Shopify website. Screenshots included so you never get stuck.

Complete Guide

Follow our complete guide below to embed Facebook profile on your Shopify website for free. The guide is divided into two parts to make it easier to follow.

Create and customize your Facebook profile widget

The first part is creating your Facebook profile widget using the SociableKIT dashboard. Customize the look and feel to match your brand. Follow the steps below.

  1. 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. Sign up to SociableKIT - How to embed Facebook profile on your Shopify website for FREE?
  2. Select "Facebook profile" on the dropdown. SociableKIT offers several social media feeds widgets. You might need to search it using the highlighted area below. Once found, you can then select it.Select "Facebook profile" on the dropdown - How to embed Facebook profile on your Shopify website for FREE?


  3. Customize your feed. Click the "NEXT" button to show the customization options of your social feed. You can change the layout, colors, font, and more to match your brand. Click the Save changes button.Customize your feed - How to embed Facebook profile on your Shopify website for FREE?
  4. Copy the embed code. Click the "Embed on website" button on the upper right corner. Select your website builder. On the popup, copy the JavaScript embed code.Copy the embed code. - How to embed Facebook profile on your Shopify website for FREE?
  5. Paste the embed code and save your Shopify website page. Please follow the second part below to add Facebook profile widget to your Shopify website .

Add Facebook profile widget to your Shopify website

The second part is adding your Facebook profile widget to your Shopify website . After you customize your Facebook profile widget and copied the embed code, it is time to add it to your Shopify website . Follow the steps below.

  1. Copy your free Facebook profile widget embed code. Make sure you followed the first part above. It detailed how to you can create and customize your widget to get your free embed code.
  2. Login to Shopify. 
  3. On the left side, click Online Store. 
  4. Click Pages. Add a new page or edit your existing page.
  5. On the Page details, click Show HTML icon (<>). 
  6. Paste the embed code and click the Save button.
  7. Click the View page button. Done!

Website builders

Paste your embed code on any platform

SociableKIT works with every major website builder. Pick yours below for copy-paste instructions tailored to that platform.

To embed Facebook profile on your Shopify site, follow the steps below after you have your SociableKIT embed code.

  1. Sign up free to SociableKIT and create your Facebook profile widget.
  2. Customize your widget and copy the embed code from the dashboard.
  3. Login to Shopify. 
  4. On the left side, click Online Store. 
  5. Click Pages. Add a new page or edit your existing page.
  6. On the Page details, click Show HTML icon (<>). 
  7. Paste the embed code and click the Save button.
  8. Click the View page button. Done!
Full Shopify tutorial →

To embed Facebook profile on your WordPress site, follow the steps below after you have your SociableKIT embed code.

  1. Sign up free to SociableKIT and create your Facebook profile widget.
  2. Customize your widget and copy the embed code from the dashboard.
  3. Login to your WordPress site. 
  4. On your WordPress, go to the "Pages" section then click the "Add new page".
  5. Pick a pre-defined layout or start with a blank page by clicking the "Blank page" button.
  6. On the body of your page, click the "+" icon and click the "Custom HTML".
  7. Paste the code in the text area and click update.
  8. The widget will appear on the WordPress page.
  9. Click the Publish or Update button on your WordPress page. 
  10. Click the view page. Done!
Full WordPress tutorial →

To embed Facebook profile on your Wix site, follow the steps below after you have your SociableKIT embed code.

  1. Sign up free to SociableKIT and create your Facebook profile widget.
  2. Customize your widget and copy the embed code from the dashboard.
  3. Login to Wix. 
  4. On your existing website click the "+" button beside the "Main pages" section.
  5. Then click the "Add page" button.
  6. Name your page then hit enter.
  7. On the left, click "Add element". Find and click "Embed code". Click and drag "Embed a site" on your page then resize the container. 
  8. Click "Change website address". 
  9. Paste the link you copied from SociableKIT then click "Apply".
  10. Click "Publish" on the upper right. 
  11. Click "View site". Done!
Full Wix tutorial →

To embed Facebook profile on your Squarespace site, follow the steps below after you have your SociableKIT embed code.

  1. Sign up free to SociableKIT and create your Facebook profile widget.
  2. Customize your widget and copy the embed code from the dashboard.
  3. Login to Squarespace. You must have a "Business" account in Squarespace to use the widget. The "code block" needed cannot be found if you only have a "Personal" account.
  4. Create a new blank page or edit your existing page. Identify which page you want the widget to appear. You can create a new page on Squarespace, or you can edit your existing page where you want the widget to appear.
  5. Add a Code Block. On your Squarespace page, click the 'Edit' button. Find the 'Code' block and click it.
  6. Paste the embed code from SociableKIT. On the 'Content' of the 'Code' block, paste the JavaScript embed code you have copied from your widget.
  7. Save the changes on the 'Code block'. After pasting your widget's embed code. Click the 'Save' button on the left part of the page.
  8. View your page. Refresh your Squarespace page and check your SociableKIT widget. Done!
Full Squarespace tutorial →

To embed Facebook profile on your Webflow site, follow the steps below after you have your SociableKIT embed code.

  1. Sign up free to SociableKIT and create your Facebook profile widget.
  2. Customize your widget and copy the embed code from the dashboard.
  3. Login to Webflow. 
  4. On your existing website, click the "Page: ...." in the upper left corner then click the "Create new page" icon.
  5. Once done add a name for your new page then click "Save".
  6. On the left, click "Add Element". Drag "Embed" to your page. 
  7. Paste the JavaScript code you copied from SociableKIT.
  8. On the upper right, click "Publish" > "Publish to Selected Domains". 
  9. View your page. Done!
Full Webflow tutorial →

To embed Facebook profile on your HTML site, follow the steps below after you have your SociableKIT embed code.

  1. Sign up free to SociableKIT and create your Facebook profile widget.
  2. Customize your widget and copy the embed code from the dashboard.
  3. Open your HTML file.
  4. You can create a new HTML page or edit your existing HTML page.
  5. Paste the Javascript code you copied from SociableKIT. Paste it where you want the widget to appear.
  6. Save your HTML page.
  7. You may now upload your HTML page to your web hosting.
Full HTML tutorial →

To embed Facebook profile on your Google Sites site, follow the steps below after you have your SociableKIT embed code.

  1. Sign up free to SociableKIT and create your Facebook profile widget.
  2. Customize your widget and copy the embed code from the dashboard.
  3. Login to Google sites. You must have at least a 'Business Starter' plan to create and customize your Google sites.
  4. Create or edit an existing website. Click the + 'Blank' button on the 'Start a new site' section to create or find your existing website under the 'Recent sites' section.
  5. Create a new blank page or edit your existing page. Identify which page you want the widget to appear. On the right sidebar, you will see an 'Embed' button. Click the 'Embed' button. 
  6. Add the widget. A popup 'Embed from the web' will open up. Select the 'Embed code' tab on the popup. 
  7. Paste the embed code from SociableKIT. On the 'Embed code' tab, you will see 'HTML code goes here' text. Paste the embed code from your SociableKIT widget.
  8. Save the widget. Once you have pasted your embed code, click the 'Next' button. 
  9. Preview of your SociableKIT widget. After clicking the Next button, a preview of your embed code will be displayed. Click the 'Insert' button to insert the widget to your Google sites page. 
  10. Edit the widget. Once the widget has been inserted, you will have the option to resize the widget. After resizing the widget to your preferences, click the 'Publish' button on the upper right corner of the page. 
  11. Publish your page. After publishing the site, click the down 'Arrow' button beside the 'Publish' button. 
  12. View your page. A dropdown of buttons will be displayed, click the 'View published site' button. Done!
Full Google Sites tutorial →

To embed Facebook profile on your Weebly site, follow the steps below after you have your SociableKIT embed code.

  1. Sign up free to SociableKIT and create your Facebook profile widget.
  2. Customize your widget and copy the embed code from the dashboard.
  3. Log in to Weebly. 
  4. On your existing website on Weebly, click the "Pages" section on the upper left then click the "+".
  5. Select what type of page you want to add.
  6. Add a name to your page and then click "Done".
  7. On the top menu, click "Build" then on the sidebar, drag the "Embed Code" option on your page. 
  8. Click the "Click to set custom HTML" then click "Edit Custom HTML". 
  9. Paste the code you copied from SociableKIT then in the upper right corner, click the “Publish” button. 
  10. Click the link to your site. Done!
Full Weebly tutorial →

Live preview

Pick a Facebook profile template — see it live

Choose a starting design on the left and watch the preview update with real data. What you see is exactly what visitors get on your Shopify website.

Widget previewMasonry
Live data

Select a template to start with

Continue with this template

Common questions

Frequently asked questions

Everything you need to know about embedding Facebook profile on your Shopify website.

What is a Facebook profile widget?

A Facebook profile widget displays your Facebook profile posts directly on your website. With SociableKIT, your social content becomes part of your site, so visitors can see that you are active, current, and real.

Can I embed my personal Facebook profile posts on my website?

Yes. SociableKIT can display posts from a Facebook profile, as long as the content is available for display. For best results, use public posts that you want website visitors to see.

How do I add a Facebook profile widget to my website?

Create your widget in SociableKIT, choose a template, customize the design, then copy and paste the embed code into your website. It is built for a simple setup, so you do not need to rebuild your page or hire a developer.

Do I need coding skills to use the widget?

No. SociableKIT gives you a ready-to-use embed code that you can paste into your website builder. You can adjust the layout, colors, fonts, and display settings from the dashboard without touching code.

Will my Facebook profile posts update automatically?

Yes, automatic syncing is available on paid plans. Once it is enabled, new Facebook profile posts can appear on your website without manual copying, so your site keeps feeling fresh even when you are busy.

What Facebook profile posts can the widget display?

SociableKIT is designed to display Facebook profile posts that are available for the widget to access. Private, deleted, restricted, or unavailable posts may not appear. This keeps your website aligned with Facebook’s content visibility rules.

Can I control which Facebook posts appear on my website?

Yes. SociableKIT gives you control over how your feed appears, and moderation options can help you keep the widget focused on the posts that matter most. Automatic moderation is available on Business plans for teams that want more control with less manual work.

Can I customize the widget to match my website design?

Yes. You can customize the layout, colors, fonts, spacing, and call-to-action style so the widget feels native to your website. Start with a template, then refine the details until it matches your brand.

What templates are available for the Facebook profile widget?

SociableKIT includes ready-made templates such as masonry, grid, carousel, list, and dark-mode styles. Templates help you launch faster while still giving you room to customize the final look.

Does the widget work on WordPress, Shopify, Wix, Squarespace, Webflow, and other website builders?

Yes. SociableKIT works with major website builders and any website that supports custom embed code. You can place the widget on landing pages, homepages, blogs, portfolios, ecommerce pages, or custom HTML sites.

Is the Facebook profile widget mobile-friendly?

Yes. The widget is designed to look good on desktop, tablet, and mobile screens. That means visitors can browse your latest Facebook content smoothly, no matter where they land from.

Can I use one widget on multiple pages or websites?

Yes, paid plans include unlimited widgets, and SociableKIT supports unlimited domains on paid plans. This is useful if you want the same Facebook profile feed on your homepage, about page, landing pages, or several client websites.

What happens if my website gets a lot of traffic?

Paid plans include unlimited views, so your Facebook profile widget can keep running as your traffic grows. You do not have to worry about your widget disappearing just because more people visit your website.

Is there a free plan for the Facebook profile widget?

Yes. SociableKIT has a free plan, so you can create a working Facebook profile widget without a credit card. It is a simple way to test the widget on your site before upgrading.

What is the difference between the free plan and a paid plan?

The free plan is good for starting and testing. Paid plans unlock stronger growth features such as unlimited views, automatic syncing, no SociableKIT branding, and more flexibility for teams that rely on their website every day.

Will the widget help my website look more active and trustworthy?

Yes. A live Facebook profile feed can show visitors that you are active, visible, and engaged. It turns your existing social content into quiet social proof on your website, even when you are not online.

Can visitors click posts or follow me from the widget?

Yes. Visitors can engage with the content from your widget and continue to Facebook when they want to view more. This helps turn website traffic into a path for more profile visits and followers.

Will the widget slow down my website?

SociableKIT is built to make embedding simple and practical for everyday websites. Like any embedded content, the final experience can depend on your page setup, content volume, and website builder. If you need help optimizing placement, SociableKIT support can guide you.

What should I do if my latest Facebook post is not showing?

First, check that the post is public and available for display. Then refresh or sync your widget in SociableKIT. If it still does not appear, support can help you check the connection, settings, and display rules.

Can I display more than one social media source on my website?

Yes. The Facebook profile widget is ideal for one Facebook profile, and SociableKIT also supports many other social feeds, reviews, photos, videos, and social proof widgets. You can manage them under one account as your website grows.

Add your Facebook profile widget today

Set up in minutes. Free forever to start.

Create your widget

Free forever · No credit card · Cancel anytime

Just need a free widget? See our free plan → View Facebook profile widget page →