Resources · Make integration

HTML/CSS to Image Make integrationAutomate HTML/CSS to Image with Make.

Need a picture of your HTML, or of a live web page, without opening a design tool? The HTML/CSS to Image Make integration gives you 4 action modules for that. This guide is for anyone new to Make: it links your account, builds a first scenario and explains each module.

Try the HTML/CSS to Image integration on MakeSee the 4 modules

Verified Trustpilot reviews · AI, automation & growth agency

What you can automate

What can the HTML/CSS to Image Make integration do for you?

The HTML/CSS to Image Make integration lets Make, a no-code automation tool, send markup or a web address to your HTML/CSS to Image account and get a finished image back. You build a scenario, which is the automation itself: a chain of modules, each one a single brick such as an action in one app.

Visuals that follow your data. When a new row, order or form entry lands in another app, Create an Image with HTML/CSS fills an HTML layout with those values and returns a PNG, JPG or WebP file. A social card per blog post or a certificate per attendee comes out the same way, with no one resizing text by hand.

Proof of what a page looked like. Create a Screenshot of a URL captures any website. Useful to archive a landing page before a redesign, or to attach a picture of a client site to a support ticket.

Reuse instead of regenerate. Get an Image downloads a picture you already created in your account, so a later scenario can email or upload it without rendering it again.

The Make documentation lists no triggers for this app, so a scenario always starts from another app or from Make's own schedule. When a need goes beyond the listed modules, Make an API Call reaches the rest of the API with the same connection. To judge the tool itself, read our Make review; to weigh it against the other big option, the n8n vs Make comparison lays out the differences, and Make pricing explains the plans.

Connect

How do you connect HTML/CSS to Image to Make?

  1. 01

    Add a module and start the link

    Inside a scenario, search for HTML/CSS to Image and pick any of its modules. Make then shows a Create a connection button. A connection is your account tied to Make one time, then shared by every module of this app.

  2. 02

    Name it so you can find it later

    Naming the connection is optional, yet worth a few words. If you run a test account and a production account side by side, a clear label saves you from picking the wrong one in a busy scenario.

  3. 03

    Authorize and save

    Depending on what the app asks for, either approve Make on the HTML/CSS to Image page or paste the key your account provides. Click Save, and the module is ready to use.

First scenario

Build your first scenario with HTML/CSS to Image

GoalWhen a new entry arrives in another app, Make turns it into an image with HTML/CSS to Image.

  1. 01

    Create the scenario

    From the Scenarios page, create a new scenario and click the + to add the first module. Since HTML/CSS to Image has no trigger, start with the app that holds your data, such as a form or a sheet.

  2. 02

    Add the image module

    Click the + on the right of that first module, search for HTML/CSS to Image and choose Create an Image with HTML/CSS. Link your account with Create a connection if it is not there yet.

  3. 03

    Map your values into the layout

    Write your HTML and CSS in the module, then drop in values from the previous module, like a name or a title. Each bundle, meaning one item passed along, becomes its own image.

  4. 04

    Test with Run once

    Click Run once to execute the scenario a single time. Then read the bundles each module received and check that the image matches what you expected.

  5. 05

    Schedule and switch on

    Set the schedule on the first module, which is every 15 minutes by default for a new scenario, then turn the scenario on. From then on, each new entry produces its picture without you.

Modules

What each HTML/CSS to Image module does

HTML/CSS to Image gives you 4 modules in 2 groups. For each one: what it does for you, when to reach for it, and what to watch out for.

Actions

2 modules
HTML/CSS to Image1

Create an Image with HTML/CSS

Action

In Make“Converts HTML/CSS into PNG, JPG or WebP.”

You hand this module a piece of HTML and CSS, and you get back a real image file in PNG, JPG or WebP.

When to use it
you want a branded visual per record, such as a quote card for each new testimonial or a badge for each new signup, filled with data from earlier modules.
Watch out
the image only looks as good as your markup, so test the layout with Run once before you let the scenario run on its own.
HTML/CSS to Image2

Make an API Call

Action

In Make“Performs an arbitrary authorized API call.”

This module sends a request of your choice to the HTML/CSS to Image API, signed with the connection you already set up. It covers what the three ready-made modules leave out.

When to use it
the app offers an option in its API that none of the listed modules exposes, and you would rather not build a separate HTTP setup.
Watch out
you describe the request yourself, so keep the app's API reference open while you fill it in.

Other modules

2 modules
HTML/CSS to Image3

Create a Screenshot of a URL

Action

In Make“Take a screenshot of any website.”

Give it a web address and it hands back a picture of that page, ready to store or send further down the scenario.

When to use it
a new link lands in a sheet or a ticket and you want a visual record of the page as it looks at that moment, for a client file or an audit trail.
Watch out
it captures the page as it is when the module runs, so a site that changes later will not match the saved picture.
HTML/CSS to Image4

Get an Image

Action

In Make“Download any of your previously created images.”

This one downloads an image you created earlier in your HTML/CSS to Image account, so the file itself can travel to the next module as a bundle.

When to use it
a second scenario needs to attach, upload or email a visual that another scenario already produced, and you keep a reference to it.
Watch out
it only fetches existing images; to change the design, go back to Create an Image with HTML/CSS and render a new one.
Need help

Need help automating HTML/CSS to Image with Make?

A person reads every message.

FAQ

Questions people ask next

01Is the HTML/CSS to Image Make integration free?
Yes, on Make's side. HTML/CSS to Image is a standard app, so it is available from the Free plan. That plan allows 2 active scenarios, a minimum of 15 minutes between two scheduled runs, up to 5 minutes of execution, files up to 5 MB and 512 MB of data transfer. Paid plans drop the interval to 1 minute and remove the cap on active scenarios. Your HTML/CSS to Image account is a separate matter, which this page does not cover.
02What do you need to connect HTML/CSS to Image to Make?
An HTML/CSS to Image account and a Make account. The Make documentation lists no prerequisites and no app specific steps, so the generic flow applies: add any module of the app, click Create a connection, name it if you like, authorize Make or paste the key your account gives you, then click Save. The same connection then serves all four modules, including Make an API Call. If the form rejects the key, check that you copied it from the right account.
03Can HTML/CSS to Image start a Make scenario in real time?
No, because the app has no trigger module in Make. A scenario always begins elsewhere: with a trigger from another app, such as a form or a spreadsheet, or with Make's own schedule on the first module, every 15 minutes by default. HTML/CSS to Image then comes in as an action further down the chain. The timing therefore depends on whatever starts the scenario, not on this app. For a first test, you can also click Run once by hand to start it whenever you want.
04What if the HTML/CSS to Image module you need is missing?
Use Make an API Call. It sends any request to the HTML/CSS to Image API using the connection you already have, so an option the three ready-made modules do not expose is still reachable from your scenario. You write the request yourself with the help of the app's API reference. The Make documentation gives no numeric limit for this app, so none is listed here. Test each request with Run once before switching the scenario on.
05Should you use Make or n8n with HTML/CSS to Image?
It depends on the tool you already know and run. On Make, this app offers four action modules and Make an API Call for the rest, available from the Free plan. The same app often has an n8n node too, so the practical test is simple: build the image step in the tool where the rest of your automations live, rather than splitting one workflow across two platforms without a reason.
Same platform

Other docs you might need on this stack.

Browse all integrations