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

How to embed Facebook Page Video (One Video) on your Bootstrap website for FREE?

Highlight a specific Facebook Page video on your website, capturing attention and delivering your message through powerful, engaging content.

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

Your Facebook Page Video (One Video) on Bootstrap website — live in 3 steps

SociableKIT syncs your facebook page video (one video) automatically. Set up once, embed anywhere — free to start, no coding required.

  1. Create in 60 seconds

    Pick Facebook Page Video (One Video) 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 Bootstrap website. No dev team needed.

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

Embed Facebook Page Video (One Video) with SociableKIT — step by step

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

Complete Guide

Follow our complete guide below to embed Facebook Page Video (One Video) on your Bootstrap website for free. The guide is divided into two parts to make it easier to follow.

Create and customize your Facebook Page Video (One Video) widget

The first part is creating your Facebook Page Video (One Video) 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 Page Video (One Video) on your Bootstrap website for FREE?
  2. Select "Facebook Page Video (One Video)" 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 Page Video (One Video)" on the dropdown - How to embed Facebook Page Video (One Video) on your Bootstrap website for FREE?

    3. Click the "Select" button. Make sure your Facebook account is connected.

    On the popup select the Facebook page where your target video was uploaded.

    Next, select the Facebook page video you want to use.

  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 Page Video (One Video) on your Bootstrap 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 Page Video (One Video) on your Bootstrap website for FREE?
  5. Paste the embed code and save your Bootstrap website page. Please follow the second part below to add Facebook Page Video (One Video) widget to your Bootstrap website .

Add Facebook Page Video (One Video) widget to your Bootstrap website

The second part is adding your Facebook Page Video (One Video) widget to your Bootstrap website . After you customize your Facebook Page Video (One Video) widget and copied the embed code, it is time to add it to your Bootstrap website . Follow the steps below.

  1. Copy your free Facebook Page Video (One Video) 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. Prepare your HTML structure: Ensure you have a container or a suitable location where you want to embed the widget. Let's assume you have a Bootstrap column where you want to place it.
  3. Insert the JavaScript for embedding: Place the JavaScript just before the closing tag to ensure it loads after the DOM content: <script src='https://widgets.sociablekit.com/facebook-photo-album-single/widget.js' async defer>script>
  4. Ensure Bootstrap and required dependencies are loaded: Make sure Bootstrap CSS and JS files are included in your page. Include them in the section of your HTML if they are not already included.
  5. Final HTML structure: Combine everything together in your HTML file. Here’s how it might look:
  6. Adjust CSS and other settings: Depending on your specific requirements, you may need to adjust CSS styles to ensure the embedded content fits well within your Bootstrap layout.
Alternative method

Use the embed or link option

Prefer a manual approach? Follow these steps to link or embed Facebook Page Video (One Video) without a third-party widget.

To share things from Facebook on your website, like a post or video, just follow these steps:

  1. Open Facebook on your computer.
  2. Find the video or post you want to share.
  3. Click on the three dots (more).
  4. Choose "Embed." Please note that this option is available only for public content.
  5. Copy the provided code.
  6. Paste the code onto your website or web page.

But here's an even simpler way! Instead of manually going through these steps, you can use SociableKIT. It's a handy tool that makes embedding Facebook video on your website a breeze. You won't need to do all these steps yourself.

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 Page Video (One Video) on your Bootstrap site, follow the steps below after you have your SociableKIT embed code.

  1. Sign up free to SociableKIT and create your Facebook Page Video (One Video) widget.
  2. Customize your widget and copy the embed code from the dashboard.
  3. Prepare your HTML structure: Ensure you have a container or a suitable location where you want to embed the widget. Let's assume you have a Bootstrap column where you want to place it.
  4. Insert the JavaScript for embedding: Place the JavaScript just before the closing tag to ensure it loads after the DOM content: <script src='https://widgets.sociablekit.com/facebook-photo-album-single/widget.js' async defer>script>
  5. Ensure Bootstrap and required dependencies are loaded: Make sure Bootstrap CSS and JS files are included in your page. Include them in the section of your HTML if they are not already included.
  6. Final HTML structure: Combine everything together in your HTML file. Here’s how it might look:
  7. Adjust CSS and other settings: Depending on your specific requirements, you may need to adjust CSS styles to ensure the embedded content fits well within your Bootstrap layout.
Full Bootstrap tutorial →

To embed Facebook Page Video (One Video) 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 Page Video (One Video) 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 Page Video (One Video) 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 Page Video (One Video) 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 Page Video (One Video) 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 Page Video (One Video) 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 Page Video (One Video) 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 Page Video (One Video) 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 Page Video (One Video) 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 Page Video (One Video) 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 Page Video (One Video) 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 Page Video (One Video) 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 Page Video (One Video) 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 Page Video (One Video) 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 →

