🛠️ Installation & Setup Guide – Document Viewer Plugin 📄🚀 🔹 Installation Steps
📌 Step 1: Open your Bubble Editor.
📌 Step 2: Navigate to the Plugin tab and search for Document Viewer Plugin. 🔍
📌 Step 3: Click Install to add the plugin to your Bubble application. ✅

---

⚙️ Configuration & Setup
📌 Adding the Plugin Element 🖥️
✔️ Go to the Design tab in Bubble. 🎨
✔️ Drag and drop the Document Viewer element onto your page. 📄
📌 Setting Up File Links 🔗
✔️ Users can input file URLs manually in the file_upload field. 📥
✔️ Add a Google Viewer Button, then set its ID in the Appearance tab as
"viewAsGoogle"
.
✔️ Click the button with this ID to view the file from a URL. 🌐👁️
✔️ Click a demo document button to preview sample files in action. 📝
📌 Adding Buttons Manually for Demo Documents 🖲️
✔️ In the Design tab, add multiple Button elements for demo documents.
✔️ Label them based on file type (e.g., View PDF, View DOCX, View PPTX). 🏷️
✔️ In the Workflow tab, set an action to display the demo document.
🎨 Custom Styling ✨
✔️ Modify CSS styles in the Bubble editor to match your app’s design. 🎭

---

❓ FAQs – Document Viewer Plugin
1️⃣ What types of documents can this plugin preview? 📂
✅ The plugin supports PDF, DOCX, PPTX, XLSX, TIFF, and SVG files.
2️⃣ How do I add my own file for viewing? 🖥️
✅ Simply paste the file URL into the input field file_upload.
3️⃣ Do I need any external API keys? 🔑
✅ No, this plugin uses the publicly available Google Document Viewer—no API key required! 🚀
4️⃣ Does the plugin work on mobile devices? 📱
✅ Yes! The plugin is fully responsive and works on both desktop and mobile devices.
5️⃣ Does the plugin support real-time updates if the file changes? 🔄
✅ Yes, the plugin automatically refreshes to display the latest version of the file when updated.

📄Plugin Documentation

🚀 Get started with the Document Viewer Plugin today and enhance your Bubble app's document preview experience!✨