# 🔥 Free Glide PDF Plugin - HTML2PDF

**URL:** https://community.glideapps.com/t/free-glide-pdf-plugin-html2pdf/71954
**Category:** Community Resources
**Tags:** pdf
**Created:** [March 23, 2024, 6:30am UTC](https://community.glideapps.com/t/free-glide-pdf-plugin-html2pdf/71954 "2024-03-23T06:30:50Z")
**Posts on this page:** 20
**Page:** 1

<div class="post-metadata">

### Author: ![Loqode](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/loqode/32/50217_2.png) [@Loqode](https://community.glideapps.com/u/Loqode)
#### Post date: [March 23, 2024, 6:30am UTC](https://community.glideapps.com/t/free-glide-pdf-plugin-html2pdf/71954/1 "2024-03-23T06:30:51Z")

</div>

What’s up Gliders!

I’ve created a free PDF generating plugin for you all.

This plugin allows you to preview and save HTML as a PDF.  
It’s very powerful, totally customisable, and completely free 🤓  
You can also copy the code yourself and host it for free on Github if you want.

https://www.loom.com/embed/6f7e4d9c19094335b0c0296e7809d528?sid=d9895af6-3c0f-40c2-9a3e-61035408bde6

**How to use it:**

1. In an experimental code column, paste the following URL: `https://loqode.github.io/html2pdf`
2. Then on your layout screen, add a web-embed component and select this column as the source.
3. Viola!

If you have any questions, let me know!

Happy Gliding 😁

p.s. You can [click here](https://github.com/Loqode/html2pdf) to view the code on Github.

---

<div class="post-metadata">

### Author: ![Himaladin](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/himaladin/32/71023_2.png) [@Himaladin](https://community.glideapps.com/u/Himaladin)
#### Post date: [March 23, 2024, 6:51am UTC](https://community.glideapps.com/t/free-glide-pdf-plugin-html2pdf/71954/2 "2024-03-23T06:51:36Z")

</div>

Thank you Marco. You take the lead in front of Glide. 👏

---

<div class="post-metadata">

### Author: ![Antonino\_Nolasco](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/antonino_nolasco/32/80601_2.png) [@Antonino\_Nolasco](https://community.glideapps.com/u/Antonino_Nolasco)
#### Post date: [March 23, 2024, 7:39am UTC](https://community.glideapps.com/t/free-glide-pdf-plugin-html2pdf/71954/3 "2024-03-23T07:39:49Z")

</div>

Thank you so much Marco! 😉 @Loqode

---

<div class="post-metadata">

### Author: ![Loqode](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/loqode/32/50217_2.png) [@Loqode](https://community.glideapps.com/u/Loqode)
#### Post date: [March 23, 2024, 8:11am UTC](https://community.glideapps.com/t/free-glide-pdf-plugin-html2pdf/71954/4 "2024-03-23T08:11:02Z")

</div>

@Himaladin @Antonino_Nolasco You’re very welcome!! Enjoy 🍿

---

<div class="post-metadata">

### Author: ![Antonino\_Nolasco](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/antonino_nolasco/32/80601_2.png) [@Antonino\_Nolasco](https://community.glideapps.com/u/Antonino_Nolasco)
#### Post date: [March 23, 2024, 11:13am UTC](https://community.glideapps.com/t/free-glide-pdf-plugin-html2pdf/71954/5 "2024-03-23T11:13:56Z")

</div>

On mobile it doesn’t work, when I click Download nothing happens. @Loqode

---

<div class="post-metadata">

### Author: ![Himaladin](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/himaladin/32/71023_2.png) [@Himaladin](https://community.glideapps.com/u/Himaladin)
#### Post date: [March 23, 2024, 12:57pm UTC](https://community.glideapps.com/t/free-glide-pdf-plugin-html2pdf/71954/6 "2024-03-23T12:57:55Z")

</div>

on ios it works, but redirects to open in adobe.

 ![IMG_2095](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/d/3/d30709d96590bbb7c48441a5a93a09bdd609d5ba.png)

---

<div class="post-metadata">

### Author: ![Antonino\_Nolasco](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/antonino_nolasco/32/80601_2.png) [@Antonino\_Nolasco](https://community.glideapps.com/u/Antonino_Nolasco)
#### Post date: [March 23, 2024, 2:08pm UTC](https://community.glideapps.com/t/free-glide-pdf-plugin-html2pdf/71954/7 "2024-03-23T14:08:50Z")

</div>

Yes, now it works. @Himaladin @Loqode

---

<div class="post-metadata">

### Author: ![slscustom.ru](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/slscustom.ru/32/77336_2.png) [@slscustom.ru](https://community.glideapps.com/u/slscustom.ru)
#### Post date: [March 23, 2024, 4:36pm UTC](https://community.glideapps.com/t/free-glide-pdf-plugin-html2pdf/71954/8 "2024-03-23T16:36:15Z")

</div>

How you guys dealing with brand image in the header and the page number in the footer?

---

<div class="post-metadata">

### Author: ![biha](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/biha/32/84110_2.png) [@biha](https://community.glideapps.com/u/biha)
#### Post date: [March 25, 2024, 2:10am UTC](https://community.glideapps.com/t/free-glide-pdf-plugin-html2pdf/71954/9 "2024-03-25T02:10:20Z")

</div>

Awhhh thank you so muchhhh!

---

<div class="post-metadata">

### Author: ![Nataliya\_Kovaleva](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/nataliya_kovaleva/32/67518_2.png) [@Nataliya\_Kovaleva](https://community.glideapps.com/u/Nataliya_Kovaleva)
#### Post date: [March 25, 2024, 4:53am UTC](https://community.glideapps.com/t/free-glide-pdf-plugin-html2pdf/71954/10 "2024-03-25T04:53:56Z")

</div>

I think if you fork it, you should be able to add the page number function in the code… As for the header, I believe it can be done in the html part… 🤔 correct me if i’m wrong, please

---

<div class="post-metadata">

### Author: ![slscustom.ru](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/slscustom.ru/32/77336_2.png) [@slscustom.ru](https://community.glideapps.com/u/slscustom.ru)
#### Post date: [March 25, 2024, 9:35am UTC](https://community.glideapps.com/t/free-glide-pdf-plugin-html2pdf/71954/11 "2024-03-25T09:35:52Z")

</div>

It is assumed that the plugin should display the header and footer correctly, especially for multiple pages.  
I was trying to add some script not to the plugin, but just to the footer.  
Perhaps this is a good topic for a live Q&A discussion this week.  
Tomorrow @ 2am - 3am Moscow time

> **[Google Meet: Online Web and Video Conferencing Calls | Google Workspace](https://meet.google.com/vdz-oazt-gbd)**
>
> Use Google Meet for secure online web conferencing calls and video chat as a part of Google Workspace.

Maybe many people from this forum will want to join the discussion?

---

<div class="post-metadata">

### Author: ![Luther](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/luther/32/17929_2.png) [@Luther](https://community.glideapps.com/u/Luther)
#### Post date: [March 25, 2024, 7:28pm UTC](https://community.glideapps.com/t/free-glide-pdf-plugin-html2pdf/71954/12 "2024-03-25T19:28:11Z")

</div>

Not only is this a cool tool that you have provided for FREE but the tutorial also is VERY GOOD. Thank you for sharing 😄 and this will come in handy for most users here.

---

<div class="post-metadata">

### Author: ![Dan76](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/dan76/32/15696_2.png) [@Dan76](https://community.glideapps.com/u/Dan76)
#### Post date: [March 29, 2024, 11:57pm UTC](https://community.glideapps.com/t/free-glide-pdf-plugin-html2pdf/71954/13 "2024-03-29T23:57:49Z")

</div>

How do you set up the dynamic template? The PDF in your example has bold headers, gaps between each section etc. HTML?  
Can this be used to print a list over multiple rows?

---

<div class="post-metadata">

### Author: ![Curtis](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/curtis/32/59826_2.png) [@Curtis](https://community.glideapps.com/u/Curtis)
#### Post date: [April 4, 2024, 1:22pm UTC](https://community.glideapps.com/t/free-glide-pdf-plugin-html2pdf/71954/14 "2024-04-04T13:22:17Z")

</div>

> [@Loqode](#):
>
> [HTML TO PDF](https://loqode.github.io/html2pdf)

The Download button appears on the web embed component but isn’t clickable.  
Any ideas?

When accessing the link through a separate button component it opens a blank page in a new tab. If I reload the PDF then appears.

---

<div class="post-metadata">

### Author: ![Curtis](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/curtis/32/59826_2.png) [@Curtis](https://community.glideapps.com/u/Curtis)
#### Post date: [April 4, 2024, 1:35pm UTC](https://community.glideapps.com/t/free-glide-pdf-plugin-html2pdf/71954/15 "2024-04-04T13:35:14Z")

</div>

I am using a lookup column to get the experimental code link as it’s needed on a tab with a different table source. This seems to be the problem, when using the web embed source directly from the experimental code column it works fine.

Any ideas for work arounds?  
Single Value column doesn’t work either

---

<div class="post-metadata">

### Author: ![Curtis](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/curtis/32/59826_2.png) [@Curtis](https://community.glideapps.com/u/Curtis)
#### Post date: [April 4, 2024, 2:00pm UTC](https://community.glideapps.com/t/free-glide-pdf-plugin-html2pdf/71954/16 "2024-04-04T14:00:42Z")

</div>

> [@Loqode](#):
>
> [HTML TO PDF](https://loqode.github.io/html2pdf)

Ok this doesn’t seem to be the problem. It works regardless of link source column type if it isn’t in a container.  
I had the web embed in a container which stopped the download button working.

However the link still doesn’t work when trying to open the link with a button component.

---

<div class="post-metadata">

### Author: ![Himaladin](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/himaladin/32/71023_2.png) [@Himaladin](https://community.glideapps.com/u/Himaladin)
#### Post date: [April 5, 2024, 1:21am UTC](https://community.glideapps.com/t/free-glide-pdf-plugin-html2pdf/71954/17 "2024-04-05T01:21:46Z")

</div>

Buttons not working can be caused by HTML containing incorrect code. You can test it with text without involving code first to eliminate errors.

---

<div class="post-metadata">

### Author: ![Curtis](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/curtis/32/59826_2.png) [@Curtis](https://community.glideapps.com/u/Curtis)
#### Post date: [April 5, 2024, 11:04am UTC](https://community.glideapps.com/t/free-glide-pdf-plugin-html2pdf/71954/18 "2024-04-05T11:04:06Z")

</div>

Our other buttons for different links work fine and the button does work in the desktop app but not when used within the glide builder or in a browser.

When trying to access the link on another tab with another table as it’s source with a lookup column for the link it doesn’t work at all.

---

<div class="post-metadata">

### Author: ![Himaladin](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/himaladin/32/71023_2.png) [@Himaladin](https://community.glideapps.com/u/Himaladin)
#### Post date: [April 5, 2024, 11:25am UTC](https://community.glideapps.com/t/free-glide-pdf-plugin-html2pdf/71954/19 "2024-04-05T11:25:08Z")

</div>

I can’t see your conditions clearly. It seems you’re using different HTML content for comparison. Perhaps you can test it by converting the value from your lookup column into plain text first.

---

<div class="post-metadata">

### Author: ![Pratik\_Shah](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/pratik_shah/32/12416_2.png) [@Pratik\_Shah](https://community.glideapps.com/u/Pratik_Shah)
#### Post date: [May 31, 2024, 12:09pm UTC](https://community.glideapps.com/t/free-glide-pdf-plugin-html2pdf/71954/20 "2024-05-31T12:09:18Z")

</div>

@Loqode Thank you for sharing this. This is so helpful.

[Next page](https://community.glideapps.com/t/free-glide-pdf-plugin-html2pdf/71954.md?page=2)