diff --git a/platform/docs/docs/configuration/tour-demo.gif b/platform/docs/docs/configuration/tour-demo.gif
new file mode 100644
index 000000000..f351f759b
Binary files /dev/null and b/platform/docs/docs/configuration/tour-demo.gif differ
diff --git a/platform/docs/docs/configuration/tours.md b/platform/docs/docs/configuration/tours.md
index ca2b6ea78..3c8828a8d 100644
--- a/platform/docs/docs/configuration/tours.md
+++ b/platform/docs/docs/configuration/tours.md
@@ -3,7 +3,7 @@ sidebar_position: 3
 sidebar_label: Tours
 ---
 
-# Configuring Tours with Shepherd.js
+# Configuring Tours in OHIF with Shepherd.js
 
 In OHIF, you can configure guided tours for users by leveraging [Shepherd.js](https://shepherdjs.dev/), a JavaScript library for building feature tours. This page explains how you can define and customize these tours within your app configuration file.
 
@@ -142,6 +142,10 @@ when: {
 
 Once you have a basic tour in place, you can extend it with more advanced features like custom scrolling behavior, dynamic elements, and event-based step advancement. For more details, check out the [Shepherd.js documentation](https://shepherdjs.dev/).
 
+## Demo
+
+![Tour Demo](<tour-demo.gif>)
+
 ## Conclusion
 
 By leveraging **Shepherd.js**, you can provide users with interactive and informative guided tours of the viewer. This can greatly improve the user experience and help users understand how to use key features.