Taking the previous article in which we learn how to integrate the PVPC (Precio Voluntario al Pequeño Consumidor) electric rate, we are going to show the information of the integration in a specific personalized Lovelace card that I have made.
Many Plugins can be installed more easily using HACS, the manual installation process is detailed below.
Download the Plugin
*.js) file, in our example
To do this, access the repository page where the card development is located, typically GitHub. In the example case: https://github.com/danimart1991/pvpc-hourly-pricing-card.
Once inside, many developers perform deployments when they consider that they have a stable version with important changes. This option will be available from the Releases section.
Once inside the file detail page, look for the RAW button, right click on it, and press “Save file as…”.
Place the file inside the folder of your choice as long as it is inside the
/config/www/ folder. For example
In Home Assistant 0.107 or higher
The visual installation is available via the menu Configuration -> Lovelace Dashboards -> Resources.
Click on the add (+) button and fill in the data. The url is the address where you have placed the file by replacing
/local/. Add after the address:
The alternative is to install the Plugin by including it inside the
lovelace node in the
lovelace: resources: - url: /local/plugins/pvpc-hourly-pricing-card.js?v=0.0.1 type: module
Refresh the page in your browser.
In earlier versions of Home Assistant 0.107
If you are using Lovelace in Visual mode. You can include the resources from the edit menu (top right) and once again, from the same point, enter the option “Edit RAW configuration”.
title: "Home" resources: - url: /local/pvpc-hourly-pricing-card.js?v=0.0.1 type: module views: ...
If you are using Lovelace in YAML mode, just add the resources node in the
You may have noticed how after each file path I include the text
Using the Plugin
This is a point that depends a lot on the installed Plugin. It is time to read the available documentation and follow the steps.
Now you can easily extend the functionalities and the interface of Home Assistant and as it is the case, use specific cards to take full advantage of the different integrations.
This and other articles complement the documentation of the GitHub repository where all the configuration of my house is available.