🎓 Create Unlimited FREE PDF's (No Integrations/Fees)

What’s going on Gliders!

Here’s a simple, straightforward way of creating unlimited free PDF’s in Glide without other services or integrations!

Step 1: Setup The Table

  1. Add a “Template” column in your table and name it “PDF/Template”.
  2. Paste some HTML as the Template.
  3. Add some “Replacements” to make it dynamic.
  4. Add a “Construct URL” column in your table and name it “PDF/Link”.
  5. Add “Https” as the Protocol.
  6. Add “html2pdf.loqode.repl.co” as the Host.
  7. Add 1 Query Parameter.
  8. Type “PDF” as a Parameter name and select the PDF/Template column as the custom value.

Step 2: Create The “Generate PDF” Button

  1. Head to the layout screen.
  2. Create a button, select “Open Link” as the action, then add the “PDF/Link” as the URL.
  3. Click the button… And magic happens!

This method is totally free, and while it doesn’t automatically upload the PDF to your Glide app. it allows you or your clients to create as many PDF’s as you want! The template is 100% customisable, and you can even use Tailwind CSS to style the template if it tickles your fancy.

If anyone ever needs a hand with getting this up & running, or anything else Glide related, don’t hesitate to reach out or join my free Glide community.

26 Likes

What software do you use for screencasts. I like the transitions when moving around the screen.

1 Like

It’s called Screen Studio. Slower than other tools (like Loom) in many ways, but if you can deal with slow export times and don’t mind uploading to Youtube/Loom before sharing it’s pretty neat!

3 Likes

Interesting, thanks for sharing!

1 Like

My pleasure! Not a fully automated way to generate PDF’s, but only takes a second or two to download and upload/send/attach the PDF from there…

1 Like

Hi in my app, dont work, the page dont load. i´ll send you my code html?

1 Like

Sure! Send it through. Everything should be working :face_with_monocle:

I’m sorry it worked now. I had put the complete url so the https had been duplicated in the link column.

Thanks so much for sharing this content!

1 Like

Hello!

Does this work converting a webpage into a PDF?

1 Like

You’re very welcome!! Glad you sorted it out :+1:

That’s the basic premise! It takes the HTML you use in your PDF template, renders it as a webpage, then triggers the Print/Save As PDF functionality of your browser. Quite versatile and lightweight :grin:

I like it…might use it for personal projects. I’m just afraid that this will break /go unmaintained at some point, so I probably won’t use it for client work unless I’m mistaken. Really need a way to get permalinks for PDFs this easily.

2 Likes

Hola @Loqode

May you show me a short/simple HTML code to use it as template to test your nice tool? I have some problems to replicate your steps and can’t get it to work well (not your fault… I’m sure it’s me :woozy_face:)

In the end, I’d like to replicate this HTML page and get a PDF file later (it’s just an example) but I can’t find the flaw in my setup.

Thanks!

I also imagine that if you want dynamic line items, tables, sections, etc. you’d have to craft all of that in some sort of template/join list column combination?

2 Likes

Totally get where you’re coming from! I built this for a client so I have no plans of ever taking the app down, but if you want I can send over the source code so you can create your own free instance of the app? That way you can safely deploy it for any of your client work :+1:

As for the dynamic line items, you’re spot on. Two separate Tables as follows:

Line Items:
Each individual Line Item has a Template Column (e.g. “HTML”) where the info is dynamic.

// For example:
<li>ITEM - PRICE</li>

Invoice
Then the Invoice table has a Relation Column (Pulling in all the related Line Items), a Joined List Column (joining all of Line Item’s “HTML” columns, separated by new line or nothing (no commas), and a Template Column that pulls info from current invoice as well as the joined HTML from related Line Items.

// For example, the Template Column would look something like:
<h1>NAME</h1>
<ul>LINEITEMS</ul>

// The final HTML (used to create the PDF) will look something like:
<h1>🎓 Loqode Students</h1>
<ul>
   <li>Item 1 - $100.00</li>
   <li>Item 2 - $200.00</li>
   <li>Item 3 - $300.00</li>
</ul>

And the beauty is that since it’s all HTML based you can make the PDF as complex or as simple as you want, and it stays dynamic as the related Line Items or Invoice is updated/edited.

I’m filming a follow-up video explaining all of this and will post shortly :grin:

2 Likes

You can definitely create the invoice you linked! It will take a little knowledge of HTML to get it done, but it’s 100% possible.

An example of the simplest HTML you could try is:

// Most Basic
<h1>Invoice #123</h1>

// Or a basic table:
<table>
  <tr>
    <th>Name</th>
    <th>Email</th>
  </tr>
  <tr>
    <td>Marco Volpato</td>
    <td>teacher@loqode.com</td>
  </tr>
</table>

The table will look as follows in the pdf:

Name Email
Marco Volpato teacher@loqode.com

And you can then continue to build it out from there :+1:

Thanks Marco!

I found my error, your “PDF” parameter is case sensitive :exploding_head:

and now my example looks fine as PDF using your tool… great!

Saludos!

1 Like

Fantastic!! Glad to hear you sorted it out :+1:
Forgot to mention that it’s case sensitive, thanks for pointing that out :muscle:

2 Likes

Can i ask that, how can i do a version that will not triggers the Print/Save As PDF?

I’m not quite sure what you’re asking/what the use case is… But if all you want to do is display the HTML you can view it natively using a rich-text component.

1 Like