diff --git a/docs/frontend/custom-ui/lovelace-custom-card.md b/docs/frontend/custom-ui/lovelace-custom-card.md
index e4af4857..dd46a10a 100644
--- a/docs/frontend/custom-ui/lovelace-custom-card.md
+++ b/docs/frontend/custom-ui/lovelace-custom-card.md
@@ -88,7 +88,7 @@ customElements.define('content-card-example', ContentCardExample);
 
 In our example card we defined a card with the tag `content-card-example` (see last line), so our card type will be `custom:content-card-example`. And because you created the file in your `<config>/www` directory, it will be accessible in your browser via the url `/local/` (if you have recently added the www folder you will need to re-start Home Assistant for files to be picked up).
 
-Add a resource to your Lovelace config with URL `/local/content-card-example.js` and type `module`.
+[Add a resource to your Lovelace configuration](/docs/frontend/custom-ui/registering-resources) with URL `/local/content-card-example.js` and type `module`.
 
 You can then use your card in your Lovelace configuration:
 
diff --git a/docs/frontend/custom-ui/registering-resources.md b/docs/frontend/custom-ui/registering-resources.md
new file mode 100644
index 00000000..a0dbf253
--- /dev/null
+++ b/docs/frontend/custom-ui/registering-resources.md
@@ -0,0 +1,11 @@
+---
+title: "Registering Resources"
+---
+
+Resources can be registered from the "Resources" tab of the Lovelace Configuration UI.
+
+![Screenshot of the Resources tab, found at the top of the Lovelace Configuration UI](/img/en/frontend/lovelace-ui-resources-tab.png)
+
+This tab is only available when the active user's profile has "advanced mode" enabled.
+
+![Screenshot of the Advanced Mode selector found on the Profile page](/img/en/frontend/lovelace-ui-profile-advanced-mode.png)
\ No newline at end of file
diff --git a/sidebars.js b/sidebars.js
index e4531559..5cabb072 100644
--- a/sidebars.js
+++ b/sidebars.js
@@ -60,6 +60,7 @@ module.exports = {
       items: [
         "frontend/custom-ui/lovelace-custom-card",
         "frontend/custom-ui/creating-custom-panels",
+        "frontend/custom-ui/registering-resources",
       ],
     },
   ],
diff --git a/static/img/en/frontend/lovelace-ui-profile-advanced-mode.png b/static/img/en/frontend/lovelace-ui-profile-advanced-mode.png
new file mode 100644
index 00000000..375f321e
Binary files /dev/null and b/static/img/en/frontend/lovelace-ui-profile-advanced-mode.png differ
diff --git a/static/img/en/frontend/lovelace-ui-resources-tab.png b/static/img/en/frontend/lovelace-ui-resources-tab.png
new file mode 100644
index 00000000..e8f8c5bb
Binary files /dev/null and b/static/img/en/frontend/lovelace-ui-resources-tab.png differ