diff --git a/docs/examples/.base.yaml b/docs/examples/.base.yaml
index 3f2ad43..4ff533c 100644
--- a/docs/examples/.base.yaml
+++ b/docs/examples/.base.yaml
@@ -1,7 +1,4 @@
-substitutions:
-  file_name: none
-
-esphome:
+esphome:
   name: esp32-haier-example
 
 esp32:
@@ -14,3 +11,9 @@ wifi:
   ssid: test_ssid
   password: test_pass
 
+external_components:
+  source:
+    type: local
+    path: ./components
+  components: [ haier ]
+
diff --git a/docs/examples/max-hon.yaml b/docs/examples/max-hon.yaml
index e6b067e..f444796 100644
--- a/docs/examples/max-hon.yaml
+++ b/docs/examples/max-hon.yaml
@@ -95,11 +95,11 @@ text_sensor:
 switch:
   - platform: haier
     beeper:
-      name: ${device_name} beeper
+      name: Haier hOn Climate beeper
     health_mode:
-      name: ${device_name} health mode
+      name: Haier hOn Climate health mode
     display:
-      name: ${device_name} display
+      name: Haier hOn Climate display
 
 select:
   - platform: template
diff --git a/docs/examples/max-smartair2.yaml b/docs/examples/max-smartair2.yaml
index 2f22204..4a2fb9b 100644
--- a/docs/examples/max-smartair2.yaml
+++ b/docs/examples/max-smartair2.yaml
@@ -45,6 +45,6 @@ climate:
 switch:
   - platform: haier
     health_mode:
-      name: ${device_name} health mode
+      name: Haier SmartAir2 Climate health mode
     display:
-      name: ${device_name} display
+      name: Haier SmartAir2 Climate display
diff --git a/docs/hon_example.rst b/docs/hon_example.rst
index c8a6822..fbf28cf 100644
--- a/docs/hon_example.rst
+++ b/docs/hon_example.rst
@@ -123,11 +123,11 @@ Maximum configuration witch will use all possible options will look like this:
     switch:
       - platform: haier
         beeper:
-          name: ${device_name} beeper
+          name: Haier hOn Climate beeper
         health_mode:
-          name: ${device_name} health mode
+          name: Haier hOn Climate health mode
         display:
-          name: ${device_name} display
+          name: Haier hOn Climate display
     
     select:
       - platform: template
diff --git a/docs/smartair2_example.rst b/docs/smartair2_example.rst
index 125e5dc..6731798 100644
--- a/docs/smartair2_example.rst
+++ b/docs/smartair2_example.rst
@@ -72,7 +72,7 @@ Maximum configuration witch will use all possible options will look like this:
     switch:
       - platform: haier
         health_mode:
-          name: ${device_name} health mode
+          name: Haier SmartAir2 Climate health mode
         display:
-          name: ${device_name} display
+          name: Haier SmartAir2 Climate display