zipboard integration

docs/bugherd-integration.md

@@ -62,7 +62,7 @@ LambdaTest integrates with BugHerd, allowing users to file issues directly from
 **Step 4:** Now, provide your BugHerd API Token to establish integration with LambdaTest and click on **install** button.
 
 <video class="right-side" width="100%" controls id="vid">
-<source src= {require('../assets/videos/bugherd-integration/bugherd-integrate.mp4').default} type="video/mp4" />
+<source src= {require('../assets/videos/integration/bug-tracking/bugherd/bugherd-integrate.mp4').default} type="video/mp4" />
 </video>
 
 :::info Fetch your Bugherd API Token
@@ -71,7 +71,7 @@ LambdaTest integrates with BugHerd, allowing users to file issues directly from
 - You will find the "**API Token**" under the section **Authentication Token**. Copy your API token.
 
 <video class="right-side" width="100%" controls id="vid">
-<source src= {require('../assets/videos/bugherd-integration/api-token.mp4').default} type="video/mp4" />
+<source src= {require('../assets/videos/integration/bug-tracking/bugherd/api-token.mp4').default} type="video/mp4" />
 </video>
 
 :::
@@ -89,7 +89,7 @@ LambdaTest integrates with BugHerd, allowing users to file issues directly from
 **Step 5:** Now update the comments of the bug and other details and click on **Create Task** button.
 
 <video class="right-side" width="100%" controls id="vid">
-<source src= {require('../assets/videos/bugherd-integration/lodge-bug.mp4').default} type="video/mp4" />
+<source src= {require('../assets/videos/integration/bug-tracking/bugherd/lodge-bug.mp4').default} type="video/mp4" />
 </video>
 
 **Step 6:** Go to your dashboard and check a ticket will be created for the same.
@@ -103,7 +103,7 @@ LambdaTest integrates with BugHerd, allowing users to file issues directly from
 **Step 3:** Click on the **Remove** button.
 
 <video class="right-side" width="100%" controls id="vid">
-<source src= {require('../assets/videos/bugherd-integration/uninstall-bugherd.mp4').default} type="video/mp4" />
+<source src= {require('../assets/videos/integration/bug-tracking/bugherd/uninstall-bugherd.mp4').default} type="video/mp4" />
 </video>
 
 > That was all you need to know for LambdaTest + BugHerd Integration. Increase your productivity with our integrations. If you still have any questions for us, please feel free to let us know. Our experts are always available on <span className="doc__lt" onClick={() => window.openLTChatWidget()}>**chat**</span> to help you out with any roadblock. 

docs/rocketchat-integration-with-lambdatest.md

@@ -56,7 +56,7 @@ The LambdaTest Rocket.Chat Integration enables users to share or push bugs to th
 **Step 4:** Now, provide your Rocket.Chat Webhook URL to establish integration with LambdaTest and click on **install** button.
 
 <video class="right-side" width="100%" controls id="vid">
-<source src= {require('../assets/videos/rocketchat-integration/rocketchat-integration.mp4').default} type="video/mp4" />
+<source src= {require('../assets/videos/integration/team-communication/rocketchat/rocketchat-integration.mp4').default} type="video/mp4" />
 </video>
 
 :::info generate your webhook url
@@ -67,7 +67,7 @@ The LambdaTest Rocket.Chat Integration enables users to share or push bugs to th
 - Enter the details and click on the **Save** button -> copy your Webhook URL.
 
 <video class="right-side" width="100%" controls id="vid">
-<source src= {require('../assets/videos/rocketchat-integration/rocketchat-webhook.mp4').default} type="video/mp4" />
+<source src= {require('../assets/videos/integration/team-communication/rocketchat/rocketchat-webhook.mp4').default} type="video/mp4" />
 </video>
 
 :::
@@ -92,7 +92,7 @@ The LambdaTest Rocket.Chat Integration enables users to share or push bugs to th
 **Step 5:** Click on **Mark as Bug** button. Now go to your dashboard and check a ticket will be created for the same.
 
 <video class="right-side" width="100%" controls id="vid">
-<source src= {require('../assets/videos/rocketchat-integration/rocketchat-bug.mp4').default} type="video/mp4" />
+<source src= {require('../assets/videos/integration/team-communication/rocketchat/rocketchat-bug.mp4').default} type="video/mp4" />
 </video>
 
 **Step 6:** Go to your Rocket.Chat dashboard and you can check on your assigned channel, a notification is sent for the same.
@@ -106,11 +106,9 @@ The LambdaTest Rocket.Chat Integration enables users to share or push bugs to th
 **Step 3:** Click on the **Remove** button.
 
 <video class="right-side" width="100%" controls id="vid">
