How to Embed a Power BI Project on a Website

How do you embed a Power BI project on a website? You embed a Power BI project on a website by using either the secure “Embed for your organization” method or the public “Publish to web” feature, allowing you to display interactive reports and dashboards directly on web pages for internal users or public audiences.

For enterprise executives, embedding Power BI into websites or portals integrates data storytelling into everyday workflows, enhances transparency, and ensures stakeholders can access insights in the tools they already use.

Step 1: Publish Your Report to the Power BI Service

Before embedding, your report must be published to the Power BI Service:

1. Open your report in Power BI Desktop
2. Click Publish
3. Sign in with your Microsoft 365 credentials
4. Choose the target workspace

The report will now be accessible online at https://app.powerbi.com

Tip: Use Power BI Pro or Premium licenses depending on your sharing and embedding needs.

Step 2: Choose the Right Embedding Method

There are two primary ways to embed Power BI on a website:

1. Publish to Web (For Public Use)

• Best for blogs, public websites, or general informational reports
• Does not require authentication to view
• Not recommended for sensitive or internal data

2. Embed for Your Organization (Secure & Internal)

• Requires users to sign in with Microsoft credentials
• Best for intranets, portals, and authenticated apps
• Keeps data private and access-controlled

Security Insight: For enterprise use, always prefer secure embedding unless you are sharing with a public audience.

Step 3: Embed Using “Publish to Web” (Public Reports)

To embed a public report:

1. In the Power BI Service, open your report
2. Click File > Embed report > Publish to web (public)
3. Click Create embed code (if you accept the disclaimer)
4. Copy the HTML <iframe> code
5. Paste the code into your website’s HTML or CMS (e.g., WordPress, Wix, Squarespace)

Example Embed Code:

<iframe width=”800″ height=”600″

src=”https://app.powerbi.com/view?r=eyJrIjoi…”

frameborder=”0″ allowFullScreen=”true”></iframe>

Web Tip: This method is ideal for publicly accessible data dashboards like tourism stats, research summaries, or customer education.

Step 4: Embed Securely for Internal Users

To embed a report within a secure internal environment:

1. Open the report in the Power BI Service
2. Click File > Embed report > Website or portal
3. Copy the secure embed link
4. Add the link to your web app using:
   • <iframe> for simple HTML embedding
   • Power BI JavaScript API for more interactive use cases (e.g., filtering, user controls)

Example Secure Embed Code (with iframe):

<iframe width=”800″ height=”600″

src=”https://app.powerbi.com/reportEmbed?reportId=…&groupId=…”

frameborder=”0″ allowFullScreen=”true”></iframe>

Users will be prompted to sign in with their Microsoft 365 account to view the report.

Enterprise Insight: Secure embedding ensures only authorized users in your organization or Azure Active Directory can view the content.

Step 5: Use Power BI Embedded for Custom Applications

For fully integrated apps or portals, use Power BI Embedded with Azure:

• Generate embed tokens programmatically
• Authenticate users through your app (not just AAD)
• Integrate with custom UI/UX and workflows

Use Cases:

• Client portals with personalized dashboards
• SaaS platforms embedding Power BI per customer
• Web apps needing advanced interaction with reports

Developer Tip: Use the Power BI JavaScript API for full customization and control.

Step 6: Optimize and Maintain the Embedded Experience

To keep the embedded report user-friendly:

• Set default filters or bookmarks for clarity
• Adjust report size for mobile responsiveness
• Enable “view mode” for cleaner user interaction
• Monitor performance using usage metrics in the Power BI Service

UX Tip: Ensure your embedded visuals scale well across desktop, tablet, and mobile views.

Final Thoughts

Embedding a Power BI project on a website transforms your reports into accessible, interactive data tools, whether for customers, employees, or the general public. With flexible embedding options and robust security features, Power BI can meet both internal and external reporting needs in a scalable, enterprise-ready way.