diff --git a/website/docs/docs/use-dbt-semantic-layer/avail-sl-integrations.md b/website/docs/docs/use-dbt-semantic-layer/avail-sl-integrations.md
index a398ace164e..fb0136e29d8 100644
--- a/website/docs/docs/use-dbt-semantic-layer/avail-sl-integrations.md
+++ b/website/docs/docs/use-dbt-semantic-layer/avail-sl-integrations.md
@@ -25,7 +25,6 @@ import AvailIntegrations from '/snippets/_sl-partner-links.md';
 You can also integrate the following tools with the dbt Semantic Layer:
 - [Push.ai](https://docs.push.ai/semantic-layer-integrations/dbt-semantic-layer)
 - [Delphi](delphihq.com)
-- KlipFolio Power Metrics - Documentation coming soon
 
 ### Custom integration
 
diff --git a/website/snippets/_sl-partner-links.md b/website/snippets/_sl-partner-links.md
index 59e5b54b7c0..ce2087bf380 100644
--- a/website/snippets/_sl-partner-links.md
+++ b/website/snippets/_sl-partner-links.md
@@ -28,6 +28,20 @@ The following tools integrate with the dbt Semantic Layer:
     </a>
   </div>
 
+<div className="card-container">
+  <Card
+    title="KlipFolio Power Metrics"
+    body="Refer to KlipFolio's documentation to learn how to connect, and deliver a streamlined metrics catalog to your business users."
+    link="https://support.klipfolio.com/hc/en-us/articles/18164546900759-PowerMetrics-Adding-dbt-Semantic-Layer-metrics"
+    icon="klipfolio"/>
+    <a href="https://support.klipfolio.com/hc/en-us/articles/18164546900759-PowerMetrics-Adding-dbt-Semantic-Layer-metrics"
+    className="external-link"
+      target="_blank"
+      rel="noopener noreferrer">
+      <i className="fa fa-external-link"></i>
+    </a>
+</div>
+
 <div className="card-container">
   <Card
     title="Lightdash"
diff --git a/website/static/img/icons/klipfolio.svg b/website/static/img/icons/klipfolio.svg
new file mode 100644
index 00000000000..bdd583bd3a1
--- /dev/null
+++ b/website/static/img/icons/klipfolio.svg
@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" data-name="Layer 1" id="Layer_1" viewBox="0 0 35 35">
+  <defs>
+    <style>.cls-1{fill:#ed1c24;}</style>
+  </defs>
+  <title>klipfolio-badge</title>
+  <path d="M13.5,21a.84.84,0,0,1,.85-.83H19a.84.84,0,0,1,.85.83V31.18c0,.46.19.51.43.11l6.19-10.42a1.64,1.64,0,0,1,1.28-.72h4.7c.47,0,.63.31.37.69l-6.3,9a1.66,1.66,0,0,0-.14,1.45l7.19,16.39a.51.51,0,0,1-.51.76H28.18A1.33,1.33,0,0,1,27,47.72L22.55,36.21c-.17-.43-.52-.47-.78-.09l-1.45,2.06a3.12,3.12,0,0,0-.48,1.52v8a.84.84,0,0,1-.85.83H14.35a.84.84,0,0,1-.85-.83Z" transform="translate(-13.5 -13.5)"/>
+  <path class="cls-1" d="M46.88,26.59A1,1,0,0,0,48.5,26V14.68a1.18,1.18,0,0,0-1.18-1.18H36a1,1,0,0,0-.64,1.57Z" transform="translate(-13.5 -13.5)"/>
+</svg>
\ No newline at end of file
diff --git a/website/static/img/icons/white/klipfolio.svg b/website/static/img/icons/white/klipfolio.svg
new file mode 100644
index 00000000000..bdd583bd3a1
--- /dev/null
+++ b/website/static/img/icons/white/klipfolio.svg
@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" data-name="Layer 1" id="Layer_1" viewBox="0 0 35 35">
+  <defs>
+    <style>.cls-1{fill:#ed1c24;}</style>
+  </defs>
+  <title>klipfolio-badge</title>
+  <path d="M13.5,21a.84.84,0,0,1,.85-.83H19a.84.84,0,0,1,.85.83V31.18c0,.46.19.51.43.11l6.19-10.42a1.64,1.64,0,0,1,1.28-.72h4.7c.47,0,.63.31.37.69l-6.3,9a1.66,1.66,0,0,0-.14,1.45l7.19,16.39a.51.51,0,0,1-.51.76H28.18A1.33,1.33,0,0,1,27,47.72L22.55,36.21c-.17-.43-.52-.47-.78-.09l-1.45,2.06a3.12,3.12,0,0,0-.48,1.52v8a.84.84,0,0,1-.85.83H14.35a.84.84,0,0,1-.85-.83Z" transform="translate(-13.5 -13.5)"/>
+  <path class="cls-1" d="M46.88,26.59A1,1,0,0,0,48.5,26V14.68a1.18,1.18,0,0,0-1.18-1.18H36a1,1,0,0,0-.64,1.57Z" transform="translate(-13.5 -13.5)"/>
+</svg>
\ No newline at end of file