Your Meetup Group Events on Webflow website — live in 3 steps
SociableKIT syncs your meetup group events automatically. Set up once, embed anywhere — free to start, no coding required.
-
Create in 60 seconds
Pick Meetup Group Events in the dashboard and connect your source.
-
Match your brand
Colors, fonts, layout — tune it until it feels native to your site.
-
Paste one line of code
Drop the embed snippet on your Webflow website. No dev team needed.
Embed Meetup Group Events with SociableKIT — step by step
Create your widget in the dashboard, copy the embed code, and paste it on your Webflow website. Screenshots included so you never get stuck.
Create and customize your Meetup Group Events widget
The first part is creating your Meetup Group 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.
- Paste the embed code and save your Webflow website page. Please follow the second part below to add Meetup Group Events widget to your Webflow website .
Enter your Meetup event group ID.
Add Meetup Group Events widget to your Webflow website
The second part is adding your Meetup Group Events widget to your Webflow website . After you customize your Meetup Group Events widget and copied the embed code, it is time to add it to your Webflow website . Follow the steps below.
- Copy your free Meetup Group Events 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.
- 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!
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 Meetup Group Events on your Webflow site, follow the steps below after you have your SociableKIT embed code.
- Sign up free to SociableKIT and create your Meetup Group Events widget.
- Customize your widget and copy the embed code from the dashboard.
- 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 Meetup Group Events on your WordPress site, follow the steps below after you have your SociableKIT embed code.
- Sign up free to SociableKIT and create your Meetup Group Events widget.
- Customize your widget and copy the embed code from the dashboard.
- 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 and click update.
![]()
- The widget will appear on the WordPress page.
![]()
- Click the Publish or Update button on your WordPress page.
![]()
- Click the view page. Done!
To embed Meetup Group Events on your Wix site, follow the steps below after you have your SociableKIT embed code.
- Sign up free to SociableKIT and create your Meetup Group Events widget.
- Customize your widget and copy the embed code from the dashboard.
- 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 Meetup Group Events on your Squarespace site, follow the steps below after you have your SociableKIT embed code.
- Sign up free to SociableKIT and create your Meetup Group Events widget.
- Customize your widget and copy the embed code from the dashboard.
- 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 Meetup Group Events on your Shopify site, follow the steps below after you have your SociableKIT embed code.
- Sign up free to SociableKIT and create your Meetup Group Events widget.
- Customize your widget and copy the embed code from the dashboard.
- 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 Meetup Group Events on your HTML site, follow the steps below after you have your SociableKIT embed code.
- Sign up free to SociableKIT and create your Meetup Group Events widget.
- Customize your widget and copy the embed code from the dashboard.
- 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 Meetup Group Events on your Google Sites site, follow the steps below after you have your SociableKIT embed code.
- Sign up free to SociableKIT and create your Meetup Group Events widget.
- Customize your widget and copy the embed code from the dashboard.
- 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 Meetup Group Events on your Weebly site, follow the steps below after you have your SociableKIT embed code.
- Sign up free to SociableKIT and create your Meetup Group Events widget.
- Customize your widget and copy the embed code from the dashboard.
- 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!
Live preview
Pick a Meetup Group 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 Webflow website.
Common questions
Frequently asked questions
Everything you need to know about embedding Meetup Group Events on your Webflow website.
Can I embed Meetup Group Events on my website?
Yes. SociableKIT lets you display your Meetup Group Events on your website using a simple embed code. You create the widget, customize the design, copy the code, and paste it into your website builder or HTML page.
What is a Meetup Group Events widget?
A Meetup Group Events widget shows your group events directly on your website. It helps visitors see your upcoming gatherings without leaving your site first. This makes your events easier to discover and helps turn website visitors into attendees.
Why should I add Meetup events to my website instead of sending visitors to Meetup?
Your website is where many people first learn about your group, business, or community. Showing your Meetup events there keeps visitors engaged and gives them a clear next step. It also reduces the need to manually copy event details into your website.
Do I need coding skills to use the Meetup Group Events widget?
No coding skills are needed for most websites. SociableKIT gives you a ready-to-use embed code that you can paste into your website. If you get stuck, support can help you place it correctly.
Will my Meetup events update automatically on my website?
Yes, paid plans include automatic sync so your website can stay updated when your Meetup events change. The free plan includes sync requests if you want to refresh the widget manually. This helps you avoid outdated event pages and repeated copy-and-paste work.
What happens when I add, edit, or remove an event on Meetup?
When your widget syncs, SociableKIT updates the events shown on your website based on your Meetup source. This keeps your website closer to your real event schedule. It is useful for groups that change dates, locations, descriptions, or event details often.
Can I customize the Meetup Group Events widget to match my website?
Yes. You can customize the layout, colors, fonts, and call-to-action style to match your brand. This helps the widget feel like part of your website instead of a pasted add-on.
What layouts are available for the Meetup Group Events widget?
SociableKIT offers layout options such as masonry, grid, carousel, list, month, and dark mode versions. You can choose the style that fits your page best. A list or calendar layout works well for clarity, while grid and carousel layouts can make event discovery feel more visual.
Does the widget work on WordPress, Wix, Squarespace, Shopify, Webflow, and Google Sites?
Yes. SociableKIT works with major website builders and any website that allows custom embed code. You only need to paste the widget code in the right embed, HTML, or code block area of your site.
Is the Meetup Group Events widget mobile-friendly?
Yes. The widget is designed to display well on desktop and mobile screens. This matters because many visitors check event details from their phones before deciding to join.
Can visitors RSVP or join the event from the widget?
The widget helps visitors discover your Meetup events and move toward the event action. The final RSVP or joining experience depends on how your Meetup event is set up. This gives visitors a clear path from your website to your event.
Can I show multiple Meetup groups or event sources?
Yes, you can add more sources depending on your plan. This is helpful if you manage multiple communities, chapters, branches, or event categories. SociableKIT lets you keep those sources under one account for easier management.
Can I use more than one Meetup Group Events widget on my website?
Yes. Paid plans include unlimited widgets, so you can place your events on different pages or use different layouts for different sections. For example, you can use a calendar layout on your events page and a carousel on your homepage.
Can I control which events appear on my website?
SociableKIT displays events from the Meetup source you connect. If you need more control, Business plan features include automatic moderation. This can help teams manage what appears before visitors see it.
Will private or restricted Meetup events appear in the widget?
The widget can only display event information that SociableKIT is able to access from your Meetup source. If a group or event is private, restricted, or unavailable from the source, some details may not appear. Support can help check your setup if you are not sure.
Will old or past Meetup events still show on my website?
The widget is built to help you showcase relevant Meetup group events from your source. Display behavior can depend on your source data and widget settings. If you want a specific past-events setup, SociableKIT support can help you choose the best configuration.
Will the widget slow down my website?
SociableKIT uses an embed code so you do not need to rebuild your website to show events. Like any embedded content, performance can depend on your page, theme, and other scripts. The best practice is to place the widget where it supports the page goal without adding unnecessary page clutter.
Is there a free plan for the Meetup Group Events widget?
Yes. SociableKIT has a free plan that lets you create a working Meetup Group Events widget with no credit card required. You can start free, test it on your site, and upgrade later if you need premium features like automatic sync or unlimited views.
What do I get when I upgrade to a paid plan?
Paid plans can include unlimited views, unlimited widgets, automatic sync, no SociableKIT branding, and more source options depending on the plan. Business plans also include advanced analytics, 24/7 chat and email support, and automatic moderation. This is useful when your event pages get more traffic or your team needs more control.
Who is the Meetup Group Events widget best for?
It is best for communities, schools, clubs, nonprofits, coworking spaces, churches, local groups, and businesses that use Meetup to organize events. It helps keep your website active with fresh event content. It also gives visitors more confidence because they can see your real upcoming gatherings in one place.
Add your Meetup Group Events widget today
Set up in minutes. Free forever to start.
Create your widgetFree forever · No credit card · Cancel anytime

























































