Using WordPress? Every integration here is also available as a plugin. Browse the plugin store →

The catalogue

One embed pattern, every Microsoft 365 source.

Every component reads a Microsoft 365 source — Bookings, Outlook, SharePoint, Entra ID, Teams — most of them through Graph, and several read non-Microsoft sources beside it. Each is configured per instance in a builder and ships as one custom element. Eight are released today; the other five are built and in testing.

What you paste into the page

<script src=https://cdn.wpistatic.com/platform.js async></script>
<wpi-bookings embed-key="your-embed-key"></wpi-bookings>
Your own embed key comes from the builder. Every component below is the same two lines — the same loader, a different tag, nothing else.
Walk through Bookings, end to end

What it reads, what the builder controls, and the markup it produces — on one page, with no signup in the way.

Bookings four arrangements, one embed key

westbrook-clinic.example/bookings

Released

8
  • Bookings

    <wpi-bookings>

    Works with Microsoft Bookings · Microsoft Graph

    Bookings shows your live Microsoft Bookings services, staff and open time slots on your own website, and writes the confirmed appointment straight back into Microsoft 365.

    Also a WordPress plugin

    What it does

  • Calendar

    <wpi-calendar>

    Works with Outlook user and group calendars · SharePoint Events lists · Published ICS feeds · Any JSON REST endpoint

    Calendar publishes events from Outlook, a SharePoint Events list, an ICS feed or a JSON API on your site as a month grid, an agenda list or a grid of event cards.

    Also a WordPress plugin

    What it does

  • Documents

    <wpi-documents>

    Works with SharePoint document libraries · SharePoint lists · OneDrive for Business

    Documents puts a SharePoint library, a OneDrive folder or a SharePoint list on your website — files as a browsable, searchable list with previews and downloads, or list rows as a table you control column by column.

    Also a WordPress plugin

    What it does

  • Video Gallery

    <wpi-video-gallery>

    Works with SharePoint video folders · OneDrive · YouTube · Vimeo · Direct video URLs

    Video Gallery gathers videos from SharePoint, OneDrive, YouTube, Vimeo and direct links into one grid on your site, with playback in the page.

    Also a WordPress plugin

    What it does

  • Persons

    <wpi-persons>

    Works with Entra ID directory users · Microsoft 365 group membership · SharePoint lists

    Persons publishes a staff directory on WordPress or any site, read live from Entra ID, a Microsoft 365 group or a SharePoint list — no copy to maintain.

    Also a WordPress plugin

    What it does

  • Form Builder

    <wpi-form>

    Works with An Excel workbook in OneDrive, appended a row per submission · An Outlook calendar, written an event per submission · A OneDrive folder, written a file per submission · A Microsoft 365 mailbox with Mail.Send, for email delivery · Webhook endpoints · Your own SMTP server

    Form Builder makes multi-step forms and quote calculators that deliver each submission into Microsoft 365 — a row in an Excel table, an event in an Outlook calendar, a file in OneDrive — or to an inbox or a webhook, embedded inline or behind a floating button.

    What it does

  • Outlook Booking

    <wpi-outlook-booking>

    Works with Exchange room and resource mailboxes · Outlook user calendars · Microsoft Graph

    Meeting room booking for Outlook, on your own website: the visitor picks a conference room and a time, and the booking lands in that room’s mailbox — no Microsoft Bookings licence.

    Also a WordPress plugin

    What it does

  • Power BI

    <wpi-powerbi>

    Works with Power BI Publish to web · The Power BI service via a service principal

    Power BI embeds a report, dashboard or single tile on your website — either a Publish-to-web link, or a secured token-based embed of a private report that visitors need no licence to see.

    Also a WordPress plugin

    What it does

Coming soon

5

Built and in testing. Not released, no dates announced, and nothing to embed yet.

  • Maps

    <wpi-maps>

    Works with SharePoint lists · Excel workbooks in SharePoint or OneDrive · Azure Maps, Google Maps or OpenStreetMap for rendering

    Maps plots the rows of a SharePoint list or an Excel workbook as pins on an interactive map, with clustering, a category filter and a location list beside it — built and in testing, not yet released to customers.

    What it does

  • Teams Chat

    <wpi-teams-chat>

    Works with Microsoft Teams channels · Microsoft Teams group chats · Microsoft Graph

    Teams Chat puts a chat widget on your website whose messages land in a Microsoft Teams channel or group chat and whose replies come back to the page — built and in testing, not yet released to customers.

    What it does

  • Photo Gallery

    <wpi-photo-gallery>

    Works with SharePoint document libraries · OneDrive for Business · SharePoint lists

    Photo Gallery publishes images from a SharePoint library, a OneDrive folder or a SharePoint list as a grid, masonry, justified, carousel or slider gallery with an in-page lightbox — built and in testing, not yet released to customers.

    What it does

  • Audio Gallery

    <wpi-audio-gallery>

    Works with SharePoint document libraries · OneDrive for Business · SharePoint lists

    Audio Gallery turns a SharePoint library, a OneDrive folder or a SharePoint list of tracks into a playlist that plays in the page — built and in testing, not yet released to customers.

    What it does

  • CAD Viewer

    <wpi-cad-viewer>

    Works with SharePoint document libraries · OneDrive for Business

    CAD Viewer opens engineering drawings and 3D models held in SharePoint directly in the page — the file is read into the reader’s browser and drawn there, and never uploaded to us.

    What it does

The component platform is in pre-launch, so there is no signup and no purchase for this catalogue yet. Interest in a released component — or one still in testing — is what moves it up the order, so name the one you want and the Microsoft 365 source it has to read.

Name the component you need

Questions

Which line am I buying?

What is the difference between a component and a plugin?

A component is a script tag and a custom element that runs on any website. A plugin is the same Microsoft 365 job delivered inside WordPress, bought from plugins.wpintegrate.com. Both lines are permanent and neither is a funnel for the other.

Can we buy the web components today?

Not yet. The component platform is in pre-launch, so the channel open today is the WordPress plugin store. Seven of the thirteen components have a plugin that does a similar job and is on sale now.

What does “coming soon” mean on this page?

It means the component is built and being exercised against real tenants by our own team, but has not been released to customers: it cannot be created in a customer dashboard or embedded on a site, and no date is announced. Its page describes what it does, and interest is collected through the contact page.