diff --git a/static/images/integrations/delighted/000.png b/static/images/integrations/delighted/000.png
index 8c2fb61048..1c61fda584 100644
Binary files a/static/images/integrations/delighted/000.png and b/static/images/integrations/delighted/000.png differ
diff --git a/zerver/webhooks/delighted/doc.md b/zerver/webhooks/delighted/doc.md
index 6b1a6f8a52..8fd40a1f31 100644
--- a/zerver/webhooks/delighted/doc.md
+++ b/zerver/webhooks/delighted/doc.md
@@ -1,17 +1,20 @@
 Zulip supports integration with Delighted and can notify you
 about updates in feedback responses organized by Delighted.
 
-{!create-stream.md!}
+1. {!create-stream.md!}
 
-{!create-bot-construct-url.md!}
+2. {!create-bot-construct-url-indented.md!}
 
-Go to your Delighted
-[Integrations settings panel](https://delighted.com/integrations/webhooks).
-Under **Send webhook notifications for:**, input the above URL
-with the modifications into the URL textbox and press
-**Save and turn on** to finish.
+3. Go to your Delighted [Integrations settings panel][1].
 
-![](/static/images/integrations/delighted/000.png)
+[1]: https://delighted.com/integrations/webhooks
+
+4. Under **Send webhook notifications for:**, provide the URL
+   constructed above:
+
+    ![](/static/images/integrations/delighted/000.png)
+
+5. Click **Save and turn on**.
 
 {!congrats.md!}