Skip to content
Gallery
Abel Documentation
Share
Explore
generate PDF Plugin

icon picker
Google Docs as a Template

If you are very familiar with using Google Docs to create documents (for example using Make or Zapier) you will really like this guide, because generate PDF plugin makes the work easier and will save you a lot of time

1. Prepare your template in Google Docs

In your template, we are going to use braces for example: {{company}} to replace later, with the value you pass to it.
Here is an example of a template, where the words that are in braces are the ones that will be replaced using the generate PDF plugin
CleanShot 2024-02-12 at 20.34.44@2x.png

2. Download the HTML template

In Google Docs we can download the Document as HTML, let's see how to do it.
Go to File
Download
Web Page (.html, zipped)
CleanShot 2024-02-12 at 20.27.31@2x.png

3. Upload the images you have in your HTML to Bubble

If your template has images, be sure to upload them to Bubble File Manager, then just replace the source of the image with the link uploaded in Bubble
Note: If there’s a image that was not uploaded to bubble and replaced in the HTML, maybe that may cause the document not to be generated correctly. Replace all src=”image1.png” in your template
CleanShot 2024-02-12 at 20.44.02@2x.png

4. Copy the HTML

Open the html file and click on View Page Source
CleanShot 2024-02-12 at 20.52.08@2x.png
Select all, and copy
CleanShot 2024-02-12 at 20.55.10@2x.png

5. Set up generatePDF plugin

Now in the plugin, paste the html you copied in the plugin HTML section, I recommend use Arbitrary text to do that.
Write your params without braces
Test it
Done!
CleanShot 2024-02-12 at 20.56.24@2x.png
Want to print your doc?
This is not the way.
Try clicking the ⋯ next to your doc name or using a keyboard shortcut (
CtrlP
) instead.