-<source src= {require('../assets/videos/rocketchat-integration/rocketchat-remove.mp4').default} type="video/mp4" />
+<source src= {require('../assets/videos/integration/team-communication/rocketchat/rocketchat-remove.mp4').default} type="video/mp4" />
 </video>
 
-
-
 >That was all you need to know for LambdaTest + Rocket.Chat Integration. Increase your productivity multifold with our integrations. If you still have any questions for us, please feel free to let us know. Our experts are always <span className="doc__lt" onClick={() => window.openLTChatWidget()}>**available on chat**</span> to help you out with any roadblock regarding our product. Happy testing! 
 
 <nav aria-label="breadcrumbs">

docs/teamwork-integration.md

@@ -62,7 +62,7 @@ LambdaTest integrates with Teamwork Projects, allowing users to file issues dire
 **Step 4:** Now, provide your Teamwork API Token and Teamwork site address to establish integration with LambdaTest and click on **install** button.
 
 <video class="right-side" width="100%" controls id="vid">
-<source src= {require('../assets/videos/teamwork-integration/teamwork-integration.mp4').default} type="video/mp4" />
+<source src= {require('../assets/videos/integration/project-management/teamwork/teamwork-integration.mp4').default} type="video/mp4" />
 </video>
 
 :::info Fetch your Teamwork API Token
@@ -71,7 +71,7 @@ LambdaTest integrates with Teamwork Projects, allowing users to file issues dire
 - You will find the "**API Token**" under the section **API & Mobile**. Copy your API token.
 
 <video class="right-side" width="100%" controls id="vid">
-<source src= {require('../assets/videos/teamwork-integration/api-key.mp4').default} type="video/mp4" />
+<source src= {require('../assets/videos/integration/project-management/teamwork/api-key.mp4').default} type="video/mp4" />
 </video>
 
 :::
@@ -96,7 +96,7 @@ LambdaTest integrates with Teamwork Projects, allowing users to file issues dire
 **Step 5:** Click on **Mark as Bug** button. Now go to your dashboard and check a ticket will be created for the same.
 
 <video class="right-side" width="100%" controls id="vid">
-<source src= {require('../assets/videos/teamwork-integration/lodge-bug.mp4').default} type="video/mp4" />
+<source src= {require('../assets/videos/integration/project-management/teamwork/lodge-bug.mp4').default} type="video/mp4" />
 </video>
 
 ## Uninstall Teamwork Integration
@@ -108,7 +108,7 @@ LambdaTest integrates with Teamwork Projects, allowing users to file issues dire
 **Step 3:** Click on the **Remove** button.
 
 <video class="right-side" width="100%" controls id="vid">
-<source src= {require('../assets/videos/teamwork-integration/uninstall-teamwork.mp4').default} type="video/mp4" />
+<source src= {require('../assets/videos/integration/project-management/teamwork/uninstall-teamwork.mp4').default} type="video/mp4" />
 </video>
 
 > That was all you need to know for LambdaTest + Teamwork Integration. Increase your productivity with our integrations. If you still have any questions for us, please feel free to let us know. Our experts are always <span className="doc__lt" onClick={() => window.openLTChatWidget()}>**available on chat**</span> to help you out with any roadblock regarding our product. Happy testing!

docs/zipboard-integration.md

@@ -1,7 +1,7 @@
 ---
 id: zipboard-integration
 title: zipBoard Integration
-hide_title: true
+hide_title: false
 sidebar_label: zipBoard 
 description: This document will help you integrate LambdaTest with zipBoard. That way, you can log bugs to your zipBoard project in a single click as you perform cross browser testing with LambdaTest.
 keywords:
@@ -42,116 +42,56 @@ slug: zipboard-integration/
       })
     }}
 ></script>
+ZipBoard is a visual feedback and bug tracking tool designed to streamline collaboration across teams during the web development process. By integrating LambdaTest with ZipBoard, teams can enhance their testing workflows, enabling seamless communication between developers, testers, and stakeholders.
 
-# zipBoard Integration
+This integration allows you to capture real-time feedback and track issues directly within your test environments on LambdaTest’s cloud platform, ensuring faster bug resolution and better product quality. In this documentation, we’ll guide you through the steps to integrate ZipBoard with LambdaTest and optimize your test management workflow.
 
-* * *
-zipBoard offers a review platform on cloud to help you collaborate with your team over a web project. You can attach an image and mention suggestions, tag your collaborators, and do more with full transparency. Using zipBoard your colleagues can view every reported bug or suggestion regarding the project, and understand who is doing what?
+## Integrate zipBoard from your LambdaTest Account
 
