Use the Web link card to integrate existing content into the Viva Connections dashboard
The Viva Connection’s dashboard is where people in your organization get easy access to popular tools and resources that are relevant to their everyday work. The Web link card is a simple yet powerful option to incorporate existing content from across your Microsoft 365 environment and elsewhere into Viva Connections to offer a seamless employee experience.
Learn more about how you can use the Web link card to integrate SharePoint content, PowerApps, Microsoft Forms, Viva Engage, or Stream into the Viva Connections dashboard. The Web link card can also be used to link to experiences outside of your M365 environment.
This article includes:
- Link to a SharePoint page
- Link to PowerApps
- Link to a Form
- Link to a Viva Engage community
- Link to Stream content
- Considerations for the navigation experience
How to access the Viva Connection’s dashboard and the Web link card
Learn more about how to add the Web link card and access the settings panel where you can customize the card’s design and content.
Note
You must be a site owner (or higher) to the SharePoint home site to edit dashboard content.
- Start by navigating to your organization’s SharePoint home site.
- Select the Settings panel and then Manage Viva Connections.
- Select Create dashboard or Edit dashboard and then select Edit in the top-right.
- Select + Add card and then select the Web link card.
- Select the Edit (pencil icon) to open the settings panel where you can edit the card size, web link, thumb nail, icon, and content.
- Apply audience targeting to personalize and preview the experience for mobile and desktop devices before sharing it with others.
Link to a SharePoint page
SharePoint sites and pages can be accessed on the Viva Connection’s Dashboard by using the Web link card. Use audience targeting to ensure this card is surfaced to people who have access to the SharePoint site or page. Consider testing the viewing experience on a mobile device for SharePoint sites and pages before linking to the Viva Connections Dashboard.
In this example, Contoso links to an open enrollment page:
- Add a Web link card and select Edit (pencil icon).
- In the Settings panel, paste the site or page URL into the Link field. This URL can be copied from the top of the site or page web browser.
- Specify other details like the card’s content, imagery, and icon (all of these can be customized).
- Apply Audience targeting so that people with access to the site or page will see this card on their dashboard.
- Preview the experience before Republishing to share with others.
Link to PowerApps
Power Apps is a suite of apps, services, and connectors, as well as a data platform, that provides a rapid development environment to build custom apps for your business needs. Link to PowerApps using the Web link card to create a custom experience. Use audience targeting to ensure this card is surfaced to people who have access to PowerApps.
In this example, Contoso links to a PowerApps that books conference rooms:
- Add a Web link card and select Edit (pencil icon).
- In the Settings panel, paste the PowerApps URL into the Link field. This URL can be copied from the PowerApps details page.
- Specify other details like the card’s content and imagery.
- Apply Audience targeting so that people with access to the site or page see this card on their dashboard.
- Preview the experience before Republishing to share with others.
Link to a Form
Microsoft Forms can be used to create surveys, polls, knowledge checks, and easily see results as they come in. Link to a form to collect responses or generate feedback. Use audience targeting to ensure this card surfaces to the groups of people who should respond to the form.
In this example, Contoso links to a Form to collect clothing sizes:
- Add a Web link card and select Edit (pencil icon).
- In the Settings panel, paste the Viva Engage community URL into the Link field. This URL can be copied from the Form’s sharing link.
- Specify other details like the card’s content and imagery. Use the Forms icon by selecting Card icon > Custom image > Change > Web search and search for “Microsoft Forms logo.”
- Apply Audience targeting so that people with access to the community see this card on their dashboard.
- Preview the experience before Republishing to share with others.
Link to a Viva Engage community
Viva Engage is a social and engagement experience that connects leaders, communicators, and employees to build communities, share knowledge, and engage everyone. Link to Viva Engage community using the Web link card. Use audience targeting to ensure this card is surfaced to people who have access to the Viva Engage community.
In this example, Contoso links to a Viva Engage community for a specific project:
- Add a Web link card and select Edit (pencil icon).
- In the Settings panel, paste the Viva Engage community URL into the Link field. This URL can be copied from the top of the web browser.
- Specify other details like the card’s content and imagery. Use the Viva Engage icon by selecting Card icon > Custom image > Change > Web search and search for “Microsoft Viva Engage logo."
- Apply Audience targeting so that people with access to the community see this card on their dashboard.
- Preview the experience before Republishing to share with others.
Link to Stream content
Microsoft Stream is video service where people in your organization can upload, view, and share videos securely. Link to videos in Stream to highlight important meetings, news, and announcements in the Viva Connections dashboard. Use audience targeting to ensure this card is surfaced to the appropriate group.
In this example, Contoso links to a meeting recording from the last Town Hall:
- Add a Web link card and select Edit (pencil icon).
- In the Settings panel, paste the Stream video sharing link into the Link field. This URL can be copied from the sharing link.
- Specify other details like the card’s content and imagery.
- Apply Audience targeting so that people with access to the community see this card on their dashboard.
- Preview the experience before Republishing to share with others.
Considerations for the navigation experience
When the user selects the link from the link card to navigate to the content, depending on the target URL and the device (Viva Connections on Teams mobile vs. Viva Connections on Teams desktop), the behavior might be different as described in the following table.
The best experiences will be achieved if the service doesn't require authentication and is anonymously accessible. For content that is stored in M365, authentication is automatically handled. For third-party services requiring authentication, the recommendation is to use a dashboard card built by a third-party to will handle authentication.
Opens URL to… | On Teams mobile | On Teams desktop |
---|---|---|
SharePoint Link | Page opens within Teams and the user doesn’t need to authenticate again. | Page opens within Teams and user doesn’t need to authenticate again. |
Teams App | Teams apps (like Shifts, Approvals, or Kudos) open within Teams and user doesn’t need to authenticate again. | Teams apps (like Shifts, Approvals, or Kudos) open within Teams and user doesn’t need to authenticate again. |
Forms | Form opens within Teams and the user doesn’t need to authenticate again. | Form opens within Teams, user is asked to sign-in on the first time, and user doesn’t need to authenticate again if they stay signed in. |
Yammer | Yammer opens within Teams, user is asked to sign-in on the first time and user doesn’t need to authenticate again if they stay signed in. | Opens a web browser session and the user might need to re-authenticate depending on browser and machine settings. |
PowerApps | PowerApps opens within Teams and the user doesn’t need to authenticate again. | Opens a web browser session and the user might need to re-authenticate depending on browser and machine settings. |
Power Portals | Power portals opens within Teams, user is asked to sign-in on the first time and user doesn’t need to authenticate again if they stay signed in. | Opens a web browser session and the user might need to re-authenticate depending on browser and machine settings. |
Stream | Stream opens within Teams, user is asked to sign-in on the first time and user doesn’t need to authenticate again if they stay signed in. | Opens a web browser session and the user might need to re-authenticate depending on browser and machine settings. |
External Links | Web view opens within Teams and the user might need to authenticate again (depending on the site.) | Opens a web browser session and the user might need to re-authenticate depending on browser and machine settings. |
Sway | Sway opens within Teams and the user doesn’t need to authenticate again. | Sway opens within Teams and the user is asked to sign in the first time. The user doesn’t need to authenticate again if they stay signed in. |
Learn more
Create the Viva Connections dashboard
Use audience targeting in Viva Connections to personalize the experience
Feedback
https://aka.ms/ContentUserFeedback.
Coming soon: Throughout 2024 we will be phasing out GitHub Issues as the feedback mechanism for content and replacing it with a new feedback system. For more information see:Submit and view feedback for