Add an IDX Search Form to Squarespace

This guide covers one task from IDX Plugin for Squarespace: putting a live MLS search form on a Squarespace page. Any layout from Search Forms, Every Layout Explained works here, and the embed steps are identical for each. You need a free IDX Plugin account with your IDX Broker API key added, plus any Squarespace plan that supports code blocks.

Here is the form itself, running live. This is what lands on your Squarespace page once you paste the code.

Embed the form on your page

1. 1 Add an Embed block

   Open your Squarespace page editor, click + Add Block, search for "Embed" and add it. The hero section or the area just below it is the usual spot.

   
2. 2 Resize the block

   Grab the edge of the embed area and stretch it wide enough to fit the full width of the search form.

3. 3 Get your embed code

   In a new tab, open your IDX Plugin dashboard. Find the search form widget you want and click Show Embed Code.

   
4. 4 Copy the code

   Copy the snippet from the popup.

   
5. 5 Open the code field

   Back in Squarespace, click the Embed block, then select Code Snippet and Embed Data.

   
6. 6 Paste the code

   Paste the code into the embed field.

   
7. 7 Preview

   Click Preview in Safe Mode to see how it looks.

   
8. 8 See it live

   Save the page and open it. The live MLS search form now sits directly on your Squarespace page.

   

Where the search sends visitors

Every search leads to the pages generated from your IDX Broker account: results, single listings, lead forms. Making those pages match your site is its own short task, covered in IDX Property Pages and Your Squarespace Site, with our IDX Broker templates doing most of the work. You can try every form layout live on our demo site ↗.

Keep reading