-LambdaTest is a cross browser testing tool on a cloud which offers 3000+ real browsers and browser versions. You can perform both manual, and automated cross browser testing with an online Selenium Grid. LambdaTest integration with zipBoard will help you report bugs directly from LambdaTest to your zipBoard instance, in just a single click.
+**Step 1:** Login to your LambdaTest account. You should have Admin or User level access to see and install integrations.
 
-## How To Integrate zipBoard With Your LambdaTest Account?
-***
+**Step 2:** Click on Settings -> Integrations -> Bug Tracker.
 
-**Step 1:** Login to your LambdaTest account. You would need to have Admin or User level access to see and install integrations.
+**Step 3:** Click on **Connect** button of zipBoard block.
 
-**Step 2:** Select ‘Integration’ from the left navigation menu bar. This will guide you to a screen where you will find a list of 3rd party applications, available to integrate with your LambdaTest account.
+**Step 4:** Now, provide your zipBoard API Token to establish integration with LambdaTest and click on **install** button.
 
-**Step 3:** Under the Bug Tracker category, click on the block that says **‘zipBoard’**.
+<video class="right-side" width="100%" controls id="vid">
+<source src= {require('../assets/videos/integration/bug-tracking/zipboard/zipboard-integration.mp4').default} type="video/mp4" />
+</video>
 
-<img loading="lazy" src={require('../assets/images/zipboard-integration/1.webp').default} alt="zipboard integration"  className="doc_img" width="1336" height="643"/>
+:::info Fetch your Bugherd API Token
+- Visit your zipBoard account -> **Edit Profile** tab.
+- Click on the **+** icon to generate your API. Copy your API token to use it for authenticate it with LambdaTest integration.
 
-**Step 4:** You will be routed to a screen where you need to fill up your API key.
+<video class="right-side" width="100%" controls id="vid">
+<source src= {require('../assets/videos/integration/bug-tracking/zipboard/zipbaord-api-token.mp4').default} type="video/mp4" />
+</video>
+:::
 
-<img loading="lazy" src={require('../assets/images/zipboard-integration/33.webp').default} alt="zipboard integration api"  className="doc_img" width="1341" height="546"/>
+> This API key will be used to authenticate your zipBoard account to third-party apps. Please do not share it with anyone. If you believe your API key has been misplaced, you can always generate a new API key from zipBoard by clicking on the refresh icon in your profile settings.
 
-## Finding API Key In zipBoard
-***
+## Lodge your First Bug
 
-**Step 1:** Go to your zipBoard account and edit your profile by opening the drop-down menu from top-right corner of your screen.
+**Step 1:** Create a new projects on zipBoard if you haven't already.
 
-<img loading="lazy" src={require('../assets/images/zipboard-integration/2.webp').default} alt="zipboard integration account"  className="doc_img" width="1365" height="631"/>
+**Step 2:** Now, while testing your webapp or application at LambdaTest, click on the **mark as bug** button if you detect any bug.
 
-**Step 2:** Click on the + icon to generate your first API key if you don’t have one already.
+**Step 3:** Now update the comments of the bug and other details and click on Create Task button.
 
-<img loading="lazy" src={require('../assets/images/zipboard-integration/3.webp').default} alt="zipboard integration edit profile"  className="doc_img" width="1347" height="644"/>
+**Step 4:** Go to your dashboard and check a ticket will be created for the same.
 
-**Step 3:** A prompt message would open up asking you to create a new API key. Click on Yes.
+## Uninstall zipBoard Integration
 
-<img loading="lazy" src={require('../assets/images/zipboard-integration/4.webp').default} alt="zipboard integration create key"  className="doc_img" width="569" height="368"/>
+**Step 1:** Login to your LambdaTest account. You should have Admin or User level access to see and install integrations.
 
-> Note: This API key will be used to authenticate your zipBoard account with third-party applications. Make sure you don’t share it with anyone. In case you feel the API key has been misplaced then you can always regenerate a new API key from zipBoard by clicking on the refresh icon under your profile settings.
+**Step 2:** Click on Settings -> Integrations -> Bug Tracker.
 
-<img loading="lazy" src={require('../assets/images/zipboard-integration/5.webp').default} alt="zipboard integration api token"  className="doc_img" width="1341" height="651"/>
+**Step 3:** Click on the Remove button.
 
-**Step 4:** Copy the API key and paste it on LambdaTest to integrate with zipBoard and hit Install.
-
-<img loading="lazy" src={require('../assets/images/zipboard-integration/6.webp').default} alt="zipboard integration access"  className="doc_img" width="1365" height="523"/>
-
-**Step 5:** You have successfully integrated zipBoard with LambdaTest. If you go to integrations tab you will find a green tick over the zipBoard block, indicating the integration is successful.
-
-<img loading="lazy" src={require('../assets/images/zipboard-integration/7.webp').default} alt="zipboard integration install"  className="doc_img" width="1350" height="655"/>
-
-## Logging The First Bug From LambdaTest To zipBoard
-***
-
-**Step 1:** Login to LambdaTest and perform any type of testing. In this case we will go with [Screenshot testing](https://www.lambdatest.com/support/docs/automated-screenshot-testing/) feature under the drop-down menu for Visual UI Testing.
-
-<img loading="lazy" src={require('../assets/images/zipboard-integration/8.webp').default} alt="screenshot testing"  className="doc_img" width="1348" height="647"/>
-
-**Step 2:** Select the browsers for which you wish to [capture screenshot](https://www.lambdatest.com/full-page-screen-capture) of your website and provide the test URL before you hit the Capture button.
-
-<img loading="lazy" src={require('../assets/images/zipboard-integration/9.webp').default} alt="screenshot testing url"  className="doc_img" width="1346" height="655"/>
-
-**Step 3:** Wait a few seconds and you will find your full-page screenshots for every configuration you selected.
-
-<img loading="lazy" src={require('../assets/images/zipboard-integration/10.webp').default} alt="visual ui testing"  className="doc_img" width="1339" height="652"/>
-
-**Step 4:** Once you have the screenshots ready, click on any screenshot and highlight the bug you wish to report. After you highlight click on the mark as bug button.
-
-<img loading="lazy" src={require('../assets/images/zipboard-integration/11.webp').default} alt="mark as bug"  className="doc_img" width="1347" height="648"/>
-
-**Step 5:** A form specific to zipBoard would open up. You will need to fill the details in this form before you create the issue. Doing so will directly mark a bug into your zipBoard instance.
-
-You can attach the below details with the screenshot:
-
----
-
-* Project
-* Assignee
-* Task Status
-* Task Priority
-* Task Type
-* Task Name
-* Description
----
-
-<img loading="lazy" src={require('../assets/images/zipboard-integration/12.webp').default} alt="create issue"  className="doc_img" width="1346" height="653"/>
-
-Every detail you provide at LambdaTest will automatically be reflected in the zipBoard task.
-
-> Note: After you click on "Create Bug", you will be able to observe it being successfully marked through a single click effort. You will get prompt messages on top of your Virtual Machine indicating the progress of bug logging. After few seconds you will be notified with a prompt message "Bug successfully marked" indicating that the screenshot has been pushed to your zipBoard project.
-
-**Step 6:** If you visit your respective Project on zipBoard, you will find a new task created under it.
-
-<img loading="lazy" src={require('../assets/images/zipboard-integration/13.webp').default} alt="zipboard integration"  className="doc_img" width="1365" height="653"/>
-
-**Step 7:** Open tasks of the Project and you will find the bug marked from LambdaTest with all the information you specified while your performed cross browser testing.
-
-<img loading="lazy" src={require('../assets/images/zipboard-integration/14.webp').default} alt="zipboard integration task"  className="doc_img" width="1365" height="656"/>
-
-**Step 8:** Click on the task and you can also find the URL to the screenshot you highlighted at LambdaTest along with the test environment details.
-
-<img loading="lazy" src={require('../assets/images/zipboard-integration/15.webp').default} alt="zipboard integration demo"  className="doc_img" width="1365" height="656"/>
-
-## Remove LambdaTest Integration With zipBoard
-***
-
-> You can work with one integration at a time. So if you would want to integrate to a similar 3rd party application, then you would have to remove your current integration. Here is how you can do that.
-
-Go to LambdaTest application and hit the `Integrations`  tab. Under the block for **zipBoard** you will find the option to **REMOVE** the integration.
-
-<img loading="lazy" src={require('../assets/images/zipboard-integration/7-1.webp').default} alt="zipboard integration remove"  className="doc_img" width="1350" height="655"/>
+<video class="right-side" width="100%" controls id="vid">
+<source src= {require('../assets/videos/integration/bug-tracking/zipboard/remove-zipboard.mp4').default} type="video/mp4" />
+</video>
 
 > That was all you need to know for LambdaTest + zipBoard Integration. Increase your productivity with our integrations. If you still have any questions for us, please feel free to let us know. Our experts are always available on <span className="doc__lt" onClick={() => window.openLTChatWidget()}>**chat**</span> to help you out with any roadblock regarding our product. Happy testing! 🙂