Skip to main content

Implementation Guide

Local Logic’s Local Demographics SDK adds local demographic information to any property detail page to help homebuyers better understand the demographic composition of the local area.

Implementation​

Local Demographics is installed as an iframe that can be easily embedded on any page. Our iframe distribution model ensures the product always loads the latest available version of the SDK, meaning that required manual updates by our customers are rare.

Initializing the SDK​

Local Demographics should be initialized with a latitude and longitude pair that represents the listing’s location. Demographic information is aggregated within a 400-meter radius of the given coordinate pair.

Coordinate pairs are typically included in most IDX feeds. If a coordinate pair is not available for your listing, many third-party geocoding services exist that can convert a provided address into a valid coordinate pair.

Best Practices​

Customize Local Demographics' appearance to match your brand​

Key colors in Local Demographics' color palette can be customized to match your brand identity, giving the product a seamless appearance on your website. Additionally, you may also customize the font family displayed in Local Demographics to match the family already in use on your website. The image below shows Local Demographics customized with an orange key color and a serif font family.

Local Demographics showing customized options

Allocate appropriate space to Local Demographics​

Local Demographics is designed as a responsive SDK. When viewed or installed at a width of less than 768 pixels, Local Demographics will automatically convert to a vertically optimized mobile view, as shown here.

This is a progressive conversion, with more elements becoming vertically optimized as the width decreases.

Highlight the most important measure for your listing​

By default, Local Demographics initially displays the Income tab. However, you can help homebuyers find the most relevant demographic information for their listing by overriding this default.

For example, are your homebuyers most interested in local schools? Then set the Education tab to display by default. For more information, see the Tab section of our documentation.