How to Create Images with Make.com (Integromat)

In this tutorial, you'll learn how to auto-generate marketing images using Make.com (formerly Integromat) and Creatomate, which will then be posted on social media.

Image automation isn't as complicated as it used to be. With the right tools and workflows, anyone can set up an automated workflow to generate images for social media, personalized content, advertisement, or any other marketing purpose. In this guide, I'll show you how.

Creatomate is an image and video platform for marketing automation. When used in combination with a no-code platform such as Make.com, you can set up scenarios that run a specific task completely on autopilot. Consider the case of a realtor wanting to automate their marketing outreach. This can be accomplished by setting up an automated scenario that runs whenever a new house is listed, and then automatically posts the generated image on social media.

As an example, the following image was automatically generated following the steps in this tutorial. Of course, this isn't just for real estate - you can create image templates for virtually any purpose using the online editor. Be sure to give that a try as well!

Prerequisites

Make.com (formerly known as Integromat) is a no-code automation platform with over 1,000 app integrations, allowing you to automate repetitive tasks between your favorite apps. As we will keep it simple and create a workflow that generates images based on a simple set of data, make sure to modify the workflow to fit your needs.

Here are the apps we'll use:

• Creatomate: to create a template and generate images. Sign up for free.
• Make (formerly Integromat): to set up the automated workflow.
• Facebook Pages: or any other app to use the auto-generated images.

How to create images with Make (Integromat)?

The first step in automatically generating images is to create a template in Creatomate. This design will serve as the foundation for all the images. After that, we will move on to Make and create a new scenario. Here, we'll set up a basic trigger to input data. Following that, with Creatomate's REST API, we'll generate images using both the template and data from our trigger. Rendering takes a few seconds, so we'll add a sleep module. Once the image has been created, we will add a module to retrieve it. And finally, we'll complete the process by sharing the image on Facebook. Here's what the scenario looks like:

Let's get started by creating an image template.

1. Create an image template in Creatomate

Start by logging in to your Creatomate account. Then, go to the Templates page and click + New. You can choose any template you like, but let's use the Real Estate Banner template from the Real Estate category for this tutorial. Select the 16:9 Landscape size and click Create Template to open it in the editor:

Now, let's take a look at the left side panel. Here, we can find the elements that make up our template. It's important to know that elements can be marked as Dynamic. In the template we're working with, elements such as Price, Description, Features, and Photos are all dynamic. This means that we can replace their content with different text and media via the automated Make scenario we're about to set up in the upcoming steps:

Feel free to customize the template however you like. If you wish to make any element dynamic, simply select the element and enable the Dynamic property from the right side panel, as shown above. For simplicity, I'll use the template as-is. Now, let's move on and create our scenario in Make.

2. Set up trigger: Tools - Basic trigger

First, sign in to your Make account, and then click + Create a new scenario. Let's search for Tools as the app and choose Basic trigger as the trigger.

Next, let's include some items in our trigger. This data will be used to replace the dynamic elements within our template. Click on Add item, then create an item labeled Name: Price with Value: $950,000. Then, add another item named Photo-1 with https://cdn.creatomate.com/demo/house.jpg as its value. Click OK to proceed:

To verify that our trigger has been set up correctly, right-click on this module and choose Run this module only:

Once this test succeeds, proceed to the next step, where we'll use this data to automatically generate images.

3. Add module: HTTP - Make a request

In this step, we'll use Creatomate's REST API to make an image. Don't worry if you're not tech savvy – I'll walk you through it. Basically, we'll map the data from a previous module onto the template to replace the dynamic elements.

Click + to add another module. Search for and choose HTTP as the app and Make a request as the action.

In the URL field, copy and paste the following: https://api.creatomate.com/v1/renders. Then, ensure the Method is set to POST:

Next, click on Add a header, then create an item with:

• Name: Authorization
• Value: Bearer [YOUR API KEY HERE]

Here, you'll need to enter your own API key. To access it, return to Creatomate and click the Use Template button located in the top-right corner of the template editor. From there, select the API Integration option. The string of letters and numbers highlighted in the screenshot below is your API key:

Next, select Raw in the Body type field and JSON (application/json) in the Content type field:

At this point, we're ready to connect the dynamic elements in the template with the data from our trigger. To do this, go back to the API Integration page within Creatomate. From there, copy the code encapsulated between the curly brackets { and }, as shown in the screenshot below:

Afterwards, paste it into the Request content field. Swap out the Photo-1 value with Tools - Basic trigger -> photo-1, and replace the Price value with Tools - Basic trigger -> price. To finish, ensure to set Parse response to Yes and confirm by clicking OK:

Just to make sure it works, click the Run once button located in the bottom left corner:

Once this test has successfully run, you can move on to the next step.

4. Add module: Tools - Sleep

Given that images take a few seconds to render, we'll add a sleep module. This ensures that the images are successfully generated before the workflow continues.

Click + to add another module. Search for and choose Tools as the app, followed by Sleep as the action. Set Delay to 5 seconds and proceed by clicking OK:

5. Add module: HTTP - Get a file

To share the image on Facebook, we need the actual image file. This step will fetch it for us.

Click + to add another module. Search for and choose HTTP as the app and Get a file as the action.

In the URL field, select HTTP - Make a request -> Data -> url. Then click OK:

Click Run once and continue with the next step when the test is successful.

6. Add module: Facebook Pages - Upload a Photo

Lastly, in this final step, we will share the image on Facebook.

Click + to add another module. Search for and choose Facebook Pages as the app and Upload a Photo as the action.

Choose your account or create a connection, then pick your page. In the File field, you'll notice that HTTP - Get a file has been pre-selected. If you wish, you can include a description in the Message field. When you're done, click OK:

Click Run once one last time. Once you've set up this step correctly, the image will be posted on your Facebook page:

What's next for image creation with Make (Integromat)

And there you have it! Throughout this tutorial, we've built a simple scenario that shows you how to create images using Make and Creatomate. By now, you should be able to set up a custom workflow tailored to your specific needs.

Consider using these triggers:

• New products, articles, or customers in Shopify
• New or updated records in Airtable
• New responses in Google Forms

And explore these actions for using the generated images:

• Create a photo post in Instagram for Business
• Send an email in Gmail
• Upload a file to platforms like Dropbox, Google Drive, or Slack

While images work well for marketing, video content tends to perform even better. The exciting part is that producing videos using Make and Creatomate is just as straightforward as creating images. Check out our video creation tutorial next, and you'll be generating videos in no time.