1. Website Settings.
Make sure you have set your website type as a 'Hubspot' site in Website Settings.
This then ensures that you see the correct install code required for your Hubspot website
2. "Sorry this domain is not authorized"
Your Buying Buddy widgets are authorized to work on your IDX approved domain (and only on this domain).
When you are in Hubspot development area your site may be displayed using a Hubspot subdomain such as
- and so instead of seeing the widgets you will see a loading icon, or a message that says
"Sorry this domain is not authorized"
If you need your development domain to be authorized, please submit a help ticket and request a sandbox development domain and tell us the domain you need authorized.
- Login to your Buying Buddy dashboard at leadsandcontacts.com.
Then click the "Plugin Installation" button to view the installation instructions.
- COPY the plugin code.
Step 1b: Add to Your Site
Now login to your Hubspot dashboard where you can edit your site.
- In Hubspot top menu - go to Marketing > Website > Website Pages
- Now, for your website, in the top black bar on the right, click the cog icon to go to the Settings panel for your website.
- Scroll down the left menu and click Website > Pages.
- Below the Pages heading, make sure you choose the domain you are working on. Or, if you just have one website then use "Default Settings for All Domains"
- Now go down to the Tab section and select Templates
Step 2: Add pages and widgets
2a: Create your plan for pages and widgets
You need to create 2 special foundation pages:
- Results Page (with the "Results" widget)
- Property Details Page (with the "Property Details" widget)
Plus, you will also need to add a Search Form widget on any other different page too.
Step 2b: Add Pages to your Hubspot website
Go back to your Hubspot website pages panel, and create 2 extra pages for your site.
Create two BLANK PAGES, and we suggest you give them appropriate titles, such as "results" and "details".
These 2 pages should NOT be displayed in the menu. So if you add a page menu to your site then do not add these pages to the menu.
Step 2c: Insert Buying Buddy Widget Code to Display Widgets
Now go back and EDIT these 2 pages where you need to have Buying Buddy widgets, e.g. the Results page that you created.
Also, Buying Buddy widgets fill the available space - so if you want a full width layout etc. then you will first need to adjust the Section on the page.
Click the Edit button to edit the page.
Then, from the Edit page options on the left - click and drag a Rich Text module to the page Section.
Now Edit the module.
In Edit mode, you will see a tool bar at the top of the page.
Click Advanced > Source Code to show the Source Code editor.
In the code panel, paste the <DIV> code for the Buying Buddy widget you want to show.
Widgets are available from this page in your Buying Buddy account. https://www.leadsandcontacts.com/widget-settings/widgets
If you have multiple domains make sure that you select the correct domain.
For example - in the image below this is the Results widget.
Once you have SAVED your pages, you can view this page and if all steps are successful you should the Buying Buddy results widget being displayed on the authorized domain.
NOW REPEAT for the details page!
** Do not forget to do this! **
(Note: The details widget may display a SQL error if you preview it - ignore this.)
Finally, get the Buying Buddy widget code for the Search form or a Quick Search form, and add to any other completely different page in your site.
Step 2d: Configure your Buying Buddy account so that page names match
It's important that the Buying Buddy system knows how to direct your leads (via emails etc.) back to these 2 pages to see search results and details of a specific property. So, its important to ensure these page names are set correctly in your Buying Buddy account.
Login to your Buying Buddy account at http://leadsandcontacts.com
Then click the "Website Settings" link for your website. and then scroll down to review the page addresses of the Widget Foundation pages
You will see that they are probably shown as just results and details - in which case you need to change these to say the actual names of the pages you created, and in the browser when viewing these pages you will see the full address like this:
(Note: With Hubspot, the page names do not use ".html")
NOTE: Use the actual page names for YOUR site - don't assume that they are the same as shown in this example!
See step-3 in this this article on Foundation Pages
"SQL Error" on Details Page
If you see this message then this is because you are attempting to view the Property Details widget on a page on its own without a reference to a property! Ignore this, the widget is installed correctly and this error is never seen.
"Sorry this domain is not authorized"
There are two options for dealing with this:
- Make sure your actual domain name is applied and working - and then view the "live" site in which case widgets will be displayed correctly. You can then choose to ignore this message while in development.
- If you need to do more extensive development then you can request (via Help Desk) to add your Hubspot development subdomain as an extra (free) "authorized" domain on your account.
We call this a 'sandbox' development URL and it would be authorized temporarily while you do development.
Step 3: Doing More
Your Hubspot site editor will allow you to create custom search forms and use all the capabilities of the Buying Buddy widgets.
You can now use Widget Themes to style widgets - or even add custom CSS too if you wish to.
See our main demo site for lots of ideas!
If you need more help please contact us.