Learn how to embed Facebook events on your website for FREE, step by step. Our widget will help you add or display Facebook events on your Website with no coding!
There are two ways to embed Facebook events on your website. The first method is using a website widget. The second method is using the embed or link option. I will show you the steps for each of those methods so you can decide which one is the best for you.
- Sign up FREE or login to SociableKIT.
- Create and customize your Facebook events widget.
- Copy the Facebook events widget embed code.
- Login to your website admin panel and create or edit a page.
- Paste the embed code where you want the Facebook events widget to appear.
- Save and view your page. Done!
That's easy! Embedding Facebook events widget on your website will take only 2 minutes. If you need a more detailed guide, scroll down to follow our complete guide or watch our video guide.
Looking to purchase our premium features like auto-sync, customization, premium support and more? Please check the details on our pricing page here.
There's another way to embed Facebook events on your website without using a third-party plugin like SociableKIT. Follow the steps below:
- Go to your event on Facebook.
- On the event page, find the Share button.
- Select the Copy event link option.
- Login to your website admin panel.
- Create or update a page where you want to put your Facebook events.
- Put an image or text on your page that encourages the visitor to view your Facebook event.
- Highlight the image or text.
- Use the link option of your website builder and paste the Facebook event link you copied earlier.
- Save your page. Done!
- To create the Facebook events feed on your website, you need to repeat steps 1 onwards to add more events.
You may choose method 1 or method 2, it depends on your needs. But in case you choose method 1, you can follow our complete guide below.
Create and customize your Facebook events widget
The first part is creating your Facebook events 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 events type on the dropdown.
SociableKIT offers several Facebook events 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 events that you can add to your website:
Facebook Page Events widget - Effortlessly showcase your Facebook Page events on your website to boost attendance and keep your audience engaged with real-time updates. Learn how to embed Facebook Page Events on your website here.
Facebook Group Events widget - Keep your community in the loop by showcasing Facebook Group events on your website, making it easy for members to stay connected and participate. Learn how to embed Facebook Group Events on your website here.
- Enter your Facebook events ID or username. Copy your Facebook events URL and paste it in the username box. Our system will automatically identify your Facebook events ID or username.
-
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.
-
Copy the embed code. Click the "Embed on website" button on the upper right corner. On the popup, copy the JavaScript embed code.
- Paste the embed code and save your website page. Please follow the second part below to add Facebook events widget to your website.
Add Facebook events widget to your website
The second part is adding your Facebook events widget to your website. After you customize your Facebook events widget and copied the embed code, it is time to add it to your 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.
- Create a new web page or edit your existing web page where you want the widget to appear.
- Open your webpage. You might use a code editor, a rich text editor, or a code block.
- Paste the embed code you copied from SociableKIT earlier.
- Save and publish your web page.
- View your web page with the widget. Done!
Facebook Events is a feature on Facebook that lets you create, manage, and promote events. To find these events, log in to your Facebook account, go to your Meta business page, and scroll down to see your ongoing and upcoming events. You can also view events on someone else’s Facebook page by scrolling down to find their event section.
This tool is incredibly useful for business owners. It helps you promote your upcoming and ongoing events, boosting engagement between you and your customers.
Facebook events is created for users to organize their events and for others to attend such event which fosters a sense of community around that page. It is much easier for the visitors to be updated from any information with the help of Facebook events. With our product, you can embed your Facebook events seamlessly to your website.
You can better appreciate the benefits of incorporating Facebook Events on your website if you are aware of their influence. Take a look at these incredible statistics.
Facebook's Massive User Base
Facebook is used by over 2.9 billion people daily, your events can be seen by a large number of people due to our large user base. Through the integration of Facebook Events on your website, you may use this huge audience to greatly enhance the visibility of your event. Source
High Engagement with Events
Events on Facebook are shared with 49% of all Facebook users. The high level of involvement suggests that Facebook users actively participate in events rather than just being viewers. Putting your events on your website helps increase interaction rates and the number of attendees. Source
Mobile Accessibility
98.5% of Facebook users use mobile devices to access the platform. Embedding Facebook Events ensures that your event details are immediately available on the go, which increases the likelihood of user involvement and attendance, particularly with the majority of consumers using mobile devices. Source
Popularity Among Marketers
25% of marketers ranked Facebook as the best platform for creating a sense of community. This shows how effectively the platform promotes participation and community development. You can make use of this ability to build a more active community around your events by integrating Facebook Events into your website. Source
High ROI on Facebook Marketing
Considering that Facebook offers the best return on investment, Facebook is the most often used social media network for marketers. Using Facebook marketing and website integration to promote your events can be an affordable technique for increasing attendance and visibility for your event. Source
Embedding Facebook Events on your website not only increases visibility but also enhances engagement and accessibility. Leverage these statistics to understand the immense potential and make the most of our Facebook Events widget.
Lincoln Park Business Group Facebook Page Events
The Lincoln Park District in Duluth is known for its rich history and lively community. They use our Facebook Events widget to display local events and programs on their site, keeping everyone informed and engaged.
Carolina Heritage Vineyard Facebook Page Events
Carolina Heritage Vineyards is a family-owned organic vineyard in North Carolina. They use our Facebook Events widget to share wine tastings, live music, and seasonal events on their site. It helps visitors stay updated and join the fun effortlessly.
Kingston Area Taxi Commission Facebook Page Events
The Kingston Area Taxi Commission regulates taxis and TNCs in Kingston, ON. They use our Facebook Events widget to share events, meetings, and feedback opportunities on their site, keeping the community informed and involved.
HSP Brand Activators Facebook Page Events
HSP connects beverage brands with shoppers in stores and online. They use our Facebook Events widget to display in-store tastings and online promos on their site. This keeps their audience engaged and updated on events with ease.
FIVE6 Gaming Facebook Page Events
FIVE6 Gaming, founded in 2023, offers great deals on trading cards and accessories in a clean, vibrant space. They use our Facebook Page Events widget to promote tournaments and events, bringing in more players. By embedding the widget on their site, they keep their community updated and engaged with upcoming events.
Can you embed a Facebook event on a website?
Yes, you can embed a Facebook event on your website using our Facebook Events widget. It makes displaying your events easy and seamless, enhancing your site’s engagement.
How do I embed an event on my website?
With our product, you will be given a step-by-step instruction on how to embed Facebook events into your website.
How to embed Facebook in a website?
Embedding Facebook content in your website is simple with our widget. It supports various Facebook elements, including events, making your site more interactive.
How do I embed a Facebook event on my Wix website?
Fortunately, our product is compatible with the website builder Wix, using our Facebook events widget, you will be able to seamlessly embed it to your Wix website for free.
LIMITED TIME OFFER!
Sign up now to use our widgets for FREE FOREVER!
No credit card required. Cancel anytime.
To embed Facebook events on your Squarespace website, follow the steps below.
-
Sign up free to SociableKIT. Sign up for a free account on SociableKIT or login if you already have an account.
-
Create and customize your Facebook events widget. Create a Facebook events widget and customize the colors, fonts, and other elements to match your Squarespace website.
-
Copy the Facebook events widget embed code. Click the 'Embed on website' button on the upper right and copy the embed code.
- 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.
- 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.
- Add a Code Block. On your Squarespace page, click the 'Edit' button. Find the 'Code' block and click it.
- Paste the embed code from SociableKIT. On the 'Content' of the 'Code' block, paste the JavaScript embed code you have copied from your widget.
- 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.
- View your page. Refresh your Squarespace page and check your SociableKIT widget. Done!
To embed Facebook events on your WordPress website, follow the steps below.
-
Sign up free to SociableKIT. Sign up for a free account on SociableKIT or login if you already have an account.
-
Create and customize your Facebook events widget. Create a Facebook events widget and customize the colors, fonts, and other elements to match your Squarespace website.
-
Copy the Facebook events widget embed code. Click the 'Embed on website' button on the upper right and copy the embed code.
- Login to your WordPress site.
- On your WordPress, go to the "Pages" section then click the "Add new page".
- Pick a pre-defined layout or start with a blank page by clicking the "Blank page" button.
- On the body of your page, click the "+" icon and click the "Custom HTML".
- Paste the code in the text area.
- To preview, click the preview tab.
- Click the Publish or Update button on your WordPress page.
- Click the view page. Done!
To embed Facebook events on your Weebly website, follow the steps below.
-
Sign up free to SociableKIT. Sign up for a free account on SociableKIT or login if you already have an account.
-
Create and customize your Facebook events widget. Create a Facebook events widget and customize the colors, fonts, and other elements to match your Squarespace website.
-
Copy the Facebook events widget embed code. Click the 'Embed on website' button on the upper right and copy the embed code.
- Log in to Weebly.
- On your existing website on Weebly, click the "Pages" section on the upper left then click the "+".
- Select what type of page you want to add.
- Add a name to your page and then click "Done".
- On the top menu, click "Build" then on the sidebar, drag the "Embed Code" option on your page.
- Click the "Click to set custom HTML" then click "Edit Custom HTML".
- Paste the code you copied from SociableKIT then in the upper right corner, click the “Publish” button.
- Click the link to your site. Done!
To embed Facebook events on your Wix website, follow the steps below.
-
Sign up free to SociableKIT. Sign up for a free account on SociableKIT or login if you already have an account.
-
Create and customize your Facebook events widget. Create a Facebook events widget and customize the colors, fonts, and other elements to match your Squarespace website.
-
Copy the Facebook events widget embed code. Click the 'Embed on website' button on the upper right and copy the embed code.
- Login to Wix.
- On your existing website click the "+" button beside the "Main pages" section.
- Then click the "Add page" button.
- Name your page then hit enter.
- On the left, click "Add element". Find and click "Embed code". Click and drag "Embed a site" on your page then resize the container.
- Click "Change website address".
- Paste the link you copied from SociableKIT then click "Apply".
- Click "Publish" on the upper right.
- Click "View site". Done!
To embed Facebook events on your Webflow website, follow the steps below.
-
Sign up free to SociableKIT. Sign up for a free account on SociableKIT or login if you already have an account.
-
Create and customize your Facebook events widget. Create a Facebook events widget and customize the colors, fonts, and other elements to match your Squarespace website.
-
Copy the Facebook events widget embed code. Click the 'Embed on website' button on the upper right and copy the embed code.
- Login to Webflow.
- On your existing website, click the "Page: ...." in the upper left corner then click the "Create new page" icon.
- Once done add a name for your new page then click "Save".
- On the left, click "Add Element". Drag "Embed" to your page.
- Paste the JavaScript code you copied from SociableKIT.
- On the upper right, click "Publish" > "Publish to Selected Domains".
- View your page. Done!
To embed Facebook events on your Shopify website, follow the steps below.
-
Sign up free to SociableKIT. Sign up for a free account on SociableKIT or login if you already have an account.
-
Create and customize your Facebook events widget. Create a Facebook events widget and customize the colors, fonts, and other elements to match your Squarespace website.
-
Copy the Facebook events widget embed code. Click the 'Embed on website' button on the upper right and copy the embed code.
- Login to Shopify.
- On the left side, click Online Store.
- Click Pages. Add a new page or edit your existing page.
- On the Page details, click Show HTML icon (<>).
- Paste the embed code and click the Save button.
- Click the View page button. Done!
To embed Facebook events on your HTML website, follow the steps below.
-
Sign up free to SociableKIT. Sign up for a free account on SociableKIT or login if you already have an account.
-
Create and customize your Facebook events widget. Create a Facebook events widget and customize the colors, fonts, and other elements to match your Squarespace website.
-
Copy the Facebook events widget embed code. Click the 'Embed on website' button on the upper right and copy the embed code.
- Open your HTML file.
- You can create a new HTML page or edit your existing HTML page.
- Paste the Javascript code you copied from SociableKIT. Paste it where you want the widget to appear.
- Save your HTML page.
- You may now upload your HTML page to your web hosting.
To embed Facebook events on your Google Sites website, follow the steps below.
-
Sign up free to SociableKIT. Sign up for a free account on SociableKIT or login if you already have an account.
-
Create and customize your Facebook events widget. Create a Facebook events widget and customize the colors, fonts, and other elements to match your Squarespace website.
-
Copy the Facebook events widget embed code. Click the 'Embed on website' button on the upper right and copy the embed code.
- Login to Google sites. You must have at least a 'Business Starter' plan to create and customize your Google sites.
- 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.
- 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.
- Add the widget. A popup 'Embed from the web' will open up. Select the 'Embed code' tab on the popup.
- 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.
- Save the widget. Once you have pasted your embed code, click the 'Next' button.
- 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.
- 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.
- Publish your page. After publishing the site, click the down 'Arrow' button beside the 'Publish' button.
- View your page. A dropdown of buttons will be displayed, click the 'View published site' button. Done!
To embed Facebook events on your Sharepoint website, follow the steps below.
-
Sign up free to SociableKIT. Sign up for a free account on SociableKIT or login if you already have an account.
-
Create and customize your Facebook events widget. Create a Facebook events widget and customize the colors, fonts, and other elements to match your Squarespace website.
-
Copy the Facebook events widget embed code. Click the 'Embed on website' button on the upper right and copy the embed code.
- Go to your Sharepoint site and log in with your credentials.
- Locate the page that you want to edit or create a new blank page. If you are creating a new page, click the "New" button and select "Page" from the options.
- On the upper right corner of the page, click the "Edit" button. This will enable you to make changes to the page.
- Hover over the area where you want to add the SociableKIT widget, then click the "+" icon that appears. From the list of options, find the "Embed" or "<>" icon and click on it.
- Paste the embed code provided by SociableKIT into the box.
- Click the "Publish" or "Republish" button to save your changes and make them live on the site. If necessary, upload the page to your website. You're done!
- widgets.sociablekit.com
- data.accentapi.com
- sociablekit.com
- images.sociablekit.com
Note: If you receive an error that states Embedding content from this website isn't allowed, you will have to add the following to the list of sites that are allowed on your website and the HTML Field Security list of the site collection where the site is located:
Did not see your website builder? You can find your website builder here: How to embed Facebook events on any website?.
You may also ask our support team if SociableKIT can integrate with your website builder.
If you want to find out more about embedding social media feed to your website, visit our homepage: Add social media feed to your website for FREE!
This Private Instagram Profile feed is part of our widget categories.
Adding Facebook events to your website is a game-changer. This article helped you embed your events effortlessly, making it easier to inform visitors, increase engagement, and attract more attendees. These benefits save you time, keep your audience updated, and make your website more interactive.
Your events are now seamlessly integrated into your site, creating a better experience for your audience. Keep exploring ways to enhance your online presence, and make every event count. You’ve done a fantastic job—keep it up!
Discover additional widget types you can embed on your website to enhance your business:
- Embed Google reviews on your website
- Embed LinkedIn feed on your website
- Embed Facebook feed on your website
- Embed Facebook events on your website
- Embed TikTok feed on your website
- Embed Indeed jobs on your website
- Embed YouTube channel on your website
- Embed YouTube playlist on your website
- Embed X (Formerly Twitter) feed on your website
- Embed RSS feed on your website
- Embed Google calendar on your website
- Embed Eventbrite events on your website
- Explore more widget types here
If you integrate these widgets, you can improve user engagement and provide valuable information directly on your website.
Mike
Co-founder, SociableKIT
Hi! I'm Mike, the Co-founder of SociableKIT, a platform that helps website owners add beautiful and reliable social media feeds to their websites. Need support?
Contact our team on this page.
I'm also passionate about technology and enjoy sharing my experience and learnings online. Connect with me on Twitter, LinkedIn, Facebook, and Instagram.
Need Support?
If you need help, feel free to chat with us in the live chat box on the lower right corner of this page. You may also use the chat box located here.
You may also email us at [email protected]
We’re happy to talk about how to embed Facebook events on your website!
Choose another widget
Facebook feed
Display your Facebook feed directly on your website, building trust and boosting engagement with your authentic content.
LinkedIn feed
Twitter feed
TikTok feed
Twitch feed
Instagram feed
YouTube feed
Google feed
Events Calendar
Vimeo feed
Product Reviews
Facebook reviews
Customer reviews
Facebook Group Feed
User-generated content
Google business hours
Social media aggregator
Threads
WordPress Blog
X Feed
YouTube Playlist
