Try ShortPoint nowShortPoint offers a collection of over 60 powerful design elements that will transform your SharePoint intranet pages into something truly engaging. Whether you're crafting navigation menus, showcasing your content beautifully, or adding those interactive features that users love, these incredible elements give you all the flexibility and functionality you could ever need. And on top of that, you won't need a single line of code!
Why Use ShortPoint Design Elements?
ShortPoint Design Elements are:
- Designer-crafted for an instant polished, professional intranet
- Intuitive to guarantee engagement and a seamless user experience
- Highly Customizable with control over style, size, color, and visibility
- Connectable to a variety of data sources, including SharePoint and Microsoft 365 apps
- Responsive to make sure it looks great on any device
Each element is built to be used as-is or customized to fit your brand identity.
Complete List of ShortPoint Design Elements
Here's the full list of ShortPoint Design Elements with links to detailed articles about each one.
New Design Elements | ||
|---|---|---|
Content BoxesVersatile containers for organizing and presenting text-based information in a clean, structured format | CTA CardDemand attention and drive user-specific actions with compelling call-to-action cards | FAQsPresent frequently asked questions in an expandable accordion format that keeps pages clean |
Gradient TextTransform ordinary headlines and key phrases into stunning visual statements using smooth color transitions | Icon BoxesCombine eye-catching icons with concise text to create visually appealing content blocks | Image BoxesTransform static images into interactive content containers that engage users through stunning visuals |
News CardsDisplay organizational updates, announcements, or blog posts in engaging card layouts | Person CardsShowcase team members, leadership, or department contacts with professional profile displays | Quick LinksDeliver instant access to frequently visited pages, documents, or external resources |
Search BoxIntegrate powerful search functionality directly into any page for quick information access | StepsGuide users through processes, workflows, or sequential information with clear visual progression indicators | |
Basics | ||
|---|---|---|
AbbreviationAdd abbreviations with tooltips to explain acronyms and shortened terms | ButtonAdd call-to-action buttons with customizable styles and links | DividerSeparate content sections with stylish dividing lines |
ImageInsert images with text overlays, cropping, and resizing options | LinkCreate rich preview links with images and text from linked content | PopoverAdd interactive tooltips and popovers |
TooltipAdd helpful tooltips to any content | ||
Typography | ||
|---|---|---|
BlockquoteHighlight important quotes or testimonials in an elegant format | DropcapCreate stylish opening paragraphs with enlarged first letters | EmphasisDraw attention to specific text with various emphasis styles |
LabelAdd labels to categorize or tag content on your page | LeadCreate introductory text that stands out from the rest of your content | ListDisplay SharePoint list items with rich formatting options |
SmallAdd fine print or secondary information in smaller text | ||
Layout | ||
|---|---|---|
AccordionsOrganize content into collapsible sections perfect for FAQs and lengthy content | AlertDisplay important messages and announcements | InfoPresent highlighted information boxes |
NoteDisplay important notes, tips, or warnings to users | PanelOrganize content into labeled sections with various panel styles | RowStructure your layout with customizable rows and columns |
SectionDefine distinct sections on your page with background options | TabsDisplay content in tabbed interfaces for better organization | TextAdd and format rich text content with the powerful text editor |
TogglesAdd toggle switches for showing and hiding content | WellCreate contained sections with subtle backgrounds | |
Media | ||
|---|---|---|
BackgroundAdd background images, colors, or videos to sections | Before and AfterCreate interactive before/after image comparisons | FrameEmbed external content in stylish frames |
Image CaptionDisplay images with descriptive captions | Image CarouselCreate rotating image slideshows with automatic transitions | Image TitlesCombine images with titles for content cards |
SlideshowBuild custom slideshows with images and content | TextshowCreate expandable text sections with show more/less functionality | Vimeo VideoEmbed Vimeo videos directly into your pages |
YouTube VideoEmbed YouTube videos with customizable players | ||
Lists | ||
|---|---|---|
Date ListDisplay items organized by date in timeline format | File ListDisplay document libraries with various layout options | Icon ListCreate lists with icons for better visual organization |
Image ListShow collections of images in grid or list layouts | Simple ListCreate basic lists with clean, minimal styling | |
Misc | ||
|---|---|---|
CodeInject custom HTML, CSS, or JavaScript code into pages | Counter BoxesShow animated counting statistics and metrics | CountdownAdd countdown timers for events or deadlines |
EventsShowcase upcoming events with dates and details | IconAdd icons from various libraries to enhance visual appeal | MapAdd interactive maps with location markers |
SharePoint Web PartEmbed native SharePoint web parts into your ShortPoint designs | TickersDisplay scrolling news or announcements | TilesCreate interactive tile layouts for navigation or content display |
TOC NavigationCreate sticky navigation menus based on page structure | ||
Social | ||
|---|---|---|
Embed Facebook feeds and content | Display Instagram posts and feeds | Integrate LinkedIn content and profiles |
Viva EngageEmbed Viva Engage (Yammer) feeds and conversations | XDisplay X (formerly Twitter) feeds and tweets | |
Getting Started With ShortPoint Design Elements
New to ShortPoint Design Elements? Start with these essential resources to build pages quickly and confidently.
ShortPoint Academy Courses
- Getting Started with ShortPoint - Learn ShortPoint basics fast: insert elements, use templates, and build engaging pages quickly.
- ShortPoint Design Elements - Master adding, customizing, and styling Design Elements to build engaging SharePoint pages.
ShortPoint Support Articles
- How to Insert a Design Element in Live Mode - Step-by-step guide to adding Design Elements to SharePoint pages using Live Mode editor.
- Design Elements Folder - Contains comprehensive guides for each ShortPoint Design Element: setup, features, and use cases.
General Design Element Features
- ShortPoint Connect: Basic Tutorial - Learn to connect Design Elements to a variety of data sources, SharePoint Lists and Libraries, Microsoft 365 apps, RSS Feeds, and more, for dynamic content.
- How to Manage the Visibility of Design Elements - Control who sees your content by managing Design Element visibility for users and devices.
- Getting Started: The Basics of the Search & Filter Toolbar - Add search, filter, and sort widgets to Design Elements for easier data navigation on pages.
- Add Custom CSS to a ShortPoint Element Right from the Page Builder (Advanced Tutorial) - Apply custom CSS styling to Design Elements using nesting and advanced syntax techniques.
ShortPoint Design Elements give you the power to create professional, engaging SharePoint pages without writing codefrom simple text and images to dynamic lists that update automatically from your data sources. With over 60 elements to choose from and comprehensive tutorials to guide you, you have everything you need to start designing modern intranet pages that inform, inspire, and engage your users.
