In this Bog, we’re diving into how to turn your fancy website designs, made with HTML and CSS, into PDF files. We’ll do it using Zapier, a super handy tool that helps you automate tasks. Let’s learn how to make cool PDFs from your custom HTML and CSS designs without any fuss!
Prerequisites
Navigate through the integration link to add our App to your Zapier account.
How to generate the API Key
To get the API Token, you can register for a free account on the below link –
The link will land you to the login/registration page.
If you already have an account, you can simply login, otherwise register for a free account.
Once you logged in successfully, you will see the generated API Key at the top left corner that you can use for Authentication.
Our app also allows you to regenerate the API Keys whenever you are willing to.
Generate PDF from HTML CSS
Follow the steps to Generate PDF from HTML CSS :
- 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
- 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.
2. Choose account you want to connect. Click Continue.
3. Select trigger and Click on Test Trigger.
Add Action
- 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.
2. Connect HTML to Image Account by entering the API key in the Pop-up Window.
3. Under Action Tab, pass all the necessary parameters along with the HTML and CSS Content. Click Continue and Test Step.
4. You will see the URL to the Generated PDF. Click Publish.
Using Zapier to convert your HTML CSS designs into PDFs is like magic for your website projects. It’s quick, easy, and saves you a ton of time. With this handy automation, you can effortlessly create PDFs of your web designs, making sharing and saving your work a breeze.