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

How to embed Events Calendar on your Cornerstone website for FREE?

Embed an events calendar on your website to keep visitors informed, drive attendance, and showcase upcoming events in a clear, organized layout.

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

Your Events Calendar on Cornerstone website — live in 3 steps

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

  1. Create in 60 seconds

    Pick Events Calendar 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 Cornerstone website. No dev team needed.

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

Embed Events Calendar with SociableKIT — step by step

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

Complete guide

Follow our complete guide below to embed Events Calendar on Cornerstone website for free. The guide is divided into two parts to make it easier to follow.

Create and customize your Events Calendar widget

The first part is creating your Events Calendar 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 Events Calendar on your Cornerstone website for FREE?
  2. Select your Events Calendar type on the dropdown. SociableKIT offers several Events Calendar 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 Events Calendar that you can add to your Cornerstone website : Select "Events Calendar" on the dropdown - How to embed Events Calendar on your Cornerstone website for FREE?
  3. Enter your Events Calendar ID or username. Copy your Events Calendar URL and paste it in the username box. Our system will automatically identify your Events Calendar 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 Events Calendar on your Cornerstone 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 Events Calendar on your Cornerstone website for FREE?
  6. Paste the embed code and save your Cornerstone website page. Please follow the second part below to add Events Calendar widget to your Cornerstone website .

Add Events Calendar widget to your Cornerstone website

The second part is adding your Events Calendar widget to your Cornerstone website . After you customize your Events Calendar widget and copied the embed code, it is time to add it to your Cornerstone 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. Go to Cornerstone and download the plugin.
  3. On your dashboard, scroll down and click "Content Holders".
  4. Click the "Add New" button.
  5. Click the "Arrow" button.
  6. Copy and paste the embed code from SociableKIT.
  7. Click the "Save Changes" button.
  8. Click "Visual" to view the calendar. 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 Events Calendar on your Cornerstone site, follow the steps below after you have your SociableKIT embed code.

  1. Sign up free to SociableKIT and create your Events Calendar widget.
  2. Customize your widget and copy the embed code from the dashboard.
  3. Go to Cornerstone and download the plugin.
  4. On your dashboard, scroll down and click "Content Holders".
  5. Click the "Add New" button.
  6. Click the "Arrow" button.
  7. Copy and paste the embed code from SociableKIT.
  8. Click the "Save Changes" button.
  9. Click "Visual" to view the calendar. Done!
Full Cornerstone tutorial →

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

  1. Sign up free to SociableKIT and create your Events Calendar 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 Events Calendar on your Wix site, follow the steps below after you have your SociableKIT embed code.

  1. Sign up free to SociableKIT and create your Events Calendar 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 Events Calendar on your Squarespace site, follow the steps below after you have your SociableKIT embed code.

  1. Sign up free to SociableKIT and create your Events Calendar 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 Events Calendar on your Webflow site, follow the steps below after you have your SociableKIT embed code.

  1. Sign up free to SociableKIT and create your Events Calendar 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 Events Calendar on your Shopify site, follow the steps below after you have your SociableKIT embed code.

  1. Sign up free to SociableKIT and create your Events Calendar 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 Events Calendar on your HTML site, follow the steps below after you have your SociableKIT embed code.

  1. Sign up free to SociableKIT and create your Events Calendar 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 Events Calendar 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 Events Calendar 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 Cornerstone 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 Events Calendar on your Cornerstone website.

What is an events calendar widget and how does it work?

An events calendar widget automatically pulls your upcoming events from your event platform and shows them in a clear, interactive calendar on your site. Instead of manually updating your site each time, you add your event once and the widget updates your website instantly, keeping your visitors informed and increasing attendance.

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

Embedding the calendar is simple: sign up, create your widget, customize the look, and then copy a single line of code into your website. The widget works on all major website builders—from WordPress and Shopify to Wix and Webflow—so you don’t need any coding knowledge or plugins; just paste the embed code where custom HTML is supported.

Which event platforms can I connect?

SociableKIT connects directly to the platforms where you already manage your events. You can pull in events from sources like Facebook Page Events, Facebook Group Events, Bandsintown, Eventbrite, LinkedIn Page Events and Meetup Groups. Pick the platform you use, connect once, and your events will appear automatically on your site.

Can I combine events from multiple platforms into one calendar?

Yes. If you manage events in more than one place, SociableKIT can bring them together into a single calendar. Start with one source and easily add more as needed. Each additional source is simple to add, and the calendar will automatically merge events into one cohesive feed so your visitors see all your happenings in one place.

Can visitors filter events by date, category, or location?

Visitors can filter events to find what matters to them. The calendar allows filtering by date and other categories like event type, venue or host. This helps users narrow down your schedule quickly, creating a more personalized experience and encouraging them to register.

Does the widget display events in visitors’ local time zone?

Yes. You can choose to display events in their original time zone or automatically convert them to each visitor’s local time. This ensures attendees around the world see accurate start times and prevents confusion.

Can I hide past events or show only upcoming ones?

You’re in control of which events appear. By default the calendar surfaces your upcoming events, and you can hide past dates to keep your schedule fresh. When an event has passed, it automatically moves off the widget so your visitors always see what’s next, keeping your events section neat and relevant.

Can I add images, videos, or ticket buttons to events?

Absolutely. You can enrich your event listings with photos and videos to give visitors a feel for what to expect. You can also add a custom call‑to‑action button to each event—such as ‘Buy Tickets’ or ‘Register’—with a link to your checkout page. These media and CTA options help make your events more compelling and drive higher conversions.

Can visitors add events to their personal calendar?

Yes. Each event includes an 'Add to Calendar' option that lets visitors save the date to their own calendars. They can add events to services like Google Calendar, Apple Calendar or Outlook in one click, increasing attendance and reducing no‑shows.

Is the events calendar responsive and mobile‑friendly?

Yes. The events calendar automatically adjusts to any screen size, ensuring your events look great on phones, tablets and desktops. Visitors can scroll, filter and register from wherever they are, so you never miss an opportunity to engage mobile users.

Can I customize the colors, fonts, and layout to match my brand?

SociableKIT gives you full creative control. You can adjust colors, fonts, layouts and call‑to‑action buttons so the calendar blends seamlessly with your site’s design. With multiple templates and dark‑mode options, you can create a look that fits your brand from day one.

Does the widget support recurring or all‑day events?

Yes. You can mark events as all‑day or set specific start and end times. Recurring events are supported, so you can schedule daily, weekly or monthly happenings without re‑entering details each time. This keeps long‑running series like classes or community meetings up to date and easy to manage.

Can I choose different calendar views like month, list or grid?

Yes. The widget offers multiple views so you can present your events the way you prefer. Choose from calendar‑style month view, weekly or agenda layouts, or use a list, grid, carousel or masonry template to match your site’s layout. You can switch views at any time without losing your data.

Does the events calendar automatically sync when I update my event sources?

Absolutely. Once connected, the calendar stays in lockstep with your event platforms. Add or edit an event in your source, and the widget updates your website automatically. On the free plan you can trigger a quick manual sync when needed, and paid plans enable automatic syncing so your calendar is always current.

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

You can display as many events as you need. Our paid plans provide unlimited views starting at a low monthly rate, and there’s no traffic cap or metering to worry about. Start on our free plan to try the widget—no credit card required—and upgrade to automatic syncing and unlimited sources when you’re ready.

Will the widget slow down my website?

No. Our widget is optimized to load asynchronously and uses caching, so it doesn’t slow down your pages. It’s designed to load after your main content, keeping your website fast while still displaying the calendar smoothly.

Do I need permission or API keys to connect my event sources?

Getting connected is straightforward. For public pages like Facebook events or Eventbrite, you simply sign in through our secure interface and select the calendar you want to display—no developer keys or complicated API setups. We handle the integration behind the scenes so you can stay focused on your events.

Is the events calendar SEO‑friendly?

Yes. The events calendar adds structured event data to your site, which helps search engines recognize and rank your events. Fresh, location‑tied listings give your site a real boost in local SEO, increasing the chances that potential attendees find you when they search.

Does SociableKIT offer support if I have questions?

Yes. Whenever you need help, you’re connected to real people. SociableKIT offers chat and email support on every plan, and our paid plans include 24/7 assistance. We’re committed to helping you succeed, whether you’re just getting started or scaling up.

What happens if I cancel my subscription or trial?

You’re free to cancel at any time. There are no long‑term contracts or cancellation fees. After your trial or subscription ends, your account reverts to the free plan; your widgets stay online with free features so you can upgrade again when you’re ready.

Add your Events Calendar 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 Events Calendar widget page →