Building a Zillow - Related List Widget

A Zillow widget embedded inside Zoho CRM allows users to obtain various pieces of information about properties in the US. With a Zillow widget, a CRM user can:

  • Get complete property details by entering the property address as input information.
  • View the total estimated value of the property and rental estimate.
  • Get a list of recently sold properties equivalent to the property for sale.
  • Retrieve the location of the property through Google Maps.

This help guide explains how a developer creates a Connected App with Related List widget to implement Zillow features within Zoho CRM.

How Can I ...

Import the Zoho JS SDK

To import Zoho JS SDK, go to https://github.com/Zoho-Platform/zillow_widget , download the package and extract it to your path.

The code to initialize SDK is,

ZOHO.embeddedApp.init()

The code to invoke an API is

ZOHO.CRM.CONFIG.getOrgVariable().then(function(data){

});

Create and Authenticate a Zillow App

This Application with Zoho CRM is authenticated using custom variables. To set up the custom variables, go to https://www.zillow.com/webservice/Registration.htm, get the Zillow ID and https://console.cloud.google.com ,get the Google Maps API key.

To create an extension,

  1. Log in to Zoho Developer Console and create a zillow extension.
  2. Select Custom Properties on the left pane and setup the custom variables.

Set Up a Connected App

  1. Click Connected Apps on the left pane of the Extension details page.
  2. In the Connected Apps page, enter the necessary information.
    • Connected App Name: Zillow
    • Description : A short description about the connected app.
    • Choose Hosting : select the External Hosting button.
    • Specify Base URL : https://localhost:4443 (Sand Box), https://s3-us-west-2.amazonaws.com/verticalcrm-widgets/Zillow/RebelCRM/v1(Production)
  3. Click Save.

Create a Related List Widget

  1. Click Components on the left pane of Zoho Developer Console
  2. Select Related Details and click Add Widgets.
  3. Create Zillow Details widgets in the Leads and Contacts module.

Test an Application

  1. Click Test Your Extension located in the top right corner of the Zoho Developer Console.
  2. Create a new lead or contact record in the Sandbox with the mandatory input information.
  3. Provide the property address in the address field of the record.
  4. Click Save to save the record.You can view the property details you've created in the Related List section of the record.