Code
Code
Code
Code

Code

Finally - a full-fledged script editor for Modern SharePoint pages. So much more possibilities than simple embedding. ShortPoint Code offers you development freedom for every type of task, be it a weather widget, a stock ticker, page animation, or even a game.

Works With:
SharePoint iconMicrosoft 365 logo
Microsoft 365
SharePoint

Add ANY
SharePoint web part

Quick Links
Show a collection of links to content such as documents, images, videos, and more in a variety of layouts with options for icons, images, and audience targeting.
Files and Media
Embed a file such as Word, Excel, PowerPoint, video, audio, PDF, 3D model, and more.
Image
Add an image, picture or photo to your page including text overlays and ability to crop and resize images.
Image Gallery
Show several images, pictures or photos in a gallery layout.
Link
Add a link with a rich preview such as an image or text brought in from the linked video or web content.
Saved for Later
Show the current page viewer's documents, videos, and pages that they saved for later.
Embed
Embed content from other sites such as Sway, YouTube, Vimeo, and more.
Divider
Add a line to divide areas on your page.
Markdown
Use Markdown language to add and format text.
Feed for Viva Connections
Show a feed with conversations, news, and Stream videos personalized to users based on the communities and sites they follow.
Stream
Display a single video or multiple videos from a folder in OneDrive or SharePoint.
YouTube
Show a YouTube video on the page.
Site Activity
Show site activity such as files uploaded or edited, lists created, and more.
Quick Links
Show a collection of links to content such as documents, images, videos, and more in a variety of layouts with options for icons, images, and audience targeting.
Files and Media
Embed a file such as Word, Excel, PowerPoint, video, audio, PDF, 3D model, and more.
Image
Add an image, picture or photo to your page including text overlays and ability to crop and resize images.
Image Gallery
Show several images, pictures or photos in a gallery layout.
Link
Add a link with a rich preview such as an image or text brought in from the linked video or web content.
Saved for Later
Show the current page viewer's documents, videos, and pages that they saved for later.
Embed
Embed content from other sites such as Sway, YouTube, Vimeo, and more.
Divider
Add a line to divide areas on your page.
Markdown
Use Markdown language to add and format text.
Feed for Viva Connections
Show a feed with conversations, news, and Stream videos personalized to users based on the communities and sites they follow.
Stream
Display a single video or multiple videos from a folder in OneDrive or SharePoint.
YouTube
Show a YouTube video on the page.
Site Activity
Show site activity such as files uploaded or edited, lists created, and more.
Recent Documents
Display recent documents for the current user
News
Show news posts from one or more sites in a variety of layouts. You can filter news and target news to key audiences.
Weather
Show the current weather in a location you choose.
People
Display selected people and their profiles
Countdown Timer
Add a link with a rich preview such as an image or text brought in from the linked video or web content.
News
Show the current page viewer's documents, videos, and pages that they saved for later.
Kindle Instant Preview
Show a preview of a Kindle book.
Highlighted content
Dynamically roll up documents, pages, videos, or other content based on search and filtering options.
Code Snippet
Add a Code Snippet to the page
Conversations
Show a feed with conversations, news, and Stream videos personalized to users based on the communities and sites they follow.
Dashboard for Viva Connections
Use the Viva Connections Dashboard on your home site to show cards that provide quick access to content, data, and tasks.
Group Calendar
Display a calendar from one of your Office 365 groups.
Sites
Show site activity such as files uploaded or edited, lists created, and more.
Recent Documents
Display recent documents for the current user
News
Show news posts from one or more sites in a variety of layouts. You can filter news and target news to key audiences.
Weather
Show the current weather in a location you choose.
People
Display selected people and their profiles
Countdown Timer
Add a link with a rich preview such as an image or text brought in from the linked video or web content.
News
Show the current page viewer's documents, videos, and pages that they saved for later.
Kindle Instant Preview
Show a preview of a Kindle book.
Highlighted content
Dynamically roll up documents, pages, videos, or other content based on search and filtering options.
Code Snippet
Add a Code Snippet to the page
Conversations
Show a feed with conversations, news, and Stream videos personalized to users based on the communities and sites they follow.
Dashboard for Viva Connections
Use the Viva Connections Dashboard on your home site to show cards that provide quick access to content, data, and tasks.
Group Calendar
Display a calendar from one of your Office 365 groups.
Sites
Show site activity such as files uploaded or edited, lists created, and more.

HTML, CSS, JS

Use markup, stylesheets and scripts together or separately - to produce exactly what you need

Highly Customizable

A selection of coding modes to fit your needs - scroll down to see them all

Allows to Play Around

Use Sandbox and Testing modes to keep your code isolated. Make sure it doesn't misbehave and affect your existing content

Use Case Library

We have a collection of curated use cases to introduce you to the best examples of using Code

Decide which components to include into your Code experience

HTML, CSS, JavaScript

Choose your language(s)

Error checker

If you missed something - the editor will point what's wrong

Preview

Preview what your code produces and make tweaks without the need to hit those Save and Edit buttons

All You Need to Effectively Inject Code

Coding modes

You can add or remove the checkmarks of the coding modes. Use these in any combinations: HTML, CSS, JavaScript, Errors, Preview

Coding modes
Sandbox mode

Sandbox mode

Click to enable this option if you would like to inject your code into an isolated frame.

Error checker

Make sure computers will understand you! If your code contains errors, we will give you a prompt - and tell exactly what's wrong.

Error checker

Decide which components to include into your Code experience

HTML, CSS, JavaScript

Choose your language(s)

Error checker

If you missed something - the editor will point what's wrong

Preview

Preview what your code produces and make tweaks without the need to hit those Save and Edit buttons

Supercharged with everything you need for your Intranet

Dynamic Content

Display content from almost any source on your page. Simply connect an element and it will dynamically deliver content as it is updated at the source.

Responsive

Designed to look just fantastic on all devices, browsers and in every language.

Visibility

Get control over who can view the element on your page.

Custom CSS

Easily create your own style and design for each element by inserting custom CSS.

Mobile View Settings

Have the ability to set individual element settings for when your page is viewed on a mobile device.

Advanced Design Options

Enhance each element further with advanced settings and features.

Smart Cache+

Configure content to load from cache and delay retrieving new data for better page performance.

Searchability

Quick access to content within each element through the search functionality on your platform.

Color Theme and Typography

Effortlessly define a color theme and preferred font style that will apply to one or all elements.

Learn more about Code

Ignite your vision. Install ShortPoint directly on your site, or play in sandbox mode. No credit card required.

Live PreviewLearn More

Build faster with these elements

Visit our live intranet templates and demos website, be inspired with awesome intranet design ideas.

Abbreviation

Abbreviation

Typography
Alert

Alert

Layout
Blockquote

Blockquote

Typography
Button

Button

Basic
Dropcap

Dropcap

Typography
Emphasis

Emphasis

Typography
Facebook

Facebook

Social
Frame

Frame

Media
Icon

Icon

Misc
Image

Image

Media
Info

Info

Layout
Label

Label

Typography
Lead

Lead

Typography
Link

Link

Basic
LinkedIn

LinkedIn

Social
List

List

List
Map

Map

Misc
Note

Note

Layout
Panel

Panel

Layout
Power Apps

Power Apps

Microsoft 365
Power BI

Power BI

Microsoft 365
Row

Row

Layout
Section

Section

Layout
Small

Small

Typography
Table

Table

Basic
Tabs

Tabs

Layout
Teams

Teams

Microsoft 365
Text

Text

Typography
Tiles

Tiles

Misc
Toggle

Toggle

Layout
Twitter

Twitter

Social
Well

Well

Layout
Yammer

Yammer

Social