How To Display Properties With Widgets

Buying Buddy Display Widgets with Filters let you present any properties on any web page or blog post.

For example!

  • Are you in a coastal area? Ski-slope properties? Or on a beach, or with ocean views?
    Nearly all the MLS search criteria are available to you, so take advantage of this and create really specific, niche pages for each of YOUR markets.
  • Are you writing a blog post about a neighborhood?
    Include a block of live results showing the latest homes for sale in this neighborhood.
  • Create a web page that shows a block of recently listed homes in a local city, or show all fix-ups between $100K and $200k with more than 3 bedrooms

The Display Properties with Widgets Wizard makes it easy to display properties on your website.

The Wizards will generate the code that you need, including any specific filters for property types.

To add listings to your website, follow these steps:

Checklist before you start!

Check that the Buying Buddy Plugin is installed on your website.

Decide where you want your listings to appear. Identify an area on the webpage or your Blog post where you're going to show the properties.

There are advanced options that you can also use to manually adjust filters if needed (see Advanced Filters below)

1. Use the Wizard to get the Widget Code

Widget code snippets will display the properties you want people to see.
The "Display Properties" wizard will guide you through the steps and generate the code you need on your web page.

Navigate to: Websites & Widgets / Display Properties with Widgets

You will see the start of the Wizard:

There are four steps in this wizard:

Step-1: Choose how to display properties:

  • Gallery / Grid
  • List
  • Map

Click the NEXT STEP button at the bottom of the page to continue.

Step-2: Choose some options:

  • Show all MLS listings, only your listings, or only listings from your office
  • How many properties to show initially (pagination)
  • Sorting options

Click the NEXT STEP button at the bottom of the page to continue.

Step-3: Select the search criteria that shows the properties you want to display:

Use the search form to add in all the search criteria that will be used to filter the properties in this widget. Multiple criteria can be applied.

Once you think you've got what you want, be sure to click the Preview Listings button and check your results. Use the back button at the top of the preview screen to return to the Wizard.

Click the NEXT STEP button at the bottom of the page to continue.

Step-4: Copy the Widget Code

Copy the code shown.

If you have WordPress, use the WordPress short code.
If you have other website (SquareSpace, Weebly HTML or other CMS) then use the HTML code.

2. Paste the Widget Code to Your Website Page

Now that you have copied the widget code from Step-4 above into your clipboard, go to your website page editor and PASTE the code snippet on to the page.

Save your web page.

When you view the page, you will see the widget create the display of properties.

Advanced Filter Options

The Wizard will generate widget code snippets for most scenarios. The filters that are generated are just text and so they can be adjusted as you need when in your web pages to add in more advanced options

See the Filter Parameters and Options reference for all options and a full details on how to use filters. Advanced filters include filtering by:

  • Agent ID, Office ID
  • Listing Status
  • Listing date and Sold date
  • Sold date range
  • Open House
  • Sort controls
  • Logic operators
  • Layout and display controls

Always submit a help ticket if you need any assistance (please provide page reference and example) - we will be pleased to help!

Updated on March 15, 2022

Was this article helpful?

Related Articles

Need Support?
Can't find the answer you're looking for?
Contact Support