MARKETPLACE
PLUGINS
DOCUMENT VIEWER
Document Viewer logo

Document Viewer

Published January 2025
   •    Updated this month

Plugin details

DOCUMENT VIEWER
The Document Viewer Plugin is a seamless solution to integrate document preview functionality directly into your Bubble.io application. Whether you’re working with PDFs, Word documents, or other supported formats, this plugin simplifies the integration process and provides a clean, responsive iframe-based viewer for your app.

Transform your app into an engaging platform with the Document Viewer Plugin!

Key Features

Display Any Document with Ease
Supports Multiple Formats: Easily display PDFs, Word documents, Excel sheets, and more using a simple iframe integration.

Publicly Accessible URLs: Handles publicly accessible document URLs effortlessly for seamless embedding.

Dynamic Document URL Updates
Real-Time Updates: Built-in action to dynamically change the document URL, enabling seamless user interactions without page reloads.

Customizable and Responsive
Flexible Dimensions: Set iframe dimensions to match your app’s layout, ensuring a responsive design across devices.
User-Friendly Fallbacks: Displays a user-friendly message when a document URL is missing or invalid.

How It Works

1. Add the Plugin to Your Application
Install the Document Viewer Plugin from the Bubble.io plugin marketplace.

2. Set Up the Plugin Element
Drag and Drop: Drag the Document Viewer element onto your Bubble page.
Customize Dimensions: Adjust the iframe dimensions (width, height) as needed in the property editor.

3. Integrate Dynamic Controls
Input Elements: Add input fields or buttons to allow users to specify or change the document URL.
Workflows: Use workflows to trigger the Update Document URL action, passing the desired document URL dynamically.

Workflow Actions

Update Document URL
Dynamically update the document being displayed in the viewer:

Properties:
document_url: Provide the URL of the document you want to display.
Example Use Cases
Preview PDFs
Embed a PDF file for users to read directly within your app without requiring downloads.

View Word Documents
Allow users to view Word documents seamlessly, enhancing document management and accessibility.

Dynamic Document Display
Enable users to upload or select a document from a list and preview it in real-time, improving user experience and interaction.

Demo and Support
🔗 Demo Page
http://chakor-plugins-demo-4.bubbleapps.io/version-test/document_viewer

🔗 Editor Link
https://bubble.io/page?id=chakor-plugins-demo-4&tab=Design&name=document_viewer&type=page

Need Help?
Our team is available to assist you! Visit our support forum for questions or troubleshooting:
https://forum.thechakor.com

With the Document Viewer Plugin, you can effortlessly build document-heavy applications with full control over preview and display functionalities. Provide users with an intuitive way to view documents directly within your app, enhancing engagement and functionality!

Start integrating the Document Viewer Plugin today and elevate your Bubble.io applications to the next level! 🚀

$5

One time

stars   •   0 ratings
20 installs  
This plugin does not collect or track your personal data.

Platform

Web

Contributor details

Chakor logo
Chakor
Joined 2021   •   371 Plugins
View contributor profile

Instructions

1. Add the Plugin to Your Application Install the Document Viewer Plugin from the Bubble.io plugin marketplace.

2. Set Up the Plugin Element
Drag and Drop: Drag the Document Viewer element onto your Bubble page.
Customize Dimensions: Adjust the iframe dimensions (width, height) as needed in the property editor.

3. Integrate Dynamic Controls
Input Elements: Add input fields or buttons to allow users to specify or change the document URL.
Workflows: Use workflows to trigger the Update Document URL action, passing the desired document URL dynamically.

Workflow Actions

Update Document URL
Dynamically update the document being displayed in the viewer:

Properties:
document_url: Provide the URL of the document you want to display.
Example Use Cases
Preview PDFs
Embed a PDF file for users to read directly within your app without requiring downloads.

View Word Documents
Allow users to view Word documents seamlessly, enhancing document management and accessibility.

Dynamic Document Display
Enable users to upload or select a document from a list and preview it in real-time, improving user experience and interaction.

Types

This plugin can be found under the following types:
Background Services   •   Element   •   Action

Categories

This plugin can be found under the following categories:
PDF   •   Media   •   Technical   •   Visual Elements

Resources

Support contact
Documentation
Tutorial

Rating and reviews

No reviews yet

This plugin has not received any reviews.
Bubble