How to Add MLS Search and Listings to Your Squarespace Realtor Website (No Coding Needed)
If you've chosen to build your real estate website on Squarespace, you likely care about clean design, simple content management, and a seamless user experience. But what if you also want to display live property listings directly from your local MLS — without sacrificing your site's style or diving into complex technical setup?
This guide will show you how to connect your Squarespace site with MLS data using IDX Broker (for the listing feed) and IDX Plugin (for stylish, no-code display widgets). The result? A fully branded, searchable listings experience that's both powerful and easy to maintain.
Why You Should Add MLS Listings to Your Squarespace Site
Integrating MLS listings into your real estate website brings immediate and long-term benefits:
- • Improved User Experience – Visitors can search for properties directly on your site, without being redirected elsewhere.
- • Automatic Updates – Listings stay current with zero manual effort, synced directly from your MLS.
- • Better SEO – Fresh property pages help your site rank on Google and attract ongoing organic traffic.
- • Lead Generation – Built-in contact forms and alerts turn casual visitors into real leads.
- • Design Control – With IDX Plugin, everything from fonts to layout fits your brand and Squarespace style.
This integration transforms your site from a basic online business card into a fully functional, lead-generating property search hub.
What You'll Need to Get Started
Before we dive into the setup, make sure you have the following:
An active IDX Broker account
This connects your site to your MLS and ensures all listings stay up-to-date automatically.
A free IDX Plugin account
This gives you access to no-code widgets for search forms, featured listings, and more — fully customizable to match your design.
A Squarespace website
Any plan that supports code blocks or embed options will work (Business or Commerce plans are ideal).
How IDX Broker and IDX Plugin Work Together on Squarespace
Let's quickly break down how these two tools function and why they're perfect for Squarespace users.
IDX Broker: The Engine Behind Your Listings
IDX Broker is your MLS connection. It pulls in listings, updates them, and generates search pages, property details, and map views — all hosted on secure servers. While Squarespace doesn't host MLS data directly, it displays it seamlessly via embedded content or link integration.
And yes — Google can index those pages, so your SEO stays strong even though the data lives offsite.
IDX Plugin: Your Visual Layer (Built for No-Code Creators)
IDX Plugin is built for agents who want professional-looking listings without touching a line of code. It wraps IDX Broker's functionality in flexible, modern widgets that you can style just like you do with Squarespace elements.
You'll get:
- • Clean, pre-designed search forms
- • Visually enhanced property cards and grids
- • A simple settings panel to control fonts, colors, layouts — no coding required
One standout feature is the Advanced Search Form Widget, which includes:
- • Smart location autocomplete (handles typos and partial input)
- • Combined filters (e.g., "3+ beds & 2+ baths" in one dropdown)
- • Responsive design and quick-select buttons for mobile users
In the image below, you can see the IDX Plugin panel and how effortlessly you can restyle widgets to match your Squarespace branding — no coding required.
Thanks to this combo — IDX Broker for data, IDX Plugin for styling — you get powerful MLS integration that feels native to your Squarespace site.
Step-by-Step Integration Process
Now, let's walk through how to integrate IDX Broker into your site and enhance it with IDXPlugin widgets. We'll cover adding a search bar, showcasing listings, and styling the widgets to match your website's design.
Step 1: Embed a Live MLS Search Form on Your Homepage
Your homepage is the first impression — and it should give visitors instant access to property search. The best spot is usually right in the hero section or just below it. Using IDX Plugin's Search Form widget, you can embed a stylish, mobile-friendly search bar in just a few clicks.
Here's how:
1. Open your Squarespace page editor (e.g., Homepage) and click the "+ Add Block" button.
2. In the menu, search for "Embed" and add it
3. Squarespace will insert an Embed block.
4. Resize the block: Grab the edge of the embed area and stretch it wide enough to fit the full width of the search form.
5. In a new tab, log in to your IDX Plugin dashboard. Find the Search Form widget you want to use and click "Show Embed Code."
6. Back in Squarespace, click the Embed block and then select "Code Snippet" → then "Embed Data >"
7. Paste the code into the embed field.
8. Click "Preview in Safe Mode" to see how it looks.
9. You'll now see your live MLS search form directly on your homepage
Step 2: Add a Featured Listings Showcase or Carousel
In addition to search, showcasing specific properties helps guide your visitors and highlight key listings. With IDX Plugin, you can quickly add listing grids that are flexible in design and match your website's style.
1. Choose a widget for your listing showcase
In your IDX Plugin dashboard, you'll find several demo widgets to get started quickly. You can also create your own custom widget targeting specific locations, price ranges, or property types.
For this tutorial, we recommend clicking "Edit" on one of the following:
- • Featured Listings List – displays a grid of your featured properties
- • Featured Listings Carousel – shows listings rotating in a single row with navigation arrows
- • Most Expensive MLS Listings – highlights high-end properties from your MLS feed
2. Configure which listings the widget displays
Use the filtering options to control which listings are displayed — by location, price, property type, and more. You can also adjust the appearance, such as number of columns, spacing, image ratio, and label styles.
3. Get the embed code
When the widget is configured the way you want, click "Public Preview" to see it with live MLS listings. Then click "Show Embed Code" and copy the snippet — just like you did with the search form.
4. Add an Embed block on your Squarespace page
Return to your page editor and insert a new Embed block.
5. Paste the code
Insert the code snippet into the block.
Note: Squarespace's preview may cut off the widget, but don't worry — on the live site, it will display properly as a full listing section.
Step 3: Style the Widgets to Match Your Website
Once your widgets are embedded, you'll want them to seamlessly match your brand. IDX Plugin makes this easy with two levels of visual styling:
1. Global Styles
In your IDX Plugin dashboard, go to Global Settings. Here, you can set universal design rules — like colors, fonts, button shapes, spacing, and border radius. These settings apply across all your widgets, keeping your site design consistent and professional.
2. Per-Widget Customization
Need a specific widget to stand out? You can override the global styles at the individual widget level. Just open the widget in your dashboard, go to the Appearance tab, and adjust the design settings — from button size to background colors. These changes will apply only to that widget.
Summary: The Easiest Way to Add MLS Listings to Your Squarespace Website
By combining IDX Broker (for MLS connectivity) with IDX Plugin (for no-code styling), you can transform your Squarespace website into a powerful real estate platform — with live listings, lead capture tools, and full design control.
Here's what you get:
- • MLS integration for Squarespace – Add searchable, up-to-date listings without complex workarounds
- • Automatic updates – Listings are hosted and synced via IDX Broker's servers — no extra maintenance
- • Visual design tools – Use IDX Plugin's styling panel to match your site's look and feel perfectly
- • No code required – Everything works through embeds and widgets, just like other Squarespace blocks
With this integration, your Squarespace site does more than just look good — it becomes a modern, lead-generating hub that helps you convert visitors into clients.
Get Started Today
New to IDX Broker? Get the complete solution. Already have IDX? Test how our widgets work with your account in under 3 minutes.