Search Results :

×

Embed SharePoint documents in WordPress | Sync SharePoint to WordPress


Get Free Trial

The Microsoft SharePoint WordPress integration can be achieved using our Embed SharePoint OneDrive Documents plugin, allowing you to embed SharePoint OneDrive Library/Documents/Files into your WordPress site without granting users direct access to the SharePoint site. The plugin securely displays data from SharePoint or OneDrive into WordPress, enabling users to interact with documents and files directly on the WordPress platform. This solution ensures seamless integration and secure access to SharePoint and OneDrive content within your WordPress site.Here, we will go through the complete step-by-step guide to connect your SharePoint/OneDrive site with WordPress and embed content efficiently.

Pre-requisites : Download And Installation

To Embed SharePoint OneDrive 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.

WordPress Embed SharePoint OneDrive Documents plugin allows you to embed sharepoint documents/files on your wordpress site.


How to Setup WordPress Embed SharePoint OneDrive Documents plugin

1. Setup for Azure AD App configuration

  • Navigate to the Embed SharePoint OneDrive Documents Plugin.
  • Under the Connection tab, select the required option from the Connection dropdown as shown below.
  • WordPress SharePoint Integration | Folder Path
  • You will be prompted with Azure AD Login Page. Log in using your Azure AD/SharePoint credentials.
  • WordPress SharePoint Integration | Folder Path
  • Select Consent on behalf of your organization option and click on Accept button.
  • WordPress SharePoint Integration | Folder Path
  • If you are successfully connected, you can see a similar window as shown in the below image
  • WordPress SharePoint Integration | Folder Path
  • Log in to Azure AD Portal, https://portal.azure.com/ as an Administrator.
  • You will be represented with the home screen of Azure Active Directory.
  • Under the Azure Services section, select Microsft Entra ID.
  • WordPress SharePoint Integration | Select Azure Directory
  • Under the Manage section, select App registrations tab.
  • WordPress SharePoint Integration | App registration
  • Now click on the New Registration option.
  • WordPress SharePoint Integration | 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.
  • WordPress SharePoint Integration | 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.
  • WordPress SharePoint Integration | 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.
  • WordPress SharePoint Integration | 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.

    WordPress SharePoint Integration | 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

miniorange img Granting API Permissions to your Azure AD Application:

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

  • WordPress SharePoint Integration
  • Select Microsoft Graph from the list.

  • WordPress SharePoint Integration | Folder Path
  • Select Application permissions (2nd option) as type of permissions.
  • WordPress SharePoint Integration | 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.
  • WordPress SharePoint Integration | 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.

    WordPress SharePoint Integration | Folder Path
  • Click on Grant admin consent for <tenant_name> button and then click on Yes from Grant admin consent confirmation window.
  • WordPress SharePoint Integration | Folder Path
  • You can verify the granted status as shown in the image below
  • WordPress SharePoint Integration | Folder Path

miniorange img  Configure Embed SharePoint OneDrive Documents 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
    WordPress SharePoint Integration | Folder Path
  • After successfully saving the configuration click on the Test Configuration button to test your connection with the Azure AD.
  • WordPress SharePoint Integration | Folder Path
  • If you are successfully connected, you can see a similar window as shown in the below image.
  • WordPress SharePoint Integration | Folder Path

2. How to Preview SharePoint Document?

  • 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:
  • WordPress SharePoint Integration | 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.
  • WordPress SharePoint Integration | Folder Path
  • Copy and paste this Shortcode into pages or posts.
  • WordPress SharePoint Integration | Folder Path
  • Click On Publish and view post to get all documents on your page/post.
  • WordPress SharePoint Integration | Folder Path

If you are looking for anything which you cannot find, please drop us an email on office365support@xecurify.com

Additional Resources


Hello there!

Need Help? We are right here!

support
Contact miniOrange Support
success

Thanks for your inquiry.

If you dont hear from us within 24 hours, please feel free to send a follow up email to info@xecurify.com