Skip to content

Commit f52f7da

Browse files
committed
add n8n update
1 parent df35d02 commit f52f7da

2 files changed

Lines changed: 45 additions & 16 deletions

File tree

‎changelog.md‎

Lines changed: 19 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -16,6 +16,25 @@ Always improving. Updates to HTML/CSS to Image are posted here.
1616

1717
If you have feature requests, please send them to us: support@htmlcsstoimage.com.
1818

19+
### HTML/CSS to Image is now verified by n8n
20+
September 2, 2026
21+
{: .text-delta}
22+
23+
The official HTML/CSS to Image integration is now verified by n8n. Instance owners and admins can find and install it directly from the n8n Nodes panel on n8n Cloud or a self-hosted instance.
24+
25+
Use the integration to:
26+
27+
- Create images and PDFs from HTML/CSS.
28+
- Take screenshots of webpage URLs.
29+
- Render saved templates with dynamic values.
30+
- Generate signed render-on-demand URLs.
31+
- Delete images by ID.
32+
- Return image metadata, binary PNG/JPG/WebP/PDF files, or both.
33+
34+
[View HTML/CSS to Image on n8n](https://n8n.io/integrations/htmlcss-to-image-api/) or [read the integration guide](/integrations/n8n/).
35+
36+
<hr>
37+
1938
### Choose the returned file format in image creation requests
2039
August 27, 2026
2140
{: .text-delta}

‎integrations/n8n.md‎

Lines changed: 26 additions & 16 deletions
Original file line numberDiff line numberDiff line change
@@ -6,7 +6,7 @@ permalink: /integrations/n8n/
66
parent: Integrations
77
nav_order: 3
88
description: >-
9-
Generate images, website screenshots, PDFs, and signed image URLs in n8n with the HTML/CSS to Image API community node.
9+
Generate images, website screenshots, PDFs, and signed image URLs in n8n with the verified HTML/CSS to Image API node.
1010
---
1111
# n8n: HTML/CSS to Image API
1212
{: .no_toc }
@@ -15,31 +15,39 @@ description: >-
1515
Generate images, website screenshots, PDFs, and signed image URLs in your n8n workflows.
1616
{: .fs-4 .fw-300 }
1717

18-
[View package on npm](https://www.npmjs.com/package/@html-css-to-image/n8n-nodes-html-css-to-image){: .btn .btn-primary .fs-5 .mb-4 .mb-md-0 .mr-2 target="_blank" }
18+
[Install in n8n](https://n8n.io/integrations/htmlcss-to-image-api/){: .btn .btn-primary .fs-5 .mb-4 .mb-md-0 .mr-2 target="_blank" }
19+
[View package on npm](https://www.npmjs.com/package/@html-css-to-image/n8n-nodes-html-css-to-image){: .btn .fs-5 .mb-4 .mb-md-0 .mr-2 target="_blank" }
1920
[Get an API Key](https://htmlcsstoimage.com/dashboard){: .btn .fs-5 .mb-4 .mb-md-0 target="_blank" }
2021

21-
{% include hint.md title="Verification pending" text="We've submitted the node to n8n for verification. While that review is in progress, you can install it as a community node on a self-hosted n8n instance. It is not currently available to install on n8n Cloud." %}
22+
{% include hint.md title="Verified by n8n" text="The HTML/CSS to Image integration is verified by n8n and available for both n8n Cloud and self-hosted instances." %}
2223

2324
<hr>
2425

25-
## Install on self-hosted n8n
26+
## Install the integration
2627

27-
An n8n instance owner or admin can install the node from npm:
28+
An n8n instance owner or admin can install the verified node for everyone on the instance:
2829

29-
1. In n8n, go to **Settings → Community Nodes**.
30-
2. Select **Install**.
31-
3. Enter this npm package name:
30+
1. Open a workflow in n8n and select **+** to open the Nodes panel.
31+
2. Search for **HTML/CSS to Image API**.
32+
3. Select the node under **More from the community**.
33+
4. Select **Install**.
34+
5. Add the node to your workflow.
3235

33-
```text
34-
@html-css-to-image/n8n-nodes-html-css-to-image
35-
```
36+
See [n8n's verified community-node installation guide](https://docs.n8n.io/integrations/community-nodes/installation-and-management/install-verified-community-nodes) for instance settings and the latest installation details.
3637

37-
4. Acknowledge the community-node installation warning.
38-
5. Select **Install**.
38+
### Manual installation on self-hosted n8n
3939

40-
After installation, add the **HTML/CSS to Image API** node to a workflow.
40+
Most users should install the verified node from the Nodes panel. If you manage community packages manually—for example, on an n8n instance running in queue mode—you can install the package from npm instead:
4141

42-
See [n8n's community-node installation guide](https://docs.n8n.io/integrations/community-nodes/installation/gui-install/) for the latest requirements and installation details.
42+
```shell
43+
mkdir -p ~/.n8n/nodes
44+
cd ~/.n8n/nodes
45+
npm install @html-css-to-image/n8n-nodes-html-css-to-image
46+
```
47+
48+
Restart n8n after installation. This method is only for self-hosted instances; it isn't needed or available on n8n Cloud.
49+
50+
See [n8n's manual community-node installation guide](https://docs.n8n.io/integrations/community-nodes/installation-and-management/manual-installation) for Docker and queue-mode details.
4351

4452
## Add your credentials
4553

@@ -54,6 +62,7 @@ n8n stores the values in its encrypted credential store and tests them against t
5462
- **Create From HTML/CSS** — Render HTML and CSS as an image or PDF.
5563
- **Create From URL** — Take a screenshot of a public webpage.
5664
- **Create From Template** — Render a saved template with dynamic values.
65+
- **Delete** — Permanently delete an image by ID.
5766
- **Generate Signed URL** — Create a signed template or webpage URL that renders on demand.
5867

5968
All input fields support n8n expressions, so content and options can come from earlier workflow steps.
@@ -83,7 +92,8 @@ For saved templates, add each variable under **Template Values**. You can choose
8392

8493
## Resources
8594

95+
- [HTML/CSS to Image on n8n](https://n8n.io/integrations/htmlcss-to-image-api/)
8696
- [npm package](https://www.npmjs.com/package/@html-css-to-image/n8n-nodes-html-css-to-image)
8797
- [Source code and issue tracker](https://github.com/htmlcsstoimage/n8n-node)
8898
- [HTML/CSS to Image API documentation](/getting-started/using-the-api/)
89-
- [n8n community-node documentation](https://docs.n8n.io/integrations/community-nodes/)
99+
- [n8n verified community-node documentation](https://docs.n8n.io/integrations/community-nodes/installation-and-management/install-verified-community-nodes)

0 commit comments

Comments
 (0)