Live preview

Pick a Facebook Page Video (One Video) 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 Bootstrap website.

Widget previewGrid
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 Page Video (One Video) on your Bootstrap website.

What is a Facebook Page Video One Video widget?

A Facebook Page Video One Video widget displays one selected video from a Facebook Page directly on your website. It gives one important product demo, customer story, announcement, interview, or campaign video a focused place to capture attention.

How do I embed one Facebook Page video without coding?

Create the widget in SociableKIT, enter the Facebook Page Video ID, customize the design, and copy the generated embed code. Paste the code into an HTML, custom code, iframe, or embed block on your website.

Where can I find the Facebook Page Video ID?

Open the Facebook Page video in a desktop browser and look at its address. Copy the numeric value shown in the video address and enter it as the Video ID in SociableKIT.

Does the Facebook Page video need to be public?

Yes, Facebook allows external websites to embed videos only when their audience is set to Public. If the video's audience becomes restricted later, the website can show that the embedded video is no longer available.

Do I need to manage the Page or create a Facebook API key?

No custom API development or developer key is required for the standard SociableKIT setup. You can connect an eligible public Page video, although you should feature only content that you own or have permission to display.

Will the widget automatically replace the video with my newest Page upload?

No, this widget remains connected to the one Facebook Page Video ID you selected. Use SociableKIT's Facebook Page Videos widget when you want a changing gallery that can include several videos from a Page.

Will changes to the selected Facebook video update automatically?

Paid SociableKIT plans include automatic syncing for eligible source changes, so you can keep the same embed code. The free plan lets you request a manual sync when you want to refresh the widget.

What information can the One Video widget display?

The widget can present the selected video with available details such as its player, title, description, Page information, and viewing action. The exact elements depend on what Facebook makes public and which SociableKIT settings are enabled.

Can the Facebook video autoplay on my website?

Autoplay depends on Facebook, the widget settings, the visitor's browser, device settings, and network conditions. Some visitors may need to press play, especially when browsers block autoplay or the device is using mobile data.

Can the Facebook video autoplay with sound?

Automatic playback with sound is not reliable because browsers and devices often block it. A muted start or click-to-play experience usually works more consistently and gives visitors control over the audio.

Will captions appear in the embedded Facebook video?

Captions can appear when they have been added to the original Facebook Page video and are available through the player. Add or correct caption files on Facebook because SociableKIT displays the source video but does not create the caption text.

Can I remove Facebook branding or standard player controls?

Facebook controls its video player, branding, playback behavior, and required interactions. SociableKIT can customize the surrounding widget but cannot remove elements that Facebook requires or chooses to display.

Can visitors like, comment, share, or follow the Page from the widget?

The widget can guide visitors to the original Facebook video or Page for social actions. Liking, commenting, sharing, following, or using other account-based features may open Facebook and require sign-in.

Do visitors need a Facebook account to watch the video?

Visitors can generally watch an eligible public embedded video without signing in. Facebook may still require an account for restricted content, age checks, comments, reactions, sharing, or other member features.

Why does my Facebook Page video say it is unavailable?

The video may no longer be public, may have been deleted, restricted, removed, or connected with the wrong Video ID. Check the source video on Facebook first, then reconnect or refresh the SociableKIT widget.

What happens if the video is deleted or its audience changes?

The video can stop playing because the widget follows the Facebook source. Replace the connected Video ID with another eligible public video when you want the website section to remain active.

Can the widget display a Facebook Reel or completed Live video?

A supported public Page video may work when Facebook provides a usable video source and ID. Use the dedicated Facebook Reel or Live Stream widget when that format requires different source handling or presentation.

Can I display several Facebook Page videos?

This widget is designed to highlight one selected video. You can create separate sources for additional individual videos or use SociableKIT's Facebook Page Videos widget to display a broader video gallery.

Can I reuse the same Facebook Page video on multiple pages or websites?

Yes, paid SociableKIT plans let one connected video source power multiple widget designs across unlimited websites. You can use a compact player on a homepage and a larger version on a product, campaign, or resource page.

Is the widget mobile friendly, customizable, and available free?

Yes, the widget adjusts to desktop, tablet, and mobile screens and supports customizable colors, fonts, spacing, layouts, and calls to action. The free plan includes one source, one widget, up to 2,000 monthly views, customization, branding, and manual syncing, while paid plans add automatic syncing, unlimited widgets and views, and 24/7 human support.

Add your Facebook Page Video (One Video) 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 Page Video (One Video) widget page →