Easy Integration for Dropbox – File Manager vs PDF.js Viewer

Easy Integration for Dropbox – File Manager turns Dropbox into a native WordPress file manager. You can embed folders, documents, galleries, or uploader widgets on any page or post, while managing permissions, previews, and downloads from a single dashboard. Browse Dropbox files and folders without leaving WordPress, whether you need a quick preview or a complete file browser experience. Offer visitors document embeds, download links, and live previews straight from Dropbox with shortcode or block embeds that respect WordPress SEO best practices. Upload files to Dropbox through your WordPress site with flexible access controls, custom uploaders, and Contact Form 7 or Elementor Form integrations. Video Overview Features Built-in Dropbox file browser that works inside the WordPress admin and frontend panels. Shortcode builder with document embed, gallery, view link, and download link mode so you can tailor any page for SEO. File uploader component that can be placed in pages, posts, or forms and saves submitted files to Dropbox instantly. Preview popup that handles PDFs, Office documents, images, video, and more using lightGallery and Microsoft viewer. Shortcode builder media playback lets you add audio or video directly in embeds for presentations or tutorials. Media streaming from Dropbox accelerates playback and buffering for visitors browsing rich media. Slider carousel layouts in the shortcode builder spotlight featured folders or files in a touch-friendly carousel. Storage syncing keeps Dropbox and WordPress media aligned so files remain available wherever needed. Free Features ⚙️ Easy Setup Authenticate with Dropbox in a few clicks, use the guided OAuth flow, and start managing files from WordPress instantly. ⏫ File Uploader Upload directly to Dropbox via dedicated shortcode, Gutenberg block, or Elementor widget and keep all media centralized in your cloud storage. 📝 Shortcode Builder Create SEO-friendly shortcodes that embed Dropbox folders, documents, galleries, and download links with just a few options. 👁️ Previewer Show visitors a responsive preview popup for documents, images, PDFs, and multimedia so they can interact with Dropbox content without downloading it. 🔀 Contact Form 7 Integration Add a Dropbox file uploader to Contact Form 7 forms so submission attachments skip your server and land safely in Dropbox. Premium Features 🔒 User Private Files Let logged-in users upload and manage their own private Dropbox folders with per-user visibility controls. 🔀 WooCommerce Downloadable Products Integration Select Dropbox files for WooCommerce products, keep downloads synced with your store, and rely on a Dropbox-first delivery system. ⏯️ Media Library Integration Connect Dropbox to the WordPress Media Library to reuse files in posts, blocks, and widgets, blending cloud storage with your existing library. 🔒 Multiple Dropbox Accounts Link and switch between Dropbox accounts (PRO) without re-authenticating, ideal for agencies or multi-brand sites. 📁 Dropbox Team Folders Enable the Team Folders toggle in Settings to treat your Dropbox Business Team root as the plugin root. Please review any existing shortcodes or manually linked folders before switching, as the root folder will no longer be your personal folder. ⏯️ Media Player Support in Shortcode Builder Play audio and video directly through the shortcode builder without extra configuration. 📡 Media Streaming Stream media assets from Dropbox with optimized buffering for smooth playback. 🎠 Slider Carousel in Shortcode Builder Display folder contents in a carousel layout to highlight featured files. 💾 Storage Syncing Keep Dropbox storage in sync with WordPress media for consistent asset management. Popular Plugins Integration (Modules) 🔀 Gutenberg Block Editor Integration Drop custom Gutenberg blocks into posts or pages so editors can embed Dropbox files without writing code. 🔀 Elementor Page Builder Integration Use Elementor widgets to place Dropbox content precisely where it belongs in your landing pages and templates. 🔀 Divi Page Builder Integration (Upcoming) Bring Dropbox folders and uploaders to Divi modules as soon as the integration rolls out. For now you can use shortcodes inside Divi. 🔀 WooCommerce Integration Deliver downloadable products from Dropbox for faster, scalable commerce experiences. 🔀 Contact Form 7 Integration Add a Dropbox file uploader to Contact Form 7 forms so submission attachments skip your server and land safely in Dropbox. 🔀 WPForms Integration Add a Dropbox file uploader to WPForms forms so submission attachments skip your server and land safely in Dropbox. 🔀 Ninja Forms Integration Add a Dropbox file uploader to Ninja Forms forms so submission attachments skip your server and land safely in Dropbox. Upcoming Features 🔍 File Search Add a lightweight file search interface on any page so visitors can quickly locate Dropbox assets. 🛠️ Shortcode Builder Upgrades Expand shortcode capabilities with file browser, file search, and modern layouts for more engaging embeds. 🔗 More Popular Plugins Integration (Modules) We are expanding support to additional page builders and form plugins to make Dropbox accessible everywhere on your site. External Libraries and Links Used We rely on the following libraries and viewers to power Dropbox embeds and previews. – Dropbox PHP SDK – Browse and upload files via Dropbox APIs. – lightGallery – Render responsive galleries and previews for images, video, and documents. – Flaticon – Provide crisp icons for the UI. Links: https://docs.google.com/viewerng/viewer?embedded=true&url= – Embeds PDFs in the preview popup. https://view.officeapps.live.com/op/view.aspx?src= – Shows Office documents inside the preview. Data Privacy The plugin collects only the information required to authenticate with Dropbox: 1. Your WordPress website address. 2. A short-lived authorization code generated by the OAuth flow. These details are transmitted once you accept the Dropbox OAuth consent screen and are handled securely via https://oauth.ultradevs.com/dropbox-integrator-wp.php before redirecting back to your site. This authorized redirect ensures the plugin works without you needing to create your own Dropbox App while keeping the OAuth handshake smooth. See the ultraDevs Privacy Policy for more details. ℹ️ IMPORTANT: Communications occur directly between your server and Dropbox. Everything is encrypted, and no user files pass through our servers. Support & Resources Free Support | Live Chat | Documentation | Video Tutorials Join With US Facebook – Community | Facebook – Page | YouTube | Twitter | Instagram Made With Love By ultraDevs ❤️

