Agent Listings Tutorial

Here is an agent's page that doesn't have any active listings currently. As you can see, his page brings up zero results.

Agent's page with any active listings

If we applied the Agent Listings add-on to his section, and select a fallback link (for example: $125,000 to $300,000), his page would now show these properties:

Agent Listings add-on applied

This add-on is used so that your clients are always looking at properties and never at blank space.

How to set it up:

1. Choose the type of listings you want the widget to replace in case they're not available

Choosing the type of listings

Featured:

These are your active listings from your MLS. They can be found in your IDX Broker account, here: https://middleware.idxbroker.com/mgmt/listings/active

Active listings from your MLS

Supplemental:

These are listings that you don't have active at the moment, but they're still available. These can be found in your IDX Broker account, here: https://middleware.idxbroker.com/mgmt/listings/supplemental

Supplemental listings

You can also create new supplemental listings by filling out this form that pops up when you click on the "Create New" button.

Create new supplemental listing

2. Choose the fallback link

Here you'll see your saved links. You can choose the one you want the widget to "fallback" to in case an agent doesn't have either featured or supplemental listings (depending on the option you chose in step #1).

Fallback links

3. Choose the agent to whom you want the widget to apply to

List of agents

If "AliceAgent” were to have no listings and you selected her in this widget, her page will now show the saved link listings you clicked on in step #2.

If you're a single agent, you can choose to show all listings.

4. Choose the number of listings

If you leave the number that is there as is, the changes will not be registered. For the number of listings options to work, you have to type in the number of listings you want your widget to show or move the arrows up and down.

Number of listings Selected number of listings displayed

In this example, if the agent has featured or supplemental listings (based on what you chose), it will show 5 listings. If the agent doesn't have listings, the widget will show 5 listings from the saved link that you selected (in this case $125K to $300K).

5. Choose your "Extras"

Extra options

If you want listings to open up in a new tab, click on this option. You can also decide whether you want default styles or not. This option is usually turned on because it arranges properties in a way that looks more appealing.

Default Styles On:

Default styles On, the properties are arranged in a way that looks more appealing

Default Styles Off:

Default styles Off, the listings and prices aren't resized

(listings and prices aren't resized)

6. Set a widget theme (optional)

You can add a theme to your widget. You can showcase some examples here

For this example, we will choose the "Houses 15" theme:

Houses 15 theme chosen

After selecting the theme, click on "Show color scheme" to display the available options. You can set the different colors, according to the selected theme. Notice that only some colors will be applied to certain elements, depending on the selected theme. Once you're happy with your selection, click on "Save Color Scheme".

Set a primary theme

If you want to use only one theme (recommended), just select the theme and click on "Set As Primary Theme".

Set Primary Theme

When you select the Primary Theme, you will see this message. You can always change the default theme later.

Primary Theme message

Note that changing the Default theme will not change the theme your website widgets are already using. This setting is used only for making it easy for you to find the theme you used before.

Primary Theme set

7. Copy the New Code

Once you've made your selection, click on the Copy Code button and it will be copied to your clipboard.

Agent Listings widget copied to the clipboard

8. Copy the New Code

Once you've made your selection, click on the Copy Code button and it will be copied to your clipboard.

Agent Listings widget copied to the clipboard

7. Paste the New Code

You can now paste the new code where you want the change to be made, this will normally be done in an agent's section of your page.