diff --git a/source/_integrations/zone.markdown b/source/_integrations/zone.markdown
index b6dcda19278..3c3969976c9 100644
--- a/source/_integrations/zone.markdown
+++ b/source/_integrations/zone.markdown
@@ -16,6 +16,10 @@ Zones allow you to specify certain regions on earth (for now). When a device tra
 
 Zones can be added and managed through the user interface at **{% my zones title="Settings -> Areas & Zones" %}**.
 
+![Screenshot of the UI for adding or editing a zone](/images/integrations/zone/zone_edit_ui.png)
+
+You can add a zone in the user interface by specifying the GPS coordinates or dragging the icon on the map. You can adjust the zone radius (except for the Home zone) by changing the size of the zone circle.
+
 Zones can also be configured via `configuration.yaml`:
 
 ```yaml
@@ -82,7 +86,7 @@ Devices that are in the zone **'Home'** will not appear on the map in the Home A
 
 ## Icons
 
-It is preferred to pick an icon to use for your zone. Pick any icon that you can find on [materialdesignicons.com](https://materialdesignicons.com/) and prefix the name with `mdi:`. For example `mdi:school`, `mdi:briefcase`, `mdi:home`, `mdi:cart`, or `mdi:castle`.
+It is recommended that you pick an icon to use for your zone. Pick any icon that you can find on [materialdesignicons.com](https://materialdesignicons.com/) and prefix the name with `mdi:`. For example `mdi:school`, `mdi:briefcase`, `mdi:home`, `mdi:cart`, or `mdi:castle`.
 
 ## State
 
diff --git a/source/images/zone/zone_edit_ui.png b/source/images/zone/zone_edit_ui.png
new file mode 100644
index 00000000000..6fb770a5912
Binary files /dev/null and b/source/images/zone/zone_edit_ui.png differ