Discover our new customizable widgets to enhance your website with flexible features like Simple Search, Advanced Search, Your Listings with new display filters, Office Listings, and Home Value too!
Pro Tip: When embedding a RealScout widget, paste both code snippets from Steps 2 and 3 into your site builder. Even if it only prompts for a single code section. It's easy to overlook, but BOTH the script and HTML are required for the widget to function properly.
SIMPLE SEARCH
The simple search bar will include color customization options to match your website's theme.
Step 1: Customize the Widget
Visit the Customize and Preview section to adjust the widget's color theme and size.
Step 2: Add the Widget Code to Your Website
Copy the search HTML code. Place this code in your head tag.
Tip: The script tag is required only once, even when embedding multiple widgets.
Step 3: Place this code into the body. This is the code you would place to ensure the widget's look matches your site's customization, if any.
ADVANCED SEARCH
The advanced search bar will include a Background Color customization option, as well as the Beds, Baths, Minimum Price, and Maximum Price fields, similar to the Simple Search.
Step 1: Customize the Widget
Visit the Customize and Preview section to adjust the widget's color theme and size.
Step 2: Add the Widget Code to Your Website
Copy the search HTML code to Place this code in your head tag.
Tip: The script tag is only required once, even if embedding multiple widgets.
Step 3: Place this code into the body. This is the code you would place to ensure the widget's look matches your site's customization, if any.
Pro Tip: The search widgets support searching for active-status listings. And may vary by MLS for coming-soon status listings.
YOUR LISTINGS
Step 1: Customize the Widget
Visit the Customize and Preview section to adjust the widget's display filters.
Sort Order
- By Status and Significant Change Date
- By Price - Low to High
- By Price - High to Low
- By Listing Date - Newest First
- By Listing Date - Oldest First
- By Sold Date - Most Recent First
Listing Statuses
- For Sale
- For Rent
- In Contract
- Sold
- RentedProperty Type
- Single Family Residence
- Multi Family Residence
- Townhomes and Condos
- Lots and Land
- Mobile Homes
- OtherPrice Range (Min/Max)
Listing/Status Change Range (Start to End)
Other Options
- Include co-listed agent properties
- Include buyer-represented propertiesSelect Divider Color
Step 2: Add the Widget Code to Your Website
Copy the search HTML code to Place this code in your head tag.
Tip: The script tag is only required once, even if embedding multiple widgets.
Step 3: Place this code into the body. This is the code you would place to ensure the widget's look matches your site's customization, if any.
OFFICE LISTINGS
Step 1: Customize the Widget
Visit the Customize and Preview section to adjust the widget's display filters.
Sort Order
- By Status and Significant Change Date
- By Price - Low to High
- By Price - High to Low
- By Listing Date - Newest First
- By Listing Date - Oldest First
- By Sold Date - Most Recent First
Listing Statuses
- For Sale
- For Rent
- In Contract
- Sold
- RentedProperty Type
- Single Family Residence
- Multi Family Residence
- Townhomes and Condos
- Lots and Land
- Mobile Homes
- OtherPrice Range (Min/Max)
Listing/Status Change Range (Start to End)
Other Options
- Include buyer-represented propertiesSelect Divider Color
Step 2: Add the Widget Code to Your Website
Copy the search HTML code to Place this code in your head tag.
Tip: The script tag is only required once, even if embedding multiple widgets.
Step 3: Place this code into the body. This is the code you would place to ensure the widget's look matches your site's customization, if any.
HOME VALUE
The "What's my home worth?" widget offers two optional fields: Include First & Last Name and Include Phone Number. Additionally, it allows customization of the color theme and size, similar to other widgets.
Step 1: Select the Home Value Widget.
Step 2: Customize the following options:
Background color
Title color (or remove title)
Subtitle color (or remove subtitle)
Primary button color and text
Secondary button text and color
Adjust the width of the widget.
Optional Fields are:
Include fields for first name, last name,
Include phone number
Step 3: Copying Widget Code for Developer
RealScout widgets use JavaScript.
Copy both the head and body code for the widgets you want to use.
Send the code to your website developer or provider for implementation.
FAQs
Who can access the new widgets?
The new widgets will be available exclusively to RealScout Pro+ accounts.
Working with a developer?
If they need access or have questions, please cc them on an email to us at support@realscout.com.
What happens to the legacy widgets?
Legacy widgets will continue functioning with no immediate changes or disruptions.
How do I update my website with the new widgets?
To use the new widgets, you'll need to update your website code:
Remove the code for the legacy widgets.
Replace it with the code for the new widgets.
What if I do not see my listings in the Your Listings section?
Please email us the address for the active listing address you'd like us to attempt to add/display: support@realscout.com.
How do I revert back to legacy widgets?
Locate the button toward the top right search bar to go back to legacy widgets.
Legacy Widget Guidance:
Legacy Widget Guidance:
Additional Details
STEP 1: "CUSTOMIZE" is where you can change the color theme of the widget.
STEP 2: "PLACE THIS CODE IN YOUR HEAD TAG" is the search widget HTML code.
STEP 3: "PLACE THIS CODE IN YOUR BODY" is the code you would place to ensure the look of the widget matches your site's customization if any.