📝 Add analytics doc

apps/docs/editor/blocks/integrations/openai.mdx

@@ -2,6 +2,8 @@
 title: OpenAI
 ---
 
+import { LoomVideo } from '/snippets/loom-video.mdx'
+
 ## Create chat completion
 
 With the OpenAI block, you can create a chat completion based on your user queries and display the answer back to your typebot.
@@ -39,26 +41,7 @@ This action allows you to transform a text input into an audio URL that you can
 The generated audio URLs are temporary and expire after 7 days. If you need to store them, make sure to download them before they expire.
 :::
 
-<div
-  style={{
-    position: 'relative',
-    paddingBottom: '64.5933014354067%',
-    height: 0,
-  }}
->
-  <iframe
-    src="https://www.loom.com/embed/ccca6cbf16ed4d01b513836775db06a3?sid=22a54baa-000b-435a-b770-bfaf32bfe453"
-    allowFullScreen
-    style={{
-      position: 'absolute',
-      top: 0,
-      left: 0,
-      width: '100%',
-      height: '100%',
-      marginBottom: '1rem',
-    }}
-  />
-</div>
+<LoomVideo id="ccca6cbf16ed4d01b513836775db06a3" />
 
 ## Using Multiple Open AI Blocks: Tips and Tricks
 
@@ -68,25 +51,7 @@ I explain that streaming messages is not possible when they are prefixed or suff
 
 I also demonstrate how formatting can be affected by the presence of text before a message. Watch this video to learn how to optimize your use of multiple Open AI blocks.
 
-<div
-  style={{
-    position: 'relative',
-    paddingBottom: '64.63195691202873%',
-    height: 0,
-  }}
->
-  <iframe
-    src="https://www.loom.com/embed/35dc8af6b9244762acc4a5acf275fb43?sid=3723aa59-13ac-49f2-a95b-5608807ac76d"
-    allowFullScreen
-    style={{
-      position: 'absolute',
-      top: 0,
-      left: 0,
-      width: '100%',
-      height: '100%',
-    }}
-  ></iframe>
-</div>
+<LoomVideo id="35dc8af6b9244762acc4a5acf275fb43" />
 
 ## Troobleshooting
 

apps/docs/editor/blocks/integrations/webhook.mdx

@@ -2,6 +2,8 @@
 title: Webhook / API Request
 ---
 
+import { LoomVideo } from '/snippets/loom-video.mdx'
+
 The Webhook block allows you to either:
 
 - Call a Webhook URL of a 3rd party service to send information from the bot.
@@ -45,25 +47,7 @@ This video provides a step-by-step guide to successfully configure webhook block
 
 I demonstrate how to configure the webhook block, including the URL, method, and custom body. I also show you how to test the webhook call and save the newly created employee ID. Finally, I explain how to implement the find employee by ID endpoint and map the employee name to a variable.
 
-<div
-  style={{
-    position: 'relative',
-    paddingBottom: '64.5933014354067%',
-    height: 0,
-  }}
->
-  <iframe
-    src="https://www.loom.com/embed/d9aef6a37e0c43759b31be7d69c4dd6d?sid=2a24096c-9e2a-48da-aa2a-61a89877afe7"
-    allowFullScreen
-    style={{
-      position: 'absolute',
-      top: 0,
-      left: 0,
-      width: '100%',
-      height: '100%',
-    }}
-  />
-</div>
+<LoomVideo id="d9aef6a37e0c43759b31be7d69c4dd6d" />
 
 ### Example: fetch movie information