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

How to embed Facebook events on your PinnacleCart website for FREE?

Display your Facebook events on your website to keep your audience informed, increase event participation, and sync updates automatically.

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

Your Facebook events on PinnacleCart website — live in 3 steps

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

  1. Create in 60 seconds

    Pick Facebook events 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 PinnacleCart website. No dev team needed.

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

Embed Facebook events with SociableKIT — step by step

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

Complete guide

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

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.

  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 events on your PinnacleCart website for FREE?
  2. 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 PinnacleCart website : Select "Facebook events" on the dropdown - How to embed Facebook events on your PinnacleCart website for FREE?
  3. 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.
  4. 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 events on your PinnacleCart website for FREE?
  5. Copy the embed code. Click the "Embed on website" button on the upper right corner. On the popup, copy the JavaScript embed code.Copy the embed code. - How to embed Facebook events on your PinnacleCart website for FREE?
  6. Paste the embed code and save your PinnacleCart website page. Please follow the second part below to add Facebook events widget to your PinnacleCart website .

Add Facebook events widget to your PinnacleCart website

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

  1. 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.
  2. Login to PinnacleCart.
  3. Click the 'Front-End' category on the left.
  4. Click the 'Site pages'. Add or edit an existing page.
  5. On the 'Content', click the 'Source code' icon.
  6. Paste the embed code from SociableKIT.
  7. Click the 'OK' button.
  8. Click the 'Save' button on the lower right corner of the page.
  9. Click the 'View on Storefront' button on the upper right corner of the page. 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 events on your PinnacleCart site, follow the steps below after you have your SociableKIT embed code.

  1. Sign up free to SociableKIT and create your Facebook events widget.
  2. Customize your widget and copy the embed code from the dashboard.
  3. Login to PinnacleCart.
  4. Click the 'Front-End' category on the left.
  5. Click the 'Site pages'. Add or edit an existing page.
  6. On the 'Content', click the 'Source code' icon.
  7. Paste the embed code from SociableKIT.
  8. Click the 'OK' button.
  9. Click the 'Save' button on the lower right corner of the page.
  10. Click the 'View on Storefront' button on the upper right corner of the page. Done!
Full PinnacleCart tutorial →

To embed Facebook events 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 events 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 events 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 events 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 events 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 events 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 events 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 events 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 events 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 events 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 events 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 events 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 events 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 events 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 Events 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 PinnacleCart 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 events on your PinnacleCart website.

What is a Facebook events widget and how does it work?

The SociableKIT Facebook events widget pulls upcoming Facebook events into a live feed on your website. You simply connect your Page or Group, customize the design, and embed a single line of code. The widget automatically syncs whenever you create or edit events, giving visitors a curated event calendar without extra work.

How do I embed the Facebook events widget on my website? Do I need coding skills or a plugin?

Embedding is as easy as copy and paste. After creating and styling your widget, SociableKIT provides a one‑line embed code that works with WordPress, Shopify, Wix, Squarespace, Webflow, Weebly, Google Sites or any HTML site. You don’t need a plugin or coding skills, and most users go live in under two minutes.

Which types of Facebook events can I display – Page, Group or personal events?

You can display public events from your Facebook Page or Group. Personal events created on your own profile aren’t supported because of platform restrictions, but other SociableKIT widgets can show your personal posts or photos. As long as the events are public and attached to your Page or Group, they will sync seamlessly.

Do I need a Facebook App or Access Token to display events?

No. SociableKIT handles all the technical details, so you don’t need to create a Facebook app or generate access tokens. Simply connect your Page or Group in the dashboard and we take care of the API connection. The widget stays working even as Facebook updates its APIs.

Can I display events from multiple Pages or Groups in one calendar?

Yes. You can add multiple sources under one account and combine them into a single feed or create separate widgets. This makes it easy to showcase events from several pages or groups without juggling different embed codes. You only pay for the sources you use.

Can visitors filter events or view them by month, list, grid or calendar?

The widget offers several layouts—calendar, list, grid, carousel and masonry—so you can choose the view that fits your site. Visitors can scroll through upcoming events and, depending on the template, see a full monthly calendar or a simple list. You can hide past events or randomize the order with a few clicks.

Does the widget show the correct time zone for my visitors?

Yes. SociableKIT automatically converts event times so visitors see them in their local time. You can also set a default time zone in your dashboard if you prefer. There’s no need to adjust time settings manually.

Can I hide past events or only show upcoming ones?

Absolutely. The widget automatically hides past events, keeping your feed fresh and relevant. If you prefer to display an archive, you can choose to show past events as well.

How customizable is the widget’s design?

You have full control over colours, fonts, layouts and even call‑to‑action buttons. SociableKIT lets you match your brand perfectly from day one without needing custom CSS. Every plan, even the free tier, includes the same customization options.

Can I moderate or exclude certain events?

Yes. The moderation tools let you hide any event you don’t want to display. You control which events appear on your site, while the widget still updates automatically with new events.

Do I need to manually refresh the widget every time I add a new event?

No. Paid plans automatically sync with your Facebook account, so new or edited events appear on your site without any action. On the free plan you can refresh your widget manually with a click whenever you need.

Does the widget work with my website builder?

Yes. The one‑line embed code works with popular builders such as WordPress, Shopify, Wix, Squarespace, Webflow, Weebly, Google Sites, SharePoint and any HTML site. There’s no plugin required, and our support team can help with platform‑specific questions.

Can I show event images, descriptions and a button to RSVP?

The widget displays each event’s title, date, time, description and cover photo. You can also include a custom call‑to‑action button that links directly to the Facebook event for RSVPs or ticket purchases. It’s a great way to encourage attendance.

Will adding the widget slow down my website?

No. SociableKIT loads asynchronously and is optimized for performance. It won’t block other elements on your page and is hosted on fast servers, so your site stays fast even with a large event list.

What happens if I edit or cancel an event on Facebook?

Any changes you make on Facebook—editing times, updating images or cancelling events—are automatically reflected in the widget. There’s no need to re‑embed or update code; the feed stays accurate and up‑to‑date.

Does the widget improve my SEO?

Yes. Embedding structured event data provides search engines with fresh, relevant content tied to your location and brand, which can boost your local search rankings. Displaying events directly on your site also keeps visitors engaged longer, sending positive signals to search algorithms.

Is there a limit on the number of events or views? How much does it cost?

There’s no limit on events or views. Paid plans include unlimited views from as little as ten dollars per month, and you only pay for the number of sources you connect. A free plan is available with manual syncing, and you can upgrade anytime to unlock automatic sync and other premium features.

Does SociableKIT offer support if I need help?

Yes. Real people are available via chat and email, with twenty‑four‑seven support on paid plans. Whether you need help setting up the embed code or fine‑tuning your widget, our team is ready to assist at any time.

What happens if I cancel my subscription?

You can cancel at any time without long‑term commitments or cancellation fees. If you cancel, your widgets remain on your site but revert to the free plan’s features. You can always resume a paid plan later.

Can I translate the widget into another language?

Yes. You can customise text labels and choose your preferred language in the widget settings. This ensures your events calendar feels native to visitors around the world.

Add your Facebook events widget today

Set up in minutes. Free forever to start.

Free forever · No credit card · Cancel anytime

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