managed
We hold the credentials
WPIntegrate runs the client-credentials flow for your tenant. Your administrator grants consent once and is not asked again.
Released component
Documents
Documents puts a SharePoint library or a OneDrive folder on your website as a browsable, searchable file list, with folder navigation, in-page previews and downloads.
The component platform is in pre-launch, so SharePoint & OneDrive Display for WordPress is the route open today — the same Microsoft 365 job, delivered as a WordPress plugin. If the web component is what you need, tell us and we will come back to you.
port authority
Publications / 2026
- Harbour access statement Preview
- Tariff schedule (revised) Open
- Board minutes — February Preview
- Dredging programme 2026–28 Preview
- Berth application form Open
No Microsoft sign-in for the visitor — access is resolved server-side.
A drawing of Documents on a fictional site, in our own tokens rather than a customer’s brand. The released component renders live Microsoft 365 data; this frame shows its arrangement only.
Putting it on the page
What you paste into the page.
Two lines, and neither of them is a build step. Everything the component shows is resolved from the key at request time, so the markup on the page is the last markup anyone writes.
What it does
How it works
The Documents component reads a SharePoint document library or a OneDrive folder through Microsoft Graph and renders it as a list or a grid on your page. Visitors browse folders, search, sort, preview and download without a Microsoft sign-in and without leaving the site. Authorisation happens server-side, so no Graph token ever reaches the browser.
Why it exists
Publishing a document to a website usually means downloading it out of SharePoint, uploading it again, and remembering to repeat that every time it changes. Pointing at the library instead means the newest version in SharePoint is the version on the site, with no second copy to maintain.
- Element
<wpi-documents>- Reads from
- SharePoint document libraries, OneDrive for Business
- Arrangements
- 2 in the builder
- Graph access
managedorproxy— the tenant chooses
Where it runs
Anywhere you can paste two lines of HTML
A custom element needs no build step and no framework, so where your site is built is not a question you have to answer before this one.
- WordPress
- Webflow
- Squarespace
- Shopify
- Wix
- Astro
- Next.js
- Drupal
- SharePoint pages
- Plain HTML
Named as examples of places HTML can be pasted. No partnership is implied and none of these are customers. WordPress is the one that gets more than an embed — the same Microsoft 365 jobs also ship as plugins with a Gutenberg block.
In detail
Everything Documents does.
9 capabilities, every one of them resolved from the embed key rather than written into the page.
-
Point at a library by its URL
Enter the SharePoint site URL and the library’s display name, or a user’s OneDrive and a folder path, and the underlying ids are resolved server-side. Explicit site, drive and folder ids take precedence when you already have them.
-
List or grid, with folder navigation
Subfolders stay browsable and a breadcrumb shows where the visitor is. Thumbnails, file size and last-modified date are individually switchable.
-
Search and sort in the widget
Optional search and sort controls, with a default sort by name, date modified or size, ascending or descending.
-
Preview in place or open in SharePoint
Images and PDFs can open in an in-page lightbox with no redirect, or every click can go to the file’s SharePoint or OneDrive URL in a new tab. File types that cannot be previewed always open in a new tab.
-
Restrict to the file types you publish
A comma-separated extension allowlist hides everything else. Folders are always shown, so navigation still works when only PDFs are listed.
-
Downloads on or off
Download links can be switched off for a library that should be readable on the page but not distributable from it.
-
Paging for large libraries
Page size is configurable up to 200 items, so a large library is fetched a page at a time rather than all at once.
-
Inline, button or floating embed
Render the file browser in the page, behind a button that opens a modal, or as a floating launcher pinned to a corner.
-
Domain allowlist, GTM and custom CSS
The embed renders only on domains you list, a Google Tag Manager container id can be attached, and custom CSS covers anything the settings do not.
One of these you can have today.
SharePoint & OneDrive Display for WordPress is on sale in the store now and does this job inside WordPress. The web component is in pre-launch — if that is the delivery you need, tell us and we will come back to you.
Reaching your tenant
Two ways for us to reach Graph. One of them never lets us.
Every tenant runs in one mode or the other, and the choice belongs to your IT rather than to us. It is the reason this works inside organisations that will not delegate Graph access to a vendor.
proxy
You hold the credentials
You supply a base URL and an API key for your own gateway. We store that key encrypted at rest and never hold a Graph token at all.
Arrangements
Pick the shape that fits the page
Each of these is a setting on the instance, not a different component — the source, the theme and the embed key stay the same when you change it.
- List — rows with metadata columns
- Grid — thumbnail cards
Questions
The things people ask before they buy.
If yours is not here, ask it — the answers come back from a person rather than a form.
Do visitors need a Microsoft account?
No. Requests are authorised server-side with the tenant’s own Graph credentials, so a visitor sees the files you have chosen to publish without signing in to Microsoft.
Is the file list live?
Yes. The library is read at request time, so a file added, renamed or removed in SharePoint shows up on the site without anyone editing the page.
Can we limit it to one folder?
Yes. A folder id or folder path pins the root of the browser, and visitors can only navigate below that point.
Can visitors upload or delete files?
No. The Documents component is read-only today — browsing, previewing and downloading are the operations it performs.
Which files preview inside the page?
Images and PDFs render in the in-page lightbox. Office documents and other types open in SharePoint or OneDrive in a new tab, where Microsoft’s own viewer handles them.