How to Embed Your Roadmap in a Site

Using the Private URL Feature, you can embed and share your live Roadmap without requiring users to sign in to ProductPlan. You can embed your Roadmap in any web page that allows an iFrame, or in wiki products like Atlassian Confluence, Microsoft Sharepoint, and Google Sites. You will need to understand how to include an iFrame in your particular website. To embed your Roadmap:

1. Use the Share button on your ProductPlan Roadmap to generate and copy a Private Link.

2. Create or edit the page where you would like your roadmap to appear.

3. Paste the Private Roadmap URL you copied in an iFrame to generate your roadmap.

If you are using an iFrame, here is some suggested code:

<iframe src="YOUR-PRIVATE-LINK" scrolling="yes" height="800px" width="1200px"></iframe>

Embedding Your Roadmap in Google Sites

Google Sites has updated to a new UI. You now have the option to use “Classic” or “New” Sites. If you are using Classic, you can embed your roadmap using a Google Gadget. Just search for the iFrame gadget in order to embed your roadmap.

In order to embed in the New Google Sites, you’ll need to use an Embed Code:

1.  Click “Embed”.

2.  Select “Embed Code”

3. Paste the following formatting, replacing your private link URL in the correct place:<iframe src="YOUR-PRIVATE-LINK" scrolling="yes" height="800px" width="1200px"></iframe>

4. On the preview, you can resize the embedded box to display more of the roadmap. You can also try adjusting the height and width settings to see if that makes a difference (the height is set at 800px and the width is set at 1200px in the above example).

Embedding Your Roadmap in Confluence

Atlassian Confluence is a great way to create product or marketing team pages. Many ProductPlan customers are taking their pages a step further and integrating their live Roadmaps directly into Confluence. This can give stakeholders throughout your organization easy access to your latest roadmap.

To embed your Roadmap in Confluence:

1. Use the Share button on your ProductPlan Roadmap to generate and copy a Private Link.

2. In Confluence, create or edit the page where you would like your Roadmap to appear.

3. Click "Insert/Other Macros", then choose the iFrame macro (note that the availability of this macro depends on your version and whether your administrator has enabled it).

4. Insert the following minimum information: The Private Link URL you copied, Width (try 1200), and Height (try 800).

5. Click Save.

That’s all there is to it! Anyone with access to your Confluence page will be able to view and interact with your ProductPlan roadmap without needing to sign in.

If the iFrame Macro isn’t available to you, the HTML macro is an alternative approach described here.

Embedding Your Roadmaps in Jira and/or 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.

Professional and Enterprise Customers using SSO - Please Note: If your team has private link sharing restricted to SSO users only, embedded roadmaps may not be supported due to security policies enforced by the SSO provider. SSO providers will not allow their login panel to be displayed in an HTML iFrame for security purposes.