Skip to main content
Housing Market GroupHousing Market GroupTutorials

How to Create a Website Widget in Housing Market CRM

Tutorial 151 of 181 · 2 min 48 s

Open the product

A Housing Market website widget shows your properties on your own website and sends every enquiry straight into your CRM. This tutorial opens Website widgets, creates a Property listing grid, and designs it while a live preview shows your own properties: the colours, the number of columns and the filters visitors get. It saves the design and then makes the widget live. Copying the code onto your website is the next tutorial.

In this tutorial you will learn

  • Where to find Website widgets in the CRM
  • The six widget types and what each one is for
  • How to change colours, layout and filters with a live preview
  • How to save the design and make the widget live

Follow along: the steps

  1. This is your Housing Market CRM dashboard.
  2. Open Properties in the left menu.
  3. Click Website widgets.
  4. Show your properties on any website, and get the enquiries in your CRM.
  5. Click Create widget.
  6. Choose what to show: a property grid, a search bar, featured properties, a single property, an enquiry form or an agent card.
  7. We will make a Property listing grid.
  8. Give it a name. Only you see it.
  9. Click Create and design.
  10. The live preview shows the real widget with your own properties.
  11. Choose a colour scheme, or Match my site.
  12. Pick your main colour: buttons and prices use it.
  13. The preview changes straight away.
  14. Pick the font…
  15. …and how rounded the corners are.
  16. Under Layout, choose the number of columns…
  17. …for example 2 columns.
  18. Switch the card style to Compact…
  19. …or back to Standard.
  20. Choose how many properties show per page.
  21. Decide which filters your visitors get: sale or rent, price, type, bedrooms, location.
  22. Turn one off, for example Location.
  23. And back on.
  24. Choose which properties the widget shows: all of them, featured ones, a tag or ones you pick.
  25. Show only Featured properties…
  26. …or All of them.
  27. Nothing is on your website until you save.
  28. Click Save changes.
  29. Your website shows the change shortly. No code to paste again.
  30. Open Overview.
  31. A new widget is a Draft: websites that carry its code show nothing yet.
  32. Click Make it live.
  33. The widget is live. Next: copy its code onto your website.