How to create a word document from Bubble page

Hello, I’d like to create word documents that contains information that’s in a bubble app page.

What is the best way to do this? I’ve tried to look for answers but no success yet.

The need is to be able to get information from database (text and images) and be able to turn that info into a word document, which a customer can then download to their device.

Appreciate every helping hand. Thanks!

Hello @aija.peltola

This should help you: Generate .doc (Microsoft Word) Files dynamically in Bubble using our Plugin! - YouTube

Ramy

Hey, thanks for the reply. I have watched this video but I didn’t find a way to add images to that document. The information which the customer will save as a doc / pdf is including text fields and images, and the data will be coming from database, not written in rich text as here.

This is on my list of inquires too. If you find a way to achieve it please let us know.

Eric

Hey Eric,

How we shoelace McGyvered this for the moment, is

  1. Added workflow to send information (text and images from database) to a new page (the report page) using page parameters
  2. Modified the report page with wanted design, modifiable input fields and repeating group for showing multiple photos from a photo list on database
  3. Added a button, from which the user can press and it opens the basic print page function.
    From there, user can save the page view to their device and use that as report.

This is not the perfect solution and as I don’t know what you are trying to send, not sure if this helps you.

Let me know if I was unclear and you need more information on this.

Aija

Thanks @aija.peltola. I could implement something like that in the short term… Thanks for sharing .

Eric

@aija.peltola have you find a way to download the .doc file?
I’m having the same trouble as you describe

No unfortunately not :frowning:

1 Like

Hey all, update on this report issue! This is solved, not as a doc, but a PDF.

Step 1: Download free plugin called “Gerar PDF” This is brasilian, but you will figure it out.
Step 2: Make a popup (max width 720 px) and add a group inside of if. Add ID attribute of GerarPDF" to that group. See photo 1.
Step 3: Put everything you want to the report inside of this Gerar PDF group.

  • Note, input fields are cut short in this free plugin, so if there is a lot of text, it will not be fully visible. What I did was:
  • Added another popup
  • When user clicks on the text in the popup, the second popup opens. That popup has the texts as input fields, auto-binded to the original text. That way they are able to edit the text for the report and still have the text shown correctly to the final PDF.

Step 4: I made the workflow in a way that there is an icon top right of the popup. When user clicks that, the PDF is generated, so it doesn’t show in the report as a button, as it is just an icon. See information for workflow also from photo. You can find the plugin in the workflow view obviously from the “plugins”, choose “gerar pdf do elemento”,

This free plugin is not the best in quality, but it gets the job done, report is saved as PDF, in A4 size (since we add those measures in the workflow settings)

Hope this helps!


gerar2

@ericm and @ddiieeggoosl

1 Like

Hello @aija.peltola , could you make a look or a step by step of you proposal please ? i really need to have my report save as .doc

Thanks in advance :pray:

Hi @ramya ! Is it your plugin ?
The document I’m trying to create is quite complex and I’m using the JS toolbox to generate the string that is then used by the plugin. It works for most things, but I keep getting an error Unexpected identifier. Do you have any idea how to fix that ?
Cheers, Arthur