How can I allow users to save their favorite Power BI dashboards and display them on a separate page in Webflow, even if the dashboards are not part of the CMS?

Published on
September 22, 2023

To allow users to save their favorite Power BI dashboards and display them on a separate page in Webflow, you can follow these steps:

  1. Create a separate page for displaying the saved dashboards:
  • In your Webflow project, create a new page where you want to display the saved Power BI dashboards.
  • Design and structure this page according to your requirements.
  1. Add a form or input field on each Power BI dashboard page:
  • On each individual Power BI dashboard page, add a form or input field where users can enter a name or title for the dashboard they want to save.
  • Include a submit button to allow users to save their favorite dashboard.
  1. Set up a Webflow Collection for saving the dashboards:
  • In your Webflow project, create a new Collection to store the saved dashboards.
  • Include fields for the dashboard name/title, a screenshot or thumbnail image of the dashboard, and any other relevant information.
  1. Create a form submission interaction:
  • Set up an interaction that triggers when users submit the form on the Power BI dashboard page.
  • Use custom code or an integration with a third-party service (e.g., Zapier) to capture the form data and save it to the Webflow Collection.
  1. Display the saved dashboards on the separate page:
  • On the separate page you created in step 1, use a Collection List in Webflow to display all the saved dashboards.
  • Customize the layout and design of each dashboard entry using Webflow's Designer.
  1. Retrieve and display the Power BI dashboards:
  • To display the actual Power BI dashboards on the separate page, you will need to use the embedded Power BI API or widget.
  • Retrieve the necessary data from your saved Webflow Collection (e.g., dashboard ID or URL).
  • Use the Power BI API or widget to embed the dashboard on the separate page, using the retrieved data to identify and load the correct dashboard.
  1. Enable user interaction with saved dashboards:
  • To allow users to interact with the saved dashboards on the separate page, make sure the Power BI API or widget supports user interaction (e.g., drill-through, filtering).
  • Customize the behavior and options for each embedded dashboard to meet your needs.

By following these steps, you will be able to allow users to save their favorite Power BI dashboards and display them on a separate page in Webflow, even if the dashboards are not part of the CMS.

Additional questions:

  1. How can I capture and save user input in Webflow?
  2. Can I integrate Webflow with third-party services like Zapier?
  3. How do I embed external content, such as Power BI dashboards, in Webflow?