> 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/convert-html-css-to-image-with-zapier.md).

# Convert HTML CSS to Image with Zapier

### Prerequisites&#x20;

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

### Convert HTML CSS to Image&#x20;

Follow the steps to convert HTML CSS into an Image :&#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 Image 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%2F5j7J2K5cxu2xK1gNg4oO%2FScreenshot%20from%202024-04-24%2017-14-31.png?alt=media&amp;token=a346ebe7-fb8d-4eb8-b8be-5f5e2a114dfc" alt=""><figcaption></figcaption></figure>

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.**

<figure><img src="https://3256700609-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FbFO0x1WAxorjLyG1yi32%2Fuploads%2FYYu5KFJMfTkS5jHwWwdy%2FScreenshot%20from%202024-04-24%2017-19-51.png?alt=media&amp;token=325933c8-e477-4827-bd6b-554ff00c939a" alt=""><figcaption></figcaption></figure>

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

<figure><img src="https://3256700609-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FbFO0x1WAxorjLyG1yi32%2Fuploads%2FMIvyGvfJtIXOZiBAGIgV%2FScreenshot%20from%202024-04-24%2017-20-59.png?alt=media&amp;token=4607324e-6b38-45e8-b5c1-c1e5201dd4d0" alt=""><figcaption></figcaption></figure>
