
[Make.com](https://www.make.com/) (formerly known as Integromat) is a versatile automation platform that helps simplify and orchestrate your workflows. It serves as a central hub that connects hundreds of apps, making complex automation feel intuitive and accessible—even for non-technical users.

With an ever-growing library of [integrations](https://www.make.com/en/integrations)—including Google Workspace, Mailchimp, Shopify, Facebook, Etsy, Tally, and many more—Make.com allows you to seamlessly link tools you already use. Among these is **RenderForm**, which you can use to generate dynamic, personalized images automatically as part of your workflow.

Whether you're running marketing campaigns or sending personalized emails, **automated image generation** can save you time, boost consistency, and add a professional touch to your communication.

## Automating Images with Make.com

Make allows you to build custom workflows by chaining together multiple apps and services. In just three simple steps, you can set up a process to automatically create personalized images:

1. Define a trigger event (e.g. a submitted form),
2. Design an image template in RenderForm,
3. Set up your Make scenario to generate the image and deliver it.

Let’s walk through a practical example to show how it works.

### Step 1: Define the Trigger – Tally Form

First, you need to choose an **event that will trigger the automation**. This could be anything: a new user sign-up, a new entry in your Airtable base, a submitted Google Form, or in this case—a filled-out form in **Tally**.

![Create trigger event with Tally](/blog/make-trigger-action-l.jpeg)

For this example, I built a simple Tally form that collects all the data needed to create a hotel offer for a client: hotel name, travel dates, price, availability, and so on.

![Tally form](/blog/make-tally-form.jpeg)

Once the form is submitted, the automation kicks in and sends the client a personalized email—including a dynamically generated image built from the submitted data.

### Step 2: Create an Image Template in RenderForm

Next, design your image template using the [RenderForm editor](https://renderform.io). Each editable field (like hotel name, price, or availability) becomes a **template component** that can be dynamically updated via automation.

![Create image template in RenderForm](/blog/make-renderform-template-l.jpeg)

In this case, I created template components such as `title`, `price`, and `availability`, all of which will be filled in automatically using data from the Tally form. For example, the "Price" field submitted in the form will replace the `price` component in the RenderForm template.

### Step 3: Configure Image Generation in Make.com

Now it’s time to tie it all together. Add the **RenderForm module** to your Make scenario.

Start by searching for **RenderForm** in Make’s app library and add it to your scenario. To connect your account, you’ll need your API key, which can be found in your [RenderForm account settings](https://renderform.io/console/api-keys/).

![Add RenderForm event in Make](/blog/make-renderform-apikey.jpeg)

With the module connected, configure the image generation step:

- **Select Template** – Choose the image template you created earlier.
- **Changes Section** – Map form inputs (from Tally) to the appropriate components in your RenderForm template.

Each template component (like `title` or `price`) must be assigned a corresponding value from the form submission.

![Set up RenderForm image generation](/blog/make-renderform-setup-l.jpeg)

For example, if your template has a component named `price`, you would link it to the `Price` field from your Tally form submission. This ensures that each form entry results in a fully customized image.

### Step 4: Run the Automation

Once everything is configured, it’s time to run your automation.

**Each time someone submits the Tally form**, Make.com will send the data to RenderForm, which generates an image using your predefined template. The image can then be sent automatically via email or used in any number of follow-up actions.

![Image generated automatically](/blog/make-renderform-image.jpg)

You can download the generated image, save it to the cloud, or attach it directly to your email—all as part of your automated scenario.

**Imagine generating hundreds of images, all from a simple form!**

## Use Cases for Automated Image Generation

Automated image generation is especially useful for teams and creators who need to generate many consistent visual assets quickly. Here are some practical examples:

- **Marketing campaigns** – Create dynamic visuals personalized for each recipient.
- **Email personalization** – Automatically generate unique images for email campaigns. [Learn how it works with Mailchimp](/blog/posts/personalized-emails-mailchimp/).
- **Dynamic blog covers** – Use templates to create visually coherent post covers. You can even [generate images from a spreadsheet](/blog/posts/how-to-create-many-images-from-spreadsheet/).
- **Image hosting** – Automatically store and serve your generated images.

Whether you're a solo entrepreneur or part of a larger marketing team, automating image generation saves time, reduces manual work, and improves consistency across your brand visuals.

---

**Try RenderForm for free** and explore how it can revolutionize your image workflows with simple tools and powerful automation features.


Image Generation with Make.com


Integromat is a platform for creating connections between different applications in no-code style, where achieving
a business goal is the top priority. Integromat offers a free plan, so it makes it a great option for testing its capabilities.
[Integromat application library](https://www.integromat.com/en/integrations/) is growing every day, you will find there all popular application like Google Drive apps, Facebook Ads, Shopify, Telegram, Instagram, e-mail connectors, and more, much, much more!

Let's create a simple scenario! We will create an Integromat flow where we will watch on new customers in Shopify, then we will generate a personalized image using the customer name and e-mail them with our auto-generated, personalized image.

Whole scenario looks like this, we created 4 modules:

- Shopify - watch new customers
- RenderForm - generate an image with customer name
- HTTP - download the image
- E-mail - send the e-mail

![Shopify: Send email to a new customer](/docs/integromat/example-scenario-personalized-customer-image-with-shopify.png)

In RenderForm, I created a simple image with 4 components. The most important one is the text component with 'Hey Joanna!' greeting. It has 'greeting' ID, which we will use in the following steps.

![RenderForm: example image template](/docs/integromat/example-thanks-for-order.png)

Next, in RenderForm Integromat module I configured a new connection using API Key. The API key can be found in your RenderForm account in your [account section](/console/api-keys/).
I selected my template and added Changes to replace 'Hey Joanna' text with a greeting with customer name.

![Integromat: image generation module](/docs/integromat/bannerly-module-configuration.png)

The HTTP module will download the generated image with customer name. This step is required by the e-mail module.

![Integromat: download image from URL](/docs/integromat/integromat-http-module-get-a-file.png)

I configured e-mail module with my e-mail mailbox, you can put there an e-mail subject line and e-mail message. In the last field, I added an attachment with the image which I downloaded in the previous step.

![Integromat: add image attachment](/docs/integromat/e-mail-add-attachment.png)

We are done! Now, every time you get a new customer in your Shopify store, they will receive a personalized e-mail message. This will definitely make your store much more unique than others. You can use RenderForm to create much more sophisticated marketing campaigns. For example, you could generate a QR code with promo link or create a template with most popular items in your shop and send it to your customers. Possibilities are unlimited! 

Have fun with our image generation tool and if you experience any problem or need help with automatizing your workflow, we are here to help.

## Resources

- [List of template properties](/docs/general/template-properties/)
- [Make.com](https://make.com)


Image Generation with Integromat


Benefits of personalizing email content are that they are more likely to be opened by recipients, recipients are
more likely to read them in full, and they are often shared with other people - because they show up as more personal emails.
Personalized e-mails are not new, but it is time to take those personalized e-mails to the next level.
One of the newest technologies that can be used for this purpose is image generation. In this article
I will show you how to send an e-mail with personalized image to your customer once he makes some action
in your application or website. I will use [Make.com (Integromat)](https://make.com) to take advantage from no-code automations.


## Create Integromat webhook

I started from creating a scenario in Integromat and adding a webhook module. The module generates an unique
webhook URL where I can send my requests from server or from frontend application. The CORS won't be a problem here because
Integromat accepts requests from frontend applications.

![Integromat webhook configuration](/blog/integromat-webhook-configuration.png)


## Send request on click

Let's go to the code part! I started from creating a simple `<a href=""/>` tag in my React application.
It looks pretty standard I added `href` attribute with link to some article and custom `onClick` method.

[comment]: <> (![Send request from ReactJS application to Integromat with axios]&#40;/blog/send-personalized-email-image-on-click.png&#41;)

```tsx
<a href="https://renderform.io/blog/posts/multi-language-image-variants"
   target="_blank"
   onClick={onLearnMoreClick}
   className="btn btn-link d-flex align-items-baseline">
    <span>Learn how to quickly generate multi-language images</span>
    <i className="far fa-arrow-right ms-2"/>
</a>
```

The `onLearnMoreClick` method will be invoked once somebody clicks the link. The `onLearnMoreClick` will send a
POST request to endpoint generated by Make.com (Integromat). I used [axios](https://github.com/axios/axios) but you can use
any other library to do this. If you don't want to use any library check [Fetch API](https://developer.mozilla.org/en-US/docs/Web/API/Fetch_API).

```tsx
const onLearnMoreClick = () => {
axios("https://hook.integromat.com/your-webook-url",
  {
    method: "POST",
    data: {
      firstName: account.firstName,
      email: account.email
    }
  });
}
```




We are passing two values which we will need in next steps:
- `firstName` - user first name,
- `email` - user e-mail to send him personalized e-mail.

## Edit image template

I used existing template from RenderForm template library. However, if you want, you can create
your own template using template editor in RenderForm.
We will edit the top component with 'Hey Jakub!'
text, and we use Integromat to replace the text for every webhook request.

![Example template for coupon code and image generation](/blog/personalized-image-template.png)

## Configure Integromat scenario

Below you see a whole Integromat scenario where I connected everything together. The scenario is self-explanatory, we have 4 modules:
- Webhooks module - receive requests from application
- RenderForm - generate image based on data from request
- HTTP - download the image from RenderForm
- Email - send e-mail to a customer

![Integromat scenario with image generation and SMTP](/blog/integromat-personalized-image-flow.png)

![Add text to image using RenderForm module](/blog/add-changes-bannerly.png)

HTTP module is only for downloading image from received URL from RenderForm module.
![Download generated image with text using HTTP Integromat module](/blog/http-module-download-image.png)

Thanks to the HTTP module we can add the image itself instead just the URL.
![Send attachment using Integromat email module](/blog/e-mail-module-add-attachment.png)



## Test

Click **'Run once'** button in created Integromat scenario and then click link to open the article from which we created
in the first section. Now the request from our frontend application should be sent Integromat Webhook module, after that
data will be passed to RenderForm module where a new image will be generated. RenderForm will take your template
and replace title on the image and return a link with ready to download image. Next, HTTP module will download
the image generated by RenderForm module and add it as an attachment in the last step. In E-mail module we composed a simple
e-mail message which we sent to the user who clicked the link!


![example email with personalized image](/blog/example-email-with-personalized-image.jpeg)

Presented Integromat scenario is just a simple example what you can do with batch image generation. Possibilities are
unlimited! Your flows can be much more complex, you could generate an image for every occasion with RenderForm, for example
you could add user avatar to make it more engaging. Image that your customer gets a personalized image with his name and
profile image! Have fun with RenderForm!


Posts tagged #integromat

Image Generation with Make.com

Image Generation with Integromat

Send Personalized E-mail from React Application