Please help me finish installing Floorplan as a lovelace card.

[withay]

I'm trying to install Floorplan. I'm not having luck, and I'm not experienced at this.
I'm using the instructions exetico put on the HA forums, "Floorplan now available as a lovelace card", post 315.
I already have HACS.
I installed the ha-floorplan repository. Restarted.
Step 1. I've validated that the resources is added in http://{HA-IP}:8123/config/lovelace/resources
Step 2. I've created a new view, title Floorplan, url floorplan. I clicked Save.

As I want to use Floorplan as a Lovelace card, I skipped steps 3-13, because of the below: the part where he says: "Also… It’s totally possible to use the GUI for almost every step, if you like to do so."
Step 1. I clicked the + Add Card button in the Floorplan.
Step 2. I clicked "Manual".
Step 3. I copied/pasted the wall of code.

And that's where the instructions for it stopped.

So I got a popup, two sided. The left side shows what I pasted. At the bottom of the left side it reads:
Configuration errors detected:
Custom element not found: floorplan-card

On the right side is a large red box with the same pasted info, and at the top it reads: Custom element doesn't exist: floorplan-card.

"Save" is greyed out. I don't know what to do from this point.

[OzGav]

Have you done step 5 as described here https://experiencelovelace.github.io/ha-floorplan/docs/quick-start/

[withay]

I have not. I saw that, but I did not think it was for a lovelace card. I'll create those folders, copy the files, and try again.

[withay]

I created the folders, copied the files, restarted, went to look at the card, and this:

[withay]

[withay]

WAIT! Got it. I had just copied the yaml for the manual, instead of the card. Hey, thanks for walking me through this!

[OzGav]

All good. Enjoy!