3rd step of installation guide unclear

[drfinn15]

Hi,

I've tried to install the repository via HACS but am not sure how to proceed in the 3rd step of the installation guide. For me, I understand that I should paste the two lines of code to my HA config, which throws me an error. May you please explain to me what I should do with those lines instead? Thank you!

[AnthonMS]

Okay, now I'm gonna give a detailed explanation here and I can link to this from the Readme.

1. You go to HACS
2. You click on Frontend
3. You click on the three dots in the top right corner (See screenshot 1)
4. In the dropdown you click on 'Custom repositories'
5. In the popup asking for URL and category input as following (Or as in screenshot 2)
   URL: https://github.com/AnthonMS/my-cards.git
   Category: Lovelace
6. Then just click on add and install the card like any other card

[bertmelis]

Adding the repo is clearly explained and straightforward. But your installation steps include a third one:

Add something in the line of this to the configuration:

    - url: /hacsfiles/my-cards/my-cards.js
      type: module

Where does this need go?

[AnthonMS]

@bertmelis I don't know what to say. You add this card like you add any other card to HA. If you use the frontend for that, then use the frontend. If you use configuration.yaml, then use that. There's nothing different from this card then any other custom card you install from HACS.

But to answer your question. Those two lines go in the configuration file where you normally put the custom card imports. But you most likely don't use the yaml file, so just use the frontend like you usually do.

[bertmelis]

Oh, yes. It suddenly all makes sense.

[Thesinofthetin]

This is gonna sound really stupid, but where is the custom card imports file?

[wenstarner]

Hi, I was confused as well. I think the wording in Step 3 can be made easier to understand, because it currently does indeed sound like, with the HACS installation option, that you need to update your config.

Here's a suggested revision to the HACS instructions.

HACS

1. Add this custom repo to HACS (use this URL: https://github.com/AnthonMS/my-cards.git).
2. Install add-on.
3. Add cards to your dashboard.
   (a) If you edit your dashboard via the front-end/UI, then you can add this card that way (just as you would add any other card).
   (b) If you edit your dashboard using YAML, then use the following:
   - url: /hacsfiles/my-cards/my-cards.js
type: module

[Perdiga]

I am having the this isseu when I try to add this repository to HACS. How can I fix it ?

[Thesinofthetin]

Are you adding it the Front End repo? It won't work if you're on the integrations repo menu.

[Travion1976]

I had the same issue - entered the URL , that worked fine , but I couldn't select Lovelace. It wouldn't let me.
Restarted HA did the trick.
Then I was able to add it