> For the complete documentation index, see [llms.txt](https://docs.htmlcsstoimg.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.htmlcsstoimg.com/zapier-integration/generate-pdf-file-from-html-css-with-zapier.md).

# Generate PDF file from HTML CSS with Zapier

### Prerequisites&#x20;

Navigate the integration link provided in the **Getting Started with Zapier App** page &#x20;

### Generate PDF from HTML CSS &#x20;

Follow the steps to Generate PDF from HTML CSS :&#x20;

1. Login to your Zapier Account.
2. On the Home page, click on the create option from the left most menu.
3. Select Zaps. A new page will appear, Give a name to your Zap.

#### Add Triggers

1. Click on the **Triggers,** select any of the application as a trigger. Under **Events**, choose an event corresponding to the application that starts your Zap.

<figure><img src="https://3256700609-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FbFO0x1WAxorjLyG1yi32%2Fuploads%2FGKMoGKwHXZsbdEiztLYf%2FScreenshot%20from%202024-04-24%2017-06-40.png?alt=media&amp;token=da4dd1ea-6223-4125-b004-bd4adf27c7a3" alt=""><figcaption></figcaption></figure>

2. Choose account you want to connect. Click Continue.
3. Select trigger and Click on **Test Trigger**.

#### Add Action

1. Click on Actions. In the search tab, type **HTML to Image latest version** and choose **Generate PDF from HTML and CSS** under **Events**. Click Continue.

<figure><img src="https://3256700609-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FbFO0x1WAxorjLyG1yi32%2Fuploads%2FnpXjmlp8aIvDJxfiSUd0%2FScreenshot%20from%202024-04-24%2017-38-05.png?alt=media&amp;token=fe94daf1-967a-427c-bbe4-6b34818c0804" alt=""><figcaption></figcaption></figure>

2. Connect **HTML to Image** Account by entering the API key in the Pop-up Window.

<figure><img src="https://3256700609-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FbFO0x1WAxorjLyG1yi32%2Fuploads%2FuYbw1DBDvN9gFML3Iyhf%2FScreenshot%20from%202024-04-24%2018-11-28.png?alt=media&amp;token=b82a7d9a-018d-4a5c-bec9-22081fcbf6a0" alt=""><figcaption></figcaption></figure>

3. Under **Action** Tab, pass all the necessary parameters along with the HTML and CSS Content. Click **Continue** and **Test Step.**

<figure><img src="https://3256700609-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FbFO0x1WAxorjLyG1yi32%2Fuploads%2FAT7qKscxKjo1aFSl2xPo%2FScreenshot%20from%202024-04-24%2018-20-06.png?alt=media&amp;token=e92b60ac-9b7f-438f-97cb-f65ead98def0" alt=""><figcaption></figcaption></figure>

4. You will see the URL to the Generated PDF. Click **Publish.**

<figure><img src="https://3256700609-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FbFO0x1WAxorjLyG1yi32%2Fuploads%2Fzvm5d4dLuGsjt0SYsiBc%2FScreenshot%20from%202024-04-24%2018-21-58.png?alt=media&amp;token=2a3eb50d-cd4b-4951-9b97-87bb01ee604e" alt=""><figcaption></figcaption></figure>
