Alternate Install

This guide provides a way to access Smart Home Floorplan without installing an add-on.

Downsides to this approach:

Widgets for dashboards are not available
Assets will not be cached locally
Future features such as offline storage and editing will not be available

IMPORTANT: Only use this approach if you know how to edit Home Assistant config files

Skip to The Basics

Installation Steps

Create shf-panel.js in Home Assistant www folder

Create a file named shf-panel.js under www/ in Home Assistant, using the Visual Studio Code plugin or another editor. This file should contain:

www/shf-panel.js
import "http://localhost/static/loaders/ha-loader.js";

Append panel_custom to configuration.yaml

Add the following code to the bottom of your configuration.yaml, making sure to replace {accessToken} and {propertyId} with the actual values for your property.

configuration.yaml
panel_custom:
  - name: shf-addon-panel
    # url_path needs to be unique for each panel_custom config
    url_path: shf-addon-panel
    sidebar_title: Smart Home Floorplan
    sidebar_icon: mdi:server
    module_url: /local/shf-panel.js
    config:
      # Data you want to make available to panel
      accessToken: "{accessToken}"
      propertyId: "{propertyId}"

3
Restart Home Assistant
Go to Developer Tools and restart Home Assistant.
4
Open Smart Home Floorplan
Smart Home Floorplan should now be available in the sidebar. Click it.

Install Cards

The Basics