diff --git a/apps/web/components/Integration/IntegrationData.tsx b/apps/web/components/Integration/IntegrationData.tsx
index eb86ae45..a8d34b04 100644
--- a/apps/web/components/Integration/IntegrationData.tsx
+++ b/apps/web/components/Integration/IntegrationData.tsx
@@ -944,7 +944,7 @@ export class AppComponent {
     ),
   },
   [IntegrationEnum.BUBBLE]: {
-    'Integration Steps': () => (
+    '1) Integration Steps': () => (
       <>
         <List type="ordered" styles={{ item: { margin: '10px 0', paddingLeft: '20px' } }}>
           <List.Item>
@@ -1000,5 +1000,18 @@ export class AppComponent {
         </Link>
       </>
     ),
+    '2) Add Import Button': ({ accessToken, projectId, templateId }) => (
+      <>
+        <CodeBlock
+          height={HEIGHTS.WITH_TEXT}
+          code={`
+projectId: "${projectId}",
+templateId: "${templateId}",
+accessToken: "${accessToken}",
+`}
+          language="javascript"
+        />
+      </>
+    ),
   },
 };