Incorporate Mozilla’s PDF.js viewer into your pages and posts via a Gutenberg block or a simple shortcode. PDF.js is a javascript library for displaying pdf pages within browsers. Features: Gutenberg Block and Shortcode Elementor Widget (auto-detects when Elementor is active) Translation Support (plugin only): Spanish and French included, ready for more languages Elegant Theme that adapts to dark and light mode (if browser supports dynamic CSS) Customizable buttons Page navigation drawer Search functionality Protected PDF password entry Loading bar & displays partially loaded PDF (great for huge PDFs!) Document outline Classic Editor: Easy to use editor media button that generates the shortcode for you Support for mobile devices Responsive design with mobile support Shortcode Syntax: [pdfjs-viewer attachment_id=123 viewer_width=600px viewer_height=700px fullscreen=true download=true print=true] Or use a direct URL: [pdfjs-viewer url=http://www.website.com/test.pdf viewer_width=600px viewer_height=700px fullscreen=true download=true print=true] Shortcode Parameters: attachment_id (recommended): ID of the media file in WordPress media library url (alternative): Direct URL to PDF file. Use attachment_id when possible for better security. viewer_width (optional): Width of the viewer (default: 100%) viewer_height (optional): Height of the viewer (default: 800px) fullscreen (optional): true/false, displays fullscreen link above viewer (default: true) fullscreen_text (optional): Text for the fullscreen link (default: View Fullscreen) Spaces not allowed. Use %20 in place of spaces. fullscreen_target (optional): true/false, open the fullscreen link in a new tab (default: false) download (optional): true/false, enables or disables download button (default: true) print (optional): true/false, enables or disables print button (default: true) openfile (optional): true/false, show open file button (default: false) zoom (optional): Initial zoom level – auto, page-actual, page-fit, page-width, or percentage like 75, 100, 150 (default: auto) Elementor Widget If you’re using Elementor, the PDF.js Viewer Elementor widget is automatically available in the Page Builder. Admin Notice After Updates / Invalid Block When you update the plugin, editors may see an admin banner explaining that Gutenberg could show an “Attempt Block Recovery” prompt when editing older posts with PDFs. Clicking it updates the block format; it does not affect what visitors see. You can dismiss the banner, and it won’t reappear until a future release enables it again. License This WordPress plugin is licensed under GPLv2 or later. PDF.js (included in this plugin) is developed by Mozilla and licensed under the Apache License 2.0. See the PDF.js repository for details. 3.1.1 Re-enabled Alternative PDF Loading and fixed a full screen issue with it if it were enabled. Fix for widgets not loading default settings from the options page. Update how we load the Elementor widget so hopefully it works better. Internal code cleaup. Translation updates. 3.1.0 Cache busting for the pesky pdf.worker.js file to prevent caching issues after updates Added Elementor widget Brought Zoom back Ability to whitelist other domains (like CDNs) to load PDFs from. 3.0.4 Cache busting for PDF.js files to prevent caching issues after updates 3.0.3.1 URL Encoding fix 3.0.3 PDFjs 5.5.207 Improved URL encoding for PDF files with special characters in filenames/URLs Enhanced security with better sanitization of file parameters 3.0.2 Added cache busing to PDFjs files to prevent caching issues after updates 3.0.1 Fixed an issue with mjs files on servers that don’t support the mime type 3.0.0 Now requires WordPress 5.0 and PHP 7.4 Upgraded PDFjs to PDF.js 5.4.456 Added PDF preview in Gutenberg block Admin notice for block recovery after updates Accessibility improvements. Reworked the block editor PDF embed code Options Page improvements. Added message so if the user is trying to load external PDFs, they’ll get a warning Translation Support: Added internationalization support Included Spanish (es_ES) and French (fr_FR) translations Added translation template (POT file) for additional languages Added load_plugin_textdomain() for automatic translation loading Created translation guide in languages/README.md Fixed window.pdfjs_options undefined errors in block editor Added safe fallback to prevent JavaScript errors when options not loaded Improved attribute default handling in Gutenberg block Added PDF preview in Gutenberg block editor Consolidated rendering logic with new pdfjs_render_viewer() function Created pdfjs_get_options() helper for consistent option retrieval Added proper input sanitization with pdfjs_sanitize_option() Fixed pdfjs_viewer_scale default from 0 to auto Updated build toolchain (Sass, webpack, Node 18+ requirement) Removed unused code and improved code organization Added .nvmrc for Node version management Fixed PHP Warning: Undefined array key “editButtons” thanks to retroflexer Fixed issue where iFrames could break the layout on smaller screens 2.2.3 Updated PDFjs to PDF.js 5.3.93 Merged ‘Add toggle to disable editing buttons’ PR Merged ‘Fix PHP Warnings: Undefined array key’ PR Package security updates / rebuild 2.2.2 PDFjs with legacy browser support 2.2.1 .mjs workaround Updated to PDFjs 4.5.136 2.2 Updated to PDFjs 4.3.136 Renamed ‘Download’ to ‘Save’ based on PDFjs change. Removed the zoom feature to hopefully fix Edge issues. Disabling the Alternative PDF Loading version 2.1.8 Preventing users from adding JS to shortcodes. Bumping version numbers 2.1.7 Fixed the fullscreen settings for new PDFs Fixing a bug where, on fresh installs, the fullscreen text would be ‘on’ Tested with WordPress 6.0-beta3-53297 2.1.6 Added testing up to WordPress 5.9. Added a few more variables into the Alternative PDF Loading version. Moved the Alternative PDF Loading to beta. 2.1.5 Detect ACF before running ACF code. Beta: Added a feature flag to load the PDF in full screen view differently. 2.1.4 Decoding PDF urls when other plugins encode them in the classic editor. 2.1.3 Adding a version number to some JS files to break caches Fixing an issue where the fullscreen text didn’t have spaces Updating the shortcode in the read me 2.1.2 Reverting to the file in the URL 2.1.1 Updating how we call the WordPress plugin directory. Updating function names. More sanitization. 2.1.0 Added the file ID to the URL. Hooked WordPress into the viewer to pull the URL in. Should fix some possible security concerns. Removed the file URL from the URL. Removed the pdfjs_set_custom_edits filter. Removed the pdfjs_set_custom_domain filter. Sanitizing inputs Removing search term. 2.0.2 Preventing XSS with the search term 2.0.1 Now works with ACF fields! Thanks @imj13 2.0.0 Major PDFjs Upgrade to version 2.6.347 Changing the insert PDF button to fire on a class not ID. Updated the minimum version of WordPress supported. Maybe Edge is happy now? 1.5.9 Fixing the issue that made Edge unhappy. fingers crossed 1.5.8 Starting to hook up options page to the shortcode. Fixing a potential code injection problem Fix for WordPress 2021 Theme 1.5.7 Fix for those not running WordPress 5+ where a fatal error would show because a function I called didn’t exist. 1.5.6 New options page to set the default settings. Only showing the ‘Add PDF’ media button to posts using the classic editor as it only works in the classic editor. Added a filter to pass in a custom domain if URLs are proxied. pdfjs_set_custom_domain Added a filter if you want to edit the PDF URL. pdfjs_set_custom_edits Ability to hide Search via setting on options page. Ability to show Sidebar via setting on options page. Ability to highlight a search term on PDF load. v1.5.5 High Five 🖐 v1.5.4 Reworking way we make the PDF url relative. v1.5.3 Remove only the first instance of the domain name from the URL. Leave it if it’s in a directory or file name. v1.5.2 Making the PDF URL relative so that maybe Microsoft Defender won’t complain. Allowing the viewer to be called directly. Hiding the Open button. Checking for register_block_type function before calling it to better support WordPress 4.x. Thanks @Now-Italy-Demo @octoxan Made the PDF URL relative to hopefully fix Windows Defender security issues. Adding option to open the fullscreen link in a new tab. v1.5.1 Reverting the update to Mozilla PDF.JS library as it broke older browsers and some other setups. v1.5 Updated Plugin Name Updated Plugin Icon Gutenberg Block Updating Mozilla PDF.JS library. Adding a class to the fullscreen link. Ability to customize fullscreen link text. Ability to customize default zoom level. Classes so you can style things easier. Shorter default height. v1.4.6 Renaming URL variables to prevent a possible Edge security message. v1.4.5 Fixes a version number issue that was introduced in the last version. v1.4.4 Brings back the ability to hide print and download. Adds version numbers to URLs to hopefully break caches and prevent weirdness. v1.4.3 Fixes an issue where PDFs wouldn’t load on production sites due to a setLanguage error. v1.4.2 Added title to iFrame for accessibility. Cleaning up code per WordPress standards. v1.4.1 Updating the Readme v1.4 Updating to PDF.JS version v2.3.200 Updating the Readme Adding Gutenberg Callout v1.0 – 1.3 The birth of the plugin and first few versions.