diff --git a/apps/docs/docs/guides/utm-in-results.md b/apps/docs/docs/guides/utm-in-results.md
new file mode 100644
index 000000000..22e0a9ee7
--- /dev/null
+++ b/apps/docs/docs/guides/utm-in-results.md
@@ -0,0 +1,13 @@
+# Forward UTM parameters to a typebot
+
+The UTM parameter name should be listed in the Variables dropdown of your flow you can create it on any variable dropdown:
+
+
+
+Then, if your typebot is launched with the declared UTM parameter. It should appear in the Results tab:
+
+
diff --git a/apps/docs/src/css/custom.css b/apps/docs/src/css/custom.css
index 00afa2267..2cd97e52b 100644
--- a/apps/docs/src/css/custom.css
+++ b/apps/docs/src/css/custom.css
@@ -129,3 +129,7 @@ details {
display: flex;
align-items: center;
}
+
+video {
+ width: 100%;
+}
diff --git a/apps/docs/static/video/utm-declaration.mp4 b/apps/docs/static/video/utm-declaration.mp4
new file mode 100644
index 000000000..ee817ea7e
Binary files /dev/null and b/apps/docs/static/video/utm-declaration.mp4 differ
diff --git a/apps/docs/static/video/utm-in-results.mp4 b/apps/docs/static/video/utm-in-results.mp4
new file mode 100644
index 000000000..6faa0d275
Binary files /dev/null and b/apps/docs/static/video/utm-in-results.mp4 differ