diff --git a/website/docs/contributing/website.mdx b/website/docs/contributing/website.mdx
index 2e0869f7b0..2d82b166da 100644
--- a/website/docs/contributing/website.mdx
+++ b/website/docs/contributing/website.mdx
@@ -5,6 +5,7 @@ title: Documentation Site
 import { FAQ } from '@site/src/components/FAQ';
 import { History } from '@site/src/components/History';
 import { Stability } from '@site/src/components/Stability';
+import { ExternalCodeEmbed } from '@site/src/components/ExternalCodeEmbed';
 
 # Website Contributing Guidelines
 
@@ -145,7 +146,8 @@ import { FAQ } from '@site/src/components/FAQ';
 
 - The **FAQ** component can be utilized in any section or page.
 - Code blocks are compatible and can be used within the **FAQ** component.
-  :::
+
+:::
 
 <FAQ title='Example'>
   <FAQ title='Title'>
@@ -157,6 +159,42 @@ import { FAQ } from '@site/src/components/FAQ';
 
 ---
 
+### ExternalCodeEmbed
+
+{/* prettier-ignore-start */}
+```tsx
+import { ExternalCodeEmbed } from '@site/src/components/ExternalCodeEmbed';
+
+<ExternalCodeEmbed
+  url='https://github.com/sidorares/node-mysql2/blob/75b05f0765c9edd0c0be8f18d85be05618770cca/.prettierrc'
+  language='json'
+/>
+
+<ExternalCodeEmbed
+  url='https://raw.githubusercontent.com/sidorares/node-mysql2/master/tools/parse-row.js'
+  language='js'
+  extractMethod='parseC'
+  methodType='function'
+/>
+```
+{/* prettier-ignore-end */}
+
+<FAQ title='Example'>
+  <ExternalCodeEmbed
+    url='https://raw.githubusercontent.com/sidorares/node-mysql2/master/.prettierrc'
+    language='json'
+  />
+
+  <ExternalCodeEmbed
+    url='https://raw.githubusercontent.com/sidorares/node-mysql2/master/tools/parse-row.js'
+    language='js'
+    extractMethod='parseC'
+    methodType='function'
+  />
+</FAQ>
+
+---
+
 ## Running Tests
 
 ```bash