Search Results :

×

Sign Up Contact Us

Contents

How to Embed SharePoint/OneDrive Documents in WordPress Posts and Pages?

Overview

The miniOrange Embed SharePoint and OneDrive Documents plugin lets you add SharePoint and OneDrive files, documents, and libraries to your WordPress posts and pages. Your users stay on your WordPress site while they read the content. They don't need to go to SharePoint to get the files.

This plugin lets you sync SharePoint files with WordPress so that only people in your company can see them. You can also use it to show a SharePoint or OneDrive library on public pages. This guide will show you how to set everything up so that you can connect your account and show files on your site.

Download Plugin

Pre-requisites : Download And Installation

To Embed OneDrive WordPress Library/Documents/Files you would need the following Pre-requisites.

You will need Azure AD Global Administrator Access.
Our Embed SharePoint OneDrive Library/Documents/Files plugin.

To setup Embed WP SharePoint OneDrive Documents plugin, you can also follow this step by step Setup Video.

Configuration Steps

Step 1: Configure Azure AD Application

Automatic App Connection
Manual App Connection

Navigate to the Embed SharePoint OneDrive Documents Plugin.
Under the Connection tab, select the required option from the Connection dropdown as shown below.

Embed SharePoint OneDrive Documents | Folder Path

A permission verification window will pop up. Review the required permissions, then click on Proceed.

Embed SharePoint OneDrive Documents | Review the required permissions

You will be prompted with Azure AD Login Page. Log in using your Azure AD/SharePoint credentials.

Embed SharePoint OneDrive Documents | Folder Path

Select Consent on behalf of your organization option and click on Accept button.

Embed SharePoint OneDrive Documents | Folder Path

If you are successfully connected, you can see a similar window as shown in the below image.

Embed SharePoint OneDrive Documents | Folder Path

Log in to Azure AD Portal, as an Administrator.
You will be represented with the home screen of Azure Active Directory.
Under the Azure Services section, select Microsoft Entra ID.

Embed SharePoint OneDrive Documents | App registration

Under the Manage section, select App registrations tab.

Embed SharePoint OneDrive Documents | App registration

Now click on the New Registration option.

Embed SharePoint OneDrive Documents | New Registration

Write the App Name in the name field and choose the account type. By default account type is selected as Account in this Organizational Directory only.
Redirect URI is optional, you can keep this field empty.
Once you have provided the above data you can click on Register button.

Embed SharePoint OneDrive Documents | click on register button

After the registration of an application, Azure AD assigns an unique application ID to your application.
Navigate to the Overview tab, in the left pane.
Copy the Application ID and the Directory ID, as this will be used as your Client ID and Tenant ID for configuring the SharePoint Plugin.
Therefore, you can keep it handy somewhere like notepad to later use it.

Embed SharePoint OneDrive Documents | Copy app ID

From the left navigation pane, navigate to the Certificates & secrets tab.
Click on New client secret to enter the description and expiration time, then click on the Add option.

Sync SharePoint Files to WordPress | New client secret

Copy the Secret Value as shown in the below screenshot. Once you navigate to any other page this value will be hidden so copy and paste it somewhere handy.

Note: Make sure you have copied the value of client secret and not the Secret ID as shown in the below image.

Sync SharePoint Files to WordPress | Secret Key

Please provide values mentioned in the table above to your WordPress developer to configure the plugin.

Application ID	Copy and paste the Application ID from Azure AD App
Client Secret	Copy and paste the Client Secret from the Azure AD App
Tenant ID	Copy and paste the Directory ID from Azure AD App

Granting API Permissions to your Azure AD Application:

Go to API Permissions from the left navigation pane and click on Add a permission option.

Sync SharePoint Files to WordPress

Select Microsoft Graph from the list.

Sync SharePoint Files to WordPress | Folder Path

Select Application permissions (2nd option) as type of permissions.

Sync SharePoint Files to WordPress | Folder Path

Note: You can choose between two different permissions Sites.Read.All and Sites.ReadWrite.All under the sites option to suit your access needs.

To allow user to only Read the Sites data please select Sites.Read.All permission and click on the Add Permissions button.

Sync SharePoint Files to WordPress | Folder Path

Or to enable uploading / Editing of files from WordPress to SharePoint you need to grant permission to Sites.ReadWrite.All and then click on the Add Permissions button.

Note: In the paid version of the plugin, you can assign the Sites.Selected to restrict user permissions. Click here to learn how this helps with granting permissions.

Sync SharePoint Files to WordPress | Folder Path

Click on Grant admin consent for button and then click on Yes from Grant admin consent confirmation window.

Sync SharePoint Files to WordPress | Folder Path

You can verify the granted status as shown in the image below.

Sync SharePoint Files to WordPress | Folder Path

Configure Embed SharePoint OneDrive Documents Plugin:

Choose plan type to configure manual app connection:

Free Plugin
Premium / Enterprise Plugin

Note: Before you configure the SharePoint Plugin with Manual-configuration, you would need to configure your Azure AD app first. This will allow you to get all the required endpoints for configuring the plugin.

Navigate to the Embed SharePoint OneDrive Documents Plugin.
Under the Connection tab, scroll down to the Manual Configuration section, then provide the required information from the Azure AD App, and click on the Save button.

Application ID	Copy and paste the Application ID from Azure AD App
Client Secret	Copy and paste the Client Secret from the Azure AD App
Tenant ID	Copy and paste the Directory ID from Azure AD App

Embed SharePoint OneDrive Documents | Folder Path

After successfully saving the configuration click on the Test Configuration button to test your connection with the Azure AD.

Embed SharePoint OneDrive Documents | Folder Path

If you have successfully setup SharePoint for WordPress, you can see a similar window as shown in the image below.

Embed SharePoint OneDrive Documents | Folder Path

Note: Before you configure the SharePoint Plugin, you would need to configure your Azure AD app first. This will allow you to get all the required endpoints for configuring the plugin.

Navigate to the Embed SharePoint OneDrive Documents Premium / Enterprise Plugin.
Under the Manage Application tab, paste the information from the Azure AD App and click on Save button.

Application ID	Copy and paste the Application ID from Azure AD App
Client Secret	Copy and paste the Client Secret from the Azure AD App
Tenant ID	Copy and paste the Directory ID from Azure AD App
Site URL	You can keep this empty if you want to sync all the SharePoint site, otherwise enter the link of specific SharePoint site from where you want to sync documents

Embed SharePoint OneDrive Documents | basic plugin configuration

Now click on the save button and then do the test configuration.

Embed SharePoint OneDrive Documents | Test successful

If the connection is successful, you will see the below window.

Embed SharePoint OneDrive Documents | Test successful modal

Step 2: Preview SharePoint Document

Choose plan type to preview embeded documents:

Free Plugin
Premium / Enterprise Plugin

Navigate to the Document Preview tab in the plugin.
Now select the SharePoint Site and Document Library/Drive from the respective dropdowns.
You can see the document preview for the selected site and drive as shown in the image below:

Embed SharePoint OneDrive Documents | Folder Path

Now go to the Embed Option tab.
The following shortcode will help you to embed documents into your site’s pages and posts.

Embed SharePoint OneDrive Documents | Folder Path

Copy and paste this Shortcode into pages or posts.

Embed SharePoint OneDrive Documents | Folder Path

Click On Publish and view post to get all documents on your page/post.

Embed SharePoint OneDrive Documents | Folder Path

Go to the document library tab where it will show the list of your all SharePoint sites initially.

Embed SharePoint OneDrive Documents | list of sites

Select the required site and it will fetch the drive residing under that site.

Embed SharePoint OneDrive Documents | Select Drive

You can see all the documents and folders present in that drive by selecting it.

Embed SharePoint OneDrive Documents | view all files in the drive

Navigate to the folder/document library for which you want to generate a shortcode to embed the view on your WordPress page.

Note: Please note that this will create the embed for the current view of the folder.

Now navigate to the right-hand side and click on Save Shortcode.

Embed SharePoint OneDrive Documents | Save Shortcode

Now click on the copy icon highlighted below to copy the shortcode.

Embed SharePoint OneDrive Documents | Copy Shortcode

Navigate to the WordPress Page/Post on which would like to display the SharePoint files.
From the available elements, select the shortcode item.

Embed SharePoint OneDrive Documents | Select WordPress Element

Paste the copied content in the shortcode area.

Embed SharePoint OneDrive Documents | Paste Copied Shortcode

Click On Publish and view the post to get all documents on your page/post.

Embed SharePoint OneDrive Documents | Published Post

FAQs

How do I display files from SharePoint on a WordPress site?

Install the miniOrange Embed SharePoint and OneDrive Documents plugin. Connect your Azure app with the Tenant ID, Client ID, and Client Secret. Create a file source for the SharePoint folder or library you want to show. Open the shortcode generator, choose the source, and generate the shortcode. Paste the shortcode into any post or page. Your selected files appear on the front end.

How do I get SharePoint to sync automatically with WordPress?

Open the Sync Settings tab in the plugin. Set the cache expiration time. The plugin checks SharePoint or OneDrive at the interval linked to your cache setting and refreshes the file list. Save the setting once, and the sync runs on schedule.

Can I restrict the plugin to specific SharePoint sites only?

Open the Site Restrictions section in the plugin settings. Enter the SharePoint site URLs or site IDs you want to allow. The plugin pulls data only from those locations. Your tenant stays limited to the sources you approve.

How do I generate a shortcode to display SharePoint files on WordPress?

Create a file source in the plugin. Open the Shortcode Generator tab. Choose the source and select a layout such as a list, grid, or table. Turn on options such as search or download if needed. Click Generate Shortcode, copy the output, and paste the shortcode into your WordPress editor. The files appear on the page right away.

Do external website visitors need a Microsoft account to view embedded SharePoint files?

No. The plugin authenticates through your Azure app credentials at the admin level. Readers view embedded SharePoint or OneDrive files on your WordPress site without a Microsoft account or direct SharePoint access.

What file types does the plugin support?

The plugin supports Word documents, Excel sheets, PDFs, PowerPoint files, images, and other common file formats. You filter file types while setting up the source, so your WordPress pages show only the content you want.

NEW SharePoint and Copilot Integration

Embed SharePoint OneDrive Documents | SharePoint Copilot Integration

Analyze and Access Documents Faster With Copilot Integration

Copilot Integration brings AI-powered search and analysis into your WordPress site so users can retrieve information directly from their SharePoint and OneDrive files. With simple natural language prompts, it locates the right documents, analyzes their content, and provides clear answers pulled from PDFs, Word files, Excel sheets, and PowerPoint presentations.

Thank you for your response. We will get back to you soon.

Something went wrong. Please submit your query again

Request a Demo!

Why Our Customers choose Embed SharePoint OneDrive Library / Documents / Files Solutions?

×

Hello there!

Need Help? We are right here!