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

How to embed Facebook Page Event (One Event) on your Square Online website for FREE?

Highlight a single Facebook event on your website to drive focused attention and increase attendance for your most important gathering.

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

Your Facebook Page Event (One Event) on Square Online website — live in 3 steps

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

  1. Create in 60 seconds

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

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

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

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

Complete Guide

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

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

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

    3. Enter your Facebook event ID.

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

Add Facebook Page Event (One Event) widget to your Square Online website

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

  1. Copy your free Facebook Page Event (One Event) 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 Square Online.
  3. Create or edit your existing website.
  4. Create or edit an existing page and add a Section.
  5. Select the Embed code option. Paste the embed code from SociableKIT.
  6. Click the Preview button on the upper right corner of the page.
  7. 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 Page Event (One Event) on your Square Online site, follow the steps below after you have your SociableKIT embed code.

  1. Sign up free to SociableKIT and create your Facebook Page Event (One Event) widget.
  2. Customize your widget and copy the embed code from the dashboard.
  3. Login to Square Online.
  4. Create or edit your existing website.
  5. Create or edit an existing page and add a Section.
  6. Select the Embed code option. Paste the embed code from SociableKIT.
  7. Click the Preview button on the upper right corner of the page.
  8. Done!
Full Square Online tutorial →

To embed Facebook Page Event (One Event) 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 Event (One Event) 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 Event (One Event) 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 Event (One Event) 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 Event (One Event) 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 Event (One Event) 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 Event (One Event) 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 Event (One Event) 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 Event (One Event) 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 Event (One Event) 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 Event (One Event) 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 Event (One Event) 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 Event (One Event) 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 Event (One Event) 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 Event (One Event) 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 Square Online 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 Page Event (One Event) on your Square Online website.

What is a Facebook Page Event (One Event) widget?

A Facebook Page Event (One Event) widget lets you display one selected Facebook Page event on your website. It gives that event its own clean space, so visitors can see the details, feel confident, and take action without searching through your page.

How do I embed one Facebook Page event on my website?

Create your widget in SociableKIT, add your Facebook event details, customize the design, then copy and paste the embed code into your website. You do not need coding skills. It is built for a simple setup that website owners, marketers, and event teams can manage.

What does “One Event” mean?

It means the widget is focused on one specific Facebook Page event, not a full list of events. This is useful when you want to promote one webinar, fundraiser, class, concert, open house, launch, or special gathering with more attention.

Can I show multiple Facebook Page events with this widget?

This widget is made for one selected event. If you want to show several upcoming events, SociableKIT also has Facebook Page Events options made for event lists. Use the one-event widget when one event deserves the spotlight.

Does the widget update automatically when I edit my Facebook event?

Yes, SociableKIT can keep your event details synced automatically on paid plans. If you update the event title, date, time, cover image, or description on Facebook, your website can stay current without manually editing the page again.

Can visitors RSVP or buy tickets from the widget?

The widget is designed to present your Facebook event clearly and guide visitors toward the next step. If your event includes an action on Facebook, visitors can continue from the widget to view more details, respond, or follow your event flow.

Do I need to own the Facebook Page event?

For the best setup and most reliable display, use an event connected to the Facebook Page you manage or have permission to use. This helps keep the widget accurate, stable, and aligned with your brand.

Will private or restricted Facebook events appear on my website?

Public and accessible Facebook Page events work best. Private, deleted, restricted, or unavailable events may not display correctly because Facebook controls what content can be shown outside its platform.

Can I customize the design of the Facebook Page Event widget?

Yes. You can adjust the layout, colors, fonts, and other design details so the event feels native to your website. The goal is simple: your event should look like part of your brand, not something pasted in as an afterthought.

Is the widget mobile responsive?

Yes, the widget is designed to work across desktop, tablet, and mobile screens. That matters because many visitors will check your event from their phone before deciding to attend, register, or share it.

Which website builders can use this widget?

SociableKIT works with major website builders that support custom code or embed blocks, including WordPress, Shopify, Wix, Squarespace, Webflow, Framer, Google Sites, and HTML websites. You copy one embed code and place it where you want the event to appear.

Can I embed the widget without installing a plugin?

Yes. You only need the SociableKIT embed code. This keeps your setup light, simple, and easier to manage, especially if you do not want to install another plugin on your website.

Can I choose what event details are shown?

Yes, SociableKIT gives you design and display controls so you can shape how your event appears. You can keep the widget focused on the most useful details, such as the event name, date, time, image, description, and call to action.

Can I hide or moderate event content?

SociableKIT includes moderation features on supported paid plans, so you have more control over what appears on your website. This is helpful when you want your event section to stay clean, focused, and on-brand.

Will the widget slow down my website?

SociableKIT is built to make embedding social content simple without forcing you to rebuild your page. Like any embedded content, placement and page setup matter, so it is best to place the widget where it supports conversion and keeps the page easy to use.

Can I use the widget on more than one page?

Yes, paid plans include unlimited widgets and unlimited views, so you can place your event where it makes sense. Many businesses add it to a homepage, event page, landing page, announcement page, or community page.

Are there limits on website views?

SociableKIT offers a free plan with monthly view limits, and paid plans include unlimited views. This helps your event stay visible even when traffic increases from email, ads, social posts, or partner promotions.

What happens after the Facebook event is over?

After the event ends, you can keep the widget as a recap, replace it with a new featured event, or switch to an events list if you promote events often. SociableKIT makes it easy to update the experience without rebuilding your website section from scratch.

Can I get help setting up the widget?

Yes. SociableKIT offers support on every plan, with 24/7 chat and email support on paid plans. If your builder, layout, or event display needs help, a real support team can guide you.

Why should I embed a Facebook Page event instead of just linking to it?

A link asks visitors to leave your website before they understand the event. An embedded event shows the details directly on the page, creates trust faster, and gives visitors a clearer reason to take the next step.

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