Templates Plugins Courses

📈 Documents Viewer - New Plugin from Zeroqode

Documents Viewer allows you to easily preview Microsoft and Google documents inside your app without downloading the files. You can open them through dynamic or static links in the input fields. The plugin comes with two elements: Microsoft Viewer and Google Viewer.

Type of supported files:
Microsoft Viewer - (’.ppt’ ‘.pptx’ ‘.doc’, ‘.docx’, ‘.xls’, ‘.xlsx’)
Google Viewer - (.JPEG, .PNG, .GIF, .TIFF, .BMP), (WebM, .MPEG4, .3GPP, .MOV, .AVI, .MPEGPS, .WMV, .FLV), (.TXT), (.CSS, .HTML, .PHP, .C, .CPP, .H, .HPP, .JS), (.DOC and .DOCX), (.XLS and .XLSX), (.PPT and .PPTX), (.PDF), (.PAGES), (.AI), (.PSD), (.TIFF), (.DXF), (.SVG), (.EPS, .PS), (.TTF), (.XPS), (.ZIP and .RAR)

Important Note: Google Viewer works only with public documents that have docs.google.com urls.

Live demo: https://zeroqode-demo-17.bubbleapps.io/documents_viewer
Plugin page: https://bubble.is/plugin/documents-viewer-1561452651815x527935611742978050

Please support us with a retweet

Levon Terteryan

Founder @ Zeroqode


Bubble Templates

Zeroqode Blocks

Bubble Plugins

Bubble Courses

Convert Web to iOS & Android

No-code Development Services

Hi @levon

Both the Microsoft Viewer and the Google Viewer work fine when the file I’m trying to preview is open to the web.

However, as soon as I add any kind of Privacy Data Role, the Google Viewer can no longer preview the file (the Microsoft one seems fine). Is that expected behaviour?


Hi Travis
i believe so, if it’s not possible to open from the web then how the plugin will be able to see it?

Thanks @levon,
You’re right - same issue with the Microsoft viewer:
Sorry, I hadn’t thought through how Microsoft & Google’s file preview services worked - of course they need access to the file to display it.
I’ll have to find another solution though because I want to preview files inside my private app.

1 Like

Just purchased this and tried to get a PDF to display as shown in the list of supported files and I get two system error:

  1. The plugin Documents Viewer / element Google Viewer threw the following error: TypeError: Cannot set property ‘url’ of undefined
    at eval (PLUGIN_Documents-Viewer-update–Google-Viewer-.js:1:26)
    at https://dhtiece9044ep.cloudfront.net/package/run_debug_js/31e1eb5bbbc2f9a4888e20f22c4412bb6ad2aad3c471758e7e675346ebe24c64/xfalse/x5:18:444330 (please report this to the plugin author)

  2. The plugin Documents Viewer / element Google Viewer threw the following error: ReferenceError: Vue is not defined
    at eval (PLUGIN_Documents-Viewer-initialize–Google-Viewer-.js:1:110)
    at https://dhtiece9044ep.cloudfront.net/package/run_debug_js/31e1eb5bbbc2f9a4888e20f22c4412bb6ad2aad3c471758e7e675346ebe24c64/xfalse/x5:18:444097 (please report this to the plugin author)


Hello @sanastasi, thank you for reaching out!

Could you please add [email protected] as collaborators to your app. It will help to understand the causes of the issue and find the solution ASAP. In order to do that just go to settings > collaboration and insert [email protected].

Thank you in advance!

Best Regards,

Hi, I’m not able to show any google file
Tried to use the share link:


and the publish on internet link:


it is even not working in the Zeroqode Plugin Demo page:


when I enter the publish code in the plugin on my APP:


Then I can see the document in the APP as I’m logged in my Google Account.
My users can’t see the document.
When I send the complete link by email they can see it.

What is going wrong??

Hi @marco, thanks for reaching out. I’m afraid it is a plugin issue. Let us better investigate it and I’ll get back to you with a solution as soon as possible. Thank you for feedback!

Hi @marco, I’m reaching out to notify that there is a problem with displaying Google, indeed. However, it is not a plugin issue, it’s related to Docs itself that we cannot help with, unfortunately. You can check the plugin to see that it displays well an external document with this link https://file-examples.com/wp-content/uploads/2017/02/file_example_XLS_10.xls on our demo app also https://zeroqode-demo-17.bubbleapps.io/documents_viewer. Thank you for patience and understanding :pray:

I’m getting very inconsistent results using this plugin.

Loading can be quick sometimes and slow others… even for the same document.

Typically I have to click around multiple documents to get them to show… then once they’re showing they seem to be OK until you realise that its not updating consistently resulting in users looking at the wrong document.

Is there any way to fix this or is it just unreliable due to the constraints of using googles plugin?

As a minimum we need the ability to reset the viewer before loading up a new document so that users aren’t left looking at the wrong documents… at least that way they’re looking at nothing rather than the wrong document.

I have recorded a video which I can DM if required.


Hi, @shaun, thanks for reaching out!

Unfortunately, we cannot influence Google file Viewer, because the result of its work doesn’t depend on the plugin itself, but on Google viewer. For a better experience, we recommend using URL for public files from google drive in order to preview the files correctly. In another case, it might view documents, might not. Apologies for the inconvenience. :pray:

Best, Julia.