Important: IDX Broker widgets are built using JavaScript. In order to add IDX Broker Widgets to your Squarespace page requires a Business or Commerce account with Squarespace. For more information please refer to Squarespace.
A widget is a snippet of code that is generated within your IDX Broker dashboard.
Every IDX Broker account includes several widgets you can use to place IDX content on any of your Squarespace pages. You can also create widgets to suit your needs from within the IDX Broker dashboard. For more on how to create widgets, read our article on Creating & Managing Widgets.
- From your IDX Broker dashboard, click Design.
- Click Website.
- Click Widgets.
- Click Create if you need to make a widget, otherwise use the tools.
- Click the View Code icon to the right of the title for the widget you want to display.
- Copy the script code from the pop-up.
- Once you have that copied, go to your Squarespace dashboard and edit the page content for the page you want to insert the widget.
-
- Search the edit menu for HTML or code.
- From the Content Block menu, click Code and stretch the box that will contain the code to fill the space the way you want it to.
- In the Code Block settings, ensure that “Display Source” is not checked.
-
- In the Code Block settings, ensure that HTML is also selected.
- Paste the IDX Broker script code into the provided text editor and include or keep the <p> tags around the script code to ensure it does not move to the <head> HTML and at the end of the widget add </p>.
- Click to view in Safe Mode if it says script is disabled.
-
Save the changes to the page.
Note: You will see 'Script Disabled' while in Edit mode, because SquareSpace disables scripts while you are logged in and editing the site. This is normal and does not mean the script isn't working. You will need to preview in safe mode or publish your changes to view the script live in action.
You may need to log out of Squarespace and log back in to see the widget render correctly in the page editor. If you are still having issues with the widget loading on your page, it may have to do with Ajax loading being enabled through the website theme. For more information on this, please refer to the following article on Troubleshooting Squarespace Websites.