ShortPoint Design Elements

Design Elements for App Integration

We're finally on the last set of ShortPoint Design Elements! These awesome Design Elements will bring both your company's internal and external apps right into your intranet pages. How cool is that? Imagine having a one-stop digital workspace where you and your team can access everything you need without jumping from one system to another.

SharePoint Web Part Design Element

Everyone in your team will surely thank you for making their workday flow so much smoother and easier. Ready to explore how these game-changers can transform your intranet experience? Let's dive right in!

We'll let you in on a little secret: you can actually integrate SharePoint's out-of-the-box web parts within ShortPoint! How? By using the SharePoint Web Part Design Element, of course!

All you need is the page URL where the web part you want to use is published:

You can even adjust the width and height of the inserted web part:

Teams Design Element

And adjust its paddings and margins:

Ready to make the most out of SharePoint web parts? Check out How to Embed a SharePoint Web Part into ShortPoint for a detailed guide on how to use it.

Are you an active user of MS Teams? You can actually integrate it into SharePoint using the Teams Design Element! To add it to your page, switch to Grid Mode:

And select Teams:

Power BI Design Element

Here, you can show the Teams that you're a part of or all the Teams in your organization:

Want to give it a try? Go to How to Customize the Teams Design Element to learn how to add it to your SharePoint page.

Do your teams generate Power BI reports? You may want to showcase them on your page using the Power BI Design Element!

When inserted, it will automatically list all available workspaces, allowing you to showcase all the important reports for your organization:

Power Apps Design Element

Up for some Power BI on your SharePoint pages? Check out Setting Up Power BI Integration.

Have any custom Power Apps? You can encourage your users to use them more often by featuring them on your SharePoint Pages! You can add the apps using the Power Apps Design Element.

All you need is your application's PowerApp ID and, voila, you now have it on your page:

Ready to showcase your apps? Check out Add Your First PowerApps Application to a SharePoint Page.

Code Design Element

Remember how we used the Code Design Element to embed videos? Since it lets you add HTML, CSS, and JavaScript snippets into your page, there are SOOOO many more ways to use the Code Design Element to integrate external applications into your intranet.

You can use it to add interactive tutorials from Arcade:

Add Weather Widgets:

Or even showcase Canva Designs:

Key Reminders

You can explore all the ways you can make the most out of the Code Design Element in the articles below:‍

With these Design Elements at your disposal, you and your team's everyday tasks just got easier! No need to switch between tools. Everything you need is in your intranet.

Before adding any integration on your page, make sure to take not of the following:

Now, you're ready to integrate internal and external apps into SharePoint. It's simple and useful for everyday tasks!