---
title: Embedding Your Roadmaps in Jira & ADO
description: Using Jira and/or ADO is a wonderful way to get your audience viewing your Roadmaps.
---

[Skip to content](https://support.productplan.com/embedding-your-roadmaps-in-jira-ado#main-content)

English

Show submenu for translations

[![ProductPlan\_Logo\_Positive 1](https://support.productplan.com/hubfs/ProductPlan_Logo_Positive%201.svg)](https://www.productplan.com/)

Open main navigation

Close main navigation

- English
  
  Show submenu for translations
- [https://www.productplan.com/](https://www.productplan.com/)

[https://www.productplan.com/](https://www.productplan.com/)

 Find best practices and answers to common questions in ProductPlan

- There are no suggestions because the search field is empty.

1. [Support Center](https://support.productplan.com/?hsLang=en)
2. [\[Legacy\] Roadmapping](https://support.productplan.com/legacy-roadmapping?hsLang=en)
3. [Integrations](https://support.productplan.com/legacy-roadmapping?hsLang=en#integrations)

# Embedding Your Roadmaps in Jira & ADO

## Using Jira and/or ADO is a wonderful way to get your audience viewing your Roadmaps.

#### [Jira Embed](https://support.productplan.com/embedding-your-roadmaps-in-jira-ado#Jira)

#### [ADO Embed](https://support.productplan.com/embedding-your-roadmaps-in-jira-ado#ADO)

You might already be using the Jira and/or ADO integration with your ProductPlan platform, but have you embedded your roadmaps in these applications? Many ProductPlan customers are taking their Jira and/or ADO instances a step further and **integrating their live roadmaps** directly into these apps. This can give stakeholders (and other audiences) with access to these apps an easy way to see your latest roadmap.

**To embed your roadmap in Jira:**

1. Begin in Jira and select **Apps** from the menu and then **Explore more apps**.

   [![jira-moreapps](https://support.productplan.com/hs-fs/hubfs/jira-moreapps.png?width=655&height=587&name=jira-moreapps.png)](https://downloads.intercomcdn.com/i/o/630213962/931c424cdbde2d71221a1a2f/Screen+Shot+2022-12-06+at+10.52.17+AM.png?expires=1721681100&signature=8238f775c754a2e8fe8b0b94d7f8c6c6a25a74e014f89397bf776a64bb787395)
2. In the Search bar (you’ll see Search for apps), enter iFrame. From here, you’ll see four options. We recommend adding the following app: [Iframe for Jira Cloud](https://marketplace.atlassian.com/apps/1217581/iframes-for-jira-cloud?tab=overview&hosting=cloud) (\*You might need to ask a Jira Admin for approval when downloading apps).
3. Once the app is approved and added to your Jira instance, you’ll be able to create and customize where the roadmap fits on your **Dashboard**.
4. To create a new roadmap page, select **Dashboard** from the menu. You may select an existing Dashboard, or if you'd like to create a new Dashboard, you can add a Name, Description, Viewers and Editors to this page.

   [![jira-add-dashboard](https://support.productplan.com/hs-fs/hubfs/jira-add-dashboard.png?width=655&height=603&name=jira-add-dashboard.png)](https://downloads.intercomcdn.com/i/o/630242048/20ab21b1a44016a7e1319150/Screen+Shot+2022-12-06+at+11.03.17+AM.png?expires=1721681100&signature=c6ba88a42223c6c1bcf4f5368be571aa4eeeec9a6cc2b40642fd0ae1557be2ab)
5. Enter into the desired **Dashboard**, click **Edit** and **Add a Gadget**.

   [![jira-dashboard-gadget](https://support.productplan.com/hs-fs/hubfs/jira-dashboard-gadget.png?width=655&height=487&name=jira-dashboard-gadget.png)](https://downloads.intercomcdn.com/i/o/630245541/a35dc2215f3a8a51d404e1f1/Screen+Shot+2022-12-06+at+11.43.32+AM.png?expires=1721681100&signature=f154507a75c875224bc2ce35564d25f187d9c1fbb7d2163964986e2750842e9d)
   
   From here, do a search for Iframe and select **Add**.
6. We’ll jump over to ProductPlan quickly to get the roadmap URL. Use the Share button on your ProductPlan roadmap to generate and copy a Private Link.
7. Back in the Gadget, you’ll give the roadmap a Title, enter the Private Link URL, Height (you can play around with this), and the option to have a Scroll Bar.

   [![jira-iframe-settings](https://support.productplan.com/hs-fs/hubfs/jira-iframe-settings.png?width=655&height=372&name=jira-iframe-settings.png)](https://downloads.intercomcdn.com/i/o/630395054/8732794ae02f0c3861d88ef4/Screen+Shot+2022-12-06+at+4.30.18+PM.png?expires=1721681100&signature=f455f91c97abbe7161200f5eebd669dc1379b6b1a11ff3adff994cfc6caf8e3d)
8. Click **Enter** and your roadmap is embedded in Jira!

[![jira-iframe-embed](https://support.productplan.com/hs-fs/hubfs/jira-iframe-embed.png?width=688&height=410&name=jira-iframe-embed.png)](https://downloads.intercomcdn.com/i/o/484360793/81d5429199a196837fa9b6f0/Screen+Shot+2022-03-22+at+11.29.13+AM.png?expires=1721681100&signature=d7fbac883420597d4653a4579ae4827d5b335f039cfb8e2730952ab9f512232d)

 

**To embed your roadmap in Azure DevOps:**

1. Begin in ADO and select one of your **Projects**.
2. From within your selected **Project**, hover over the **Overview** menu and then select **Dashboards**. You can create a new Dashboard or select one that already exists.

   ![](https://support.productplan.com/hs-fs/hubfs/image-png-Jun-06-2025-06-48-34-0235-PM.png?width=343&height=190&name=image-png-Jun-06-2025-06-48-34-0235-PM.png)
3. Once in the Dashboard, select **Edit** near the top of the screen. There will then be an option to **Add a widget**, and then search **iFrame**.

   ![](https://support.productplan.com/hs-fs/hubfs/image-png-Jun-06-2025-06-40-32-9946-PM.png?width=349&height=548&name=image-png-Jun-06-2025-06-40-32-9946-PM.png)
4. The option that appears is called Embedded Webpage. You’ll select **Embedded Webpage** and click **Add**.
5. Once the widget is showing up, you will click the **gear icon** to add details.
6. You’ll want to configure the size (height and width). You may play around with this a bit to get the sizing that fits your preference.
   
   ![](https://support.productplan.com/hs-fs/hubfs/image-png-Jun-06-2025-06-42-39-5676-PM.png?width=438&height=175&name=image-png-Jun-06-2025-06-42-39-5676-PM.png)
7. We’ll jump over to ProductPlan quickly to get the roadmap URL. Use the Share button on your ProductPlan roadmap to generate and copy a Private Link.
   
   ![](https://support.productplan.com/hs-fs/hubfs/image-png-Jun-06-2025-06-43-30-6497-PM.png?width=688&height=135&name=image-png-Jun-06-2025-06-43-30-6497-PM.png)
8. Back in ADO, you’ll enter the ProductPlan URL, click **Save** and **Done Editing**.
   
   ![](https://support.productplan.com/hs-fs/hubfs/image-png-Jun-06-2025-06-45-10-6376-PM.png?width=275&height=438&name=image-png-Jun-06-2025-06-45-10-6376-PM.png)
   
   9\. The embedded roadmap will now be visible on the ADO dashboard.
   
   ![](https://support.productplan.com/hs-fs/hubfs/image-png-Jun-06-2025-06-47-31-6660-PM.png?width=688&height=305&name=image-png-Jun-06-2025-06-47-31-6660-PM.png)

 

\*Note: When viewing embedded roadmaps in ADO, you will need to:

1. Use separate browsers or browser profiles for ADO and ProductPlan ([https://support.google.com/chrome/answer/2364824?hl=en&co=GENIE.Platform%3DDesktop](https://support.google.com/chrome/answer/2364824?hl=en&co=GENIE.Platform%3DDesktop)).

   OR
2. Log out of ProductPlan to review the ADO embedded roadmap within the same browser.

That’s all there is to it! Anyone with access to your Jira and/or ADO page will be able to view and interact with your live ProductPlan Roadmap without needing to sign in.

- [Platform Updates & Events](https://support.productplan.com/platform-updates-events?hsLang=en#main-content)

    - [Product Updates](https://support.productplan.com/platform-updates-events?hsLang=en#product-updates)
    - [Webinars + Trainings](https://support.productplan.com/platform-updates-events?hsLang=en#webinars-trainings)
- [Product Intelligence](https://support.productplan.com/product-intelligence?hsLang=en#main-content)

    - [Products](https://support.productplan.com/product-intelligence?hsLang=en#products)
    - [Research Surveys + Feedback Forms](https://support.productplan.com/product-intelligence?hsLang=en#research-surveys-feedback-forms)
    - [Ideas + Signals](https://support.productplan.com/product-intelligence?hsLang=en#ideas-signals)
- [Strategy](https://support.productplan.com/strategy?hsLang=en#main-content)

    - [Objectives & Key Results](https://support.productplan.com/strategy?hsLang=en#objectives-key-results)
    - [Video Guides](https://support.productplan.com/strategy?hsLang=en#video-guides)
- [\[Legacy\] Roadmapping](https://support.productplan.com/legacy-roadmapping?hsLang=en#main-content)

    - [Getting Started](https://support.productplan.com/legacy-roadmapping?hsLang=en#getting-started)
    - [Integrations](https://support.productplan.com/legacy-roadmapping?hsLang=en#integrations)
    - [Standardization](https://support.productplan.com/legacy-roadmapping?hsLang=en#standardization)
    - [Roadmap Features](https://support.productplan.com/legacy-roadmapping?hsLang=en#roadmap-features)
    - [Strategic Portfolio](https://support.productplan.com/legacy-roadmapping?hsLang=en#strategic-portfolio)
    - [Sharing](https://support.productplan.com/legacy-roadmapping?hsLang=en#sharing)
    - [Frequently Asked Questions](https://support.productplan.com/legacy-roadmapping?hsLang=en#frequently-asked-questions)
- [Roadmapping](https://support.productplan.com/roadmapping?hsLang=en#main-content)

    - [Integrations](https://support.productplan.com/roadmapping?hsLang=en#integrations)
- [Launch](https://support.productplan.com/launch?hsLang=en#main-content)

    - [Video Guides](https://support.productplan.com/launch?hsLang=en#video-guides)
- [Initiatives](https://support.productplan.com/initiatives?hsLang=en)
- [Account Setup & Security Settings](https://support.productplan.com/account-setup-security-settings?hsLang=en#main-content)

    - [Getting Started](https://support.productplan.com/account-setup-security-settings?hsLang=en#getting-started)
    - [Single Sign On](https://support.productplan.com/account-setup-security-settings?hsLang=en#single-sign-on)
    - [User Permissions](https://support.productplan.com/account-setup-security-settings?hsLang=en#user-permissions)
    - [Notifications](https://support.productplan.com/account-setup-security-settings?hsLang=en#notifications)
    - [AI](https://support.productplan.com/account-setup-security-settings?hsLang=en#ai)
    - [Licenses + Payment](https://support.productplan.com/account-setup-security-settings?hsLang=en#licenses-payment)
    - [Security + Privacy](https://support.productplan.com/account-setup-security-settings?hsLang=en#security-privacy)
- [FAQ](https://support.productplan.com/faq?hsLang=en)

[![ProductPlan\_Logo](https://support.productplan.com/hubfs/ProductPlan_Logo_Negative%201.svg "ProductPlan_Logo")](https://support.productplan.com/?hsLang=en)

<https://www.linkedin.com/company/productplan/posts/?feedView=all> <https://www.facebook.com/productplan> <https://www.youtube.com/productplan> <https://www.instagram.com/productplanapp/>

Copyright © 2026, ProductPlan