
QR codes are a great way to share information using images. You can use them to share your social media profiles, contact information, your website, or even link to your product. 

In this tutorial, I will show you how to generate many images with different QR codes from a template using RenderForm, Airtable and Google Sheets.

## Why use QR codes?

**What are QR codes?** They are a type of matrix barcode (or two-dimensional code) that can be read by a camera. They can be used for storing information such as URLs, phone numbers, text, or even images.

![QR code example](/blog/qr-code-example.png)

QR codes can be easily placed in an image and shared on social media. They are also a great way to share information in a physical space. You can print them on flyers, business cards, banners, posters, or even on your products.

What's important is that **QR codes are easy to scan**. You can use your smartphone camera to scan them and get the information you need. It is a fast and convenient way to share information.

Using RenderForm, you can create many images with different QR codes from a template and use them for your needs. Create unique images that you can use for product stickers, flyers or your social media. 

## Create image template with QR code

First, create a template image using the RenderForm template editor and add a QR code as one of the elements. I created a product image with a QR code in the bottom right corner. It will work great for social media posts and marketing materials.

The template consists of four elements: product image, brand name, extra text and a QR code. The QR code will redirect to the product page where users can buy it.

![Image template with QR code](/blog/qr-code-image-template.png)

> Make sure you name the template elements so you can easily identify them later, during the image generation process.

## Generate image with different QR codes

Once you have the template ready, you can generate many images with different QR codes. Start with checking how your template behaves in the live preview. You can change the text and QR code to see how the image will look like.

Go to the **Live preview** tab and change the texts, image and QR code URL. This way you can see how the image will look like with different products. It is also a great way to generate just one image from a template when needed.

![Generate image with live preview](/blog/qr-template-live-preview.mp4)

> **The shorter the link, the better the QR code will look.** If you have a long text, you can use a URL shortener to make it shorter.

## Automate image generation with Airtable or Google Sheets

To generate many images with different QR codes, you can use data from a spreadsheet or Airtable. Thanks to easy upload of your data, you can generate your images in just a few clicks. 

First, prepare your data in a spreadsheet or Airtable. Make sure you have a column for each element that you want to change in the template.

![Image template with QR code](/blog/qr-template-spreadsheet.png)

> **Make sure you name the columns the same as the template components** with their properties. This way RenderForm will know which data to use for each element.

### Generate images using a spreadsheet

Once you have the template and all the data ready in the spreadsheet, you can generate your images. Go to **Plugins** and choose **Spreadsheet** automation.

There, pick your image template and import the data from your spreadsheet. Next, click on **Import** and check the data preview. If everything looks good, click on **Render** to generate your images.

![Images with QR codes generated from spreadsheet](/blog/qr-generate-from-spreadsheet.mp4)

### Generate images using Airtable

You can also generate images with different QR codes using Airtable. Prepare your data in Airtable and set up your RenderForm extension ([learn more about RenderForm Airtable extension](/blog/posts/image-generation-with-airtable-extension/)).

You can render images in just a few clicks and see the results instantly in Airtable image view.

![Images with QR codes generated from Airtable](/blog/qr-generate-with-airtable.mp4)

This way you can generate many images with different QR codes without all the manual work.

## Conclusion

If you are still wondering if you should use QR codes, I hope this tutorial will help you decide. QR codes are a great way to share information, and they are very easy and fast to use. They save space by storing a lot of information in a small image.

And instead of creating all the images manually, use RenderForm to generate many images with different QR codes at once from a template. Save time and enjoy the results!


How to generate images with different QR codes?


Real estate banners are a great way to present your offer. You can use them on your website, social media, online ads or printed in your office. They are a great option to present your offer to potential clients.

For real estate agents, it is important to present their offer professionally. Those days, it is not enough to have a good offer, it needs to look good to sell it. To do that, you can display your offer online, use banners and other marketing materials like flyers. RenderForm will help you generate real estate banners and images automatically from a template, so you can focus on selling and not creating images for each of your real estates.

## Your real estate offer image template

A real estate banner is a simple image with a few texts, property images and contact details. It is a great base for showing your properties online or as a flyer, as it will display the most important information and encourage people to contact you. Having consistent, nice looking banners in the same or similar style will help you present your offer to potential clients and show your professionalism.

To automate your real estate banners, first you need to create a template. Log in to RenderForm (or sign up if you don't have an account yet) and create a new project. 

Go to **My Templates** and click on **Create new template** option. You can also use one of our existing banner templates as a base for your project and adjust it to your needs. 

![My image templates](/blog/my-templates.png)

Choose your banner size and start working in the template editor! My real estate banner template contains the following elements:
- title (property name)
- 4 characteristics (number of rooms, area, facilities)
- price
- contact number

![My image templates](/blog/real-estate/real-estate-banner-template.png)

On the left side of the editor, you can see all template elements. Besides the basic information about the property, it has background colors, background rectangles for images and some other decorative elements. You can add more elements to your template, like a logo or a map.

> **Tip 1:** change names of [template components](/docs/general/template-properties/) so you can easily find and identify them during image generation.\
> **Tip 2:** lock elements you don't want to change during image generation. You can do that by clicking on the lock button in the element properties panel.

## Generate new images from your template

Once your template is ready, you can generate new images from it and test how it works with different texts. 

To test your template, go to your template Preview. You can find it directly in the template editor or in My Templates section.

![Image template preview](/blog/my-template-preview.png)

In the preview, you can see how your template looks like with different texts. You can change texts and images in the form editor to check how it works. Simply change the template properties and click on **Render Now**.

![Real estate template preview](/blog/real-estate/real-estate-template-form.png)

It is a great tool if you need to generate just one image, not a whole batch. If you need to generate many images, go to the next section.

## Upload data from file

For creating a batch of real estate banners, you can upload all the data from a spreadsheet and generate images for all records. The image generation will be based on your template.

First, prepare your data in a spreadsheet. You can export a ready to fill spreadsheet template (it will contain all the fields you need) or create your own from scratch. To get your spreadsheet template, go to Plugins, choose the Spreadsheet option and there choose your template. On the right side you will find the option **Get template spreadsheet**.

![Get template spreadsheet](/blog/real-estate/get-template-spreadsheet.png)

Below, you can see a same spreadsheet with data. The key for image generation is to **name the columns the same as the template components** with their properties. For example, if you have a text component with a name `title` and a property `text`, you need to name the column `title.text`. 

![Real estate offer data in spreadsheet](/blog/real-estate/spreadsheet.png)

When you have your data ready, go again to **Plugins** and choose **Spreadsheet** option in RenderForm. There, choose your template and use **Import** button to upload your spreadsheet data.

![Real estate banner generation](/blog/real-estate/real-estate-spreadsheet-generation.mp4)


## Create an image automation

The banners can be generated for you automatically thanks to integration with Zapier and Make.com. Also, you can use your database in Airtable and run the image generation directly from there. Thanks to image generation automation, you can create a batch of images for your real estate offer and use them in your marketing materials.

### Generate images using Airtable

To generate images using Airtable, you need to have a database with your real estate offer data. Make sure that all the information that you want to display in your banners is in your database.

![Airtable database with real estate offers](/blog/real-estate/real-estate-airtable.png)

Then, set up the RenderForm extension in Airtable and run the image generation for your records!

![Airtable running RenderForm extension to generate images](/blog/real-estate/airtable-renderform-extension.mp4)

> Check our instructions for [image generation using Airtable and Renderform](/blog/posts/image-generation-with-airtable-extension/)

### Generate images for new records using Zapier or Make.com

Zapier and Make.com are great tools for automating your workflows. You can use them to generate images for your real estate offer automatically when a new record is added to your database, or when someone fills out a form on your website.

![Sample image generation scenario with Make.com](/blog/real-estate/make-scenario.png)

> Check our guides for automation of image generaion using [Zapier](/blog/posts/image-generation-with-zapier/) and [Make.com](/blog/posts/image-generation-with-make/)

## Conclusion

In the real estate business, it is important to present your offer professionally. Real estate banners are a great way to advertise your offer. Creating them, however, can be time-consuming. With RenderForm, you can automate your real estate banners and generate images for your real estate offer automatically. Get started now and feel free to [contact us](mailto:contact@renderform.io) if you have any doubts!

How to generate many real estate banners from a template?


Image automation is a great way to save time on repetitive tasks. If you need to create multiple images with different text but the same layout, we have a solution for you. With RenderForm, you can create a template for your image and generate many images with different texts automatically. In this blog post, I will show you how to do it.

It can be a great help for creating images for **real estate offers, car-selling images, images for advertising your business and much more**. It will also help with generating blog post covers in the same style, or creating social media posts.

In this blog post, I will show you an image automation for car selling offers. I will create a template for the image and then generate many images with different texts automatically. Let's get started!

## Your image template

The first step is to create your image template. Open RenderForm or [create an account](/register) if you don't have one yet.

Go to **My Templates** and click on the **Create a new template** option. Then, choose an empty canvas size, e.g., social media cover (you can adjust the template size later).

![My image templates](/blog/my-templates.png)

Now, create the template. It will be a base for your images. My template contains:
- car image,
- text fields for car brand and model with background color,
- smaller text field for car specs,
- bigger color text for the price,
- extra text fields for year of production and the distance driven,
- contact phone number.

![Car selling offer templates](/blog/car-selling-template.png)

> **Tip:** change names of [template components](/docs/general/template-properties/) so you can easily find and identify them during image generation.

All elements that you create in the template can be edited, but in most cases we will to replace just a few of them. In my use case, I will be replacing the car image, all car details' texts, and keep the background color and the phone number the same.

When your template is ready, save it and go to the next step.

## Generate new images from your template

Having a template ready, we can now generate new images from it. First, you can test the image generation using **image preview and form editor**.

In the Form Editor, you can add custom texts for template components, for example, change the price. Once all the data is there, click on **Render now** to see the result.

![Car selling template preview](/blog/car-selling-template-preview.png)

You can use this option to test your template and see how it looks with different texts. It allows you also to save the image, so if you just need one image for the moment, you can do it this way.

> To see the changes instantly, open **Live Preview** option.

## Upload data from file

Now, when you have your template ready, you can generate many images with different texts automatically. To do that, you need to upload a file with data.

First, we need to prepare our data. I will use a spreadsheet with different car details. In the **header row we need to put our template components' names** with their properties, e.g., `model.text`, where `model` is the name of the component and `text` is the property we want to change.

![Car offer data in spreadsheet](/blog/car-selling-spreadsheet.png)

> See our [video tutorial](https://youtu.be/5jy9xteruno) on how to generte images using data from spreadsheet.

Now, we can upload our data to RenderForm. Go to **Plugins** and choose **Spreadsheet** option.

Choose your template from the list and click on **Import** where you can choose your data file. You will see the preview of your data imported from the spreadsheet. If everything is correct, click on **Render** button to generate your images. Give RenderForm a few seconds to do the magic, and your images will be ready to download!

![Car offer image generation from spreadsheet](/blog/car-offer-images.mp4)

## Create an image automation

Another option for creating images in bulk is to use **image automation**. It allows you to create an automation with external services, like Zapier, Make.com or Airtable, that will generate images automatically for you.

For our car selling offer example, we can connect RenderForm to our Airtable database, where we receive all new car offers. There, we can generate images automatically, and save them in Airtable.

### Generate images using Airtable

Find the RenderForm extension in Airtable and enable it by adding your API key. Set up the extension by choosing your template and the column where you want to show your images in Airtable. Map template components to Airtable columns and click on **Render images** to start the image generation.

![Car offer image generation using Airtable database](/blog/car-selling-airtable.mp4)

> See [instructions for Airtable integration](/blog/posts/image-generation-with-airtable-extension/)

### Generate images for new records using Zapier

You can also use Zapier to generate images for new records in Airtable. In this case, Zapier will connect your template and image generation from RenderForm and your database in Airtable.

![Car offer image automation using RenderForm, Zapier and Airtable](/blog/car-selling-zapier.png)

This automation will run RenderForm image generation for every new or updated record in your Airtable sheet. Sounds great, right?

<ZapierPlugin/>

## Conclusion

Make your work easier and much faster with automatic image generation. With just a few steps you can create a template for the images you need to generate, connect it with your data and generate many images with different texts automatically. Try all the powerful features and integrations of RenderForm and save your time now!


How to generate multiple images with different texts?


Creating leaderboard or ranking images can be a repetitive and time-consuming job. You need to find or create a template, add the data, and then export the image. And then repeat on different occasions. Or even worse, create such an image manually every time. If you create many leaderboard images, it can be a tedious task. 

In this tutorial, we will show you how to automate the process of creating leaderboard and ranking images using RenderForm template editor and a simple spreadsheet. With that information, you will be able to create a new leaderboard image in just a few seconds!

## Create leaderboard image template

First, we need to **create a template** for our leaderboard or ranking image. For that, log in to RenderForm and create a template of your choice.

The canvas editor will give you all the options that you can use in your leaderboard image template. Add background, player names, photos, and their score or even star rating!

![Leaderboard template created in RenderForm](/blog/leaderboard-template.png)

When creating a template, name the elements of your image so that you can easily identify them later. For example, you can name the player's name as `player_name` and the player's score as `player_score` instead of `text_1`, `text_2`, etc.  

Save your template and that's all, you won't have to create the same image manually never again. Now, you are ready for automatic image generation!

## Generate new leaderboard image from a template

When your template is ready, now you can easily generate an image with different data. It will take just a few seconds!

Go to **Image Preview**, which shows the image and all elements that can be edited. It is a sort of form which you can use to quickly generate new images from your template.
Next, edit the template elements in the form. Simply replace the default text, e.g., `player_1_text` with the real player name, `Jon Snow`. Proceed with the rest of the elements and add the data for all the players.

![Leaderboard image preview](/blog/leaderboard-image-preview.png)

Once you added all the data, click **Render Now** at the bottom of the list. The image will be generated instantly, and you can see how the new data looks like in your template.

![Leaderboard rendered image from preview](/blog/leaderboard-image-preview-rendered.png)

And that's all, you can now **download the image or share it with your team**. To do that:
- right-click on the rendered image and use the *Save image* option
- use **Copy as browser link** option under the Render now button. This option will generate a link for your image and let you use it online!

## Generate multiple images with spreadsheet

If you need to create **multiple leaderboard or ranking images with different data at once**, then you can use the Spreadsheet automation. It allows you to generate multiple images at once with a few simple steps. 

### Create a spreadsheet with data

Our leaderboard template is ready, so now, we just need to create a spreadsheet with the data we want to display in it.

In the header row of your Spreadsheet, add the **names of the columns** that match the IDs of the elements in the template and their property type. You can copy all the names from the template preview.

For example, in my template I will use `player_1_text.text` where `player_1_text` is the ID of the text element and `.text` is the property of the element that we want to change.

![Spreadsheet with data](/blog/leaderboard-spreadsheet.png)

For a better overview, you can add a column with the image name (`_name`). This will be the **name of the image file** that will be generated.

In the next rows, add the data you want to display in the leaderboard images, so the players' names, photos, and scores. You can add as many rows as you want, each row will be a separate leaderboard image.

> Check out our [video tutorial about image automation using spreadsheet](https://www.youtube.com/watch?v=5jy9xteruno).

### Automate the image generation

Now, go to **Plugins** in RenderForm and choose **Spreadsheet** automation. There, choose the template you created to use it as a base for the leaderboard images.

![Spreadsheet automation plugin](/blog/plugins-spreadsheet.png)

Then, click on **Import** and pick the XLSX file with the data. Once it is loaded, you will see the preview of the images that will be generated with the data from your spreadsheet. In this step, you can check and confirm if everything is correct.

![Preview of auto-generated images](/blog/leaderboard-imported-spreadheet.png)

Finally, click on **Render** and wait for the images to be generated. Once they are ready, you can download them as a zip file with **Download** button.

![Ready to use ranking images with player details and scores](/blog/leaderboard-images.png)

## Conclusion

In this tutorial, we showed you how to automate the process of creating leaderboard or ranking images. With just a few clicks you can generate a new image from your template or multiple images with different data using a simple spreadsheet. Automate your workflow with image generation and save time for more important tasks!

Leaderboard and ranking image automation with RenderForm


In this blog post I will present you how to quickly generate many images for an online session, video course or a conference.
I will use [RenderForm](/) to create a template, load data from a spreadsheet and generate images.

## Create a template

I used a predefined template from 'Templates' tab and adjusted it to my needs. RenderForm offers a great number of templates in many categories.
You can also create your own templates from scratch with an easy-to-use template editor.

In this blog post I will modify texts in two places and change the image (you can see component names on the left side panel).
 - `author_photo` - author image on the right side,
 - `author_name` - author name under the image,
 - `title` - session title.

![template in canvas editor for marketing automation](/blog/template-in-canvas-editor.png)


## Create a spreadsheet

I created a spreadsheet in Numbers, which is a default spreadsheet app for macOS, but you can use Excel or any other spreadsheet program.

In the first row, I put component names with properties I wanted to change, and separated them with a dot.

Property is a variable of component that you want to modify, for example, text, source url, background color or opacity.
Check our docs for more details about [components and their properties](/docs/general/template-properties/). Here is my sample spreadsheet:

- `author_photo.src` - change image source of `author_photo` component,
- `author_name.text` - change `text` of `author_name` component,
- `title.text` - change `text` of `title` component.

![data in spreadsheet](/blog/data-in-spreadsheet.png)

## Generate images

Now, head to the 'Extensions' tab in RenderForm and open 'Spreadsheet' extension. Import created spreadsheet using 'Import from file' button,
and select the template you want to use on left side.

![RenderForm extensions](/blog/bannerly-extensions.png)

If all properties are loaded properly in your file (they must correspond to your selected template), you are ready to start a generation.
To start generating images click 'Generate' button on top of the list, and do not close the window until the generation process is completed.


![list with generated images in spreadsheet extension](/blog/list-with-generated-images.png)

Once the generation is done, you will be able to download the images using 'Download' button.

![generated images from template for marketing automation](/blog/generated-images.png)

With 'Spreadsheet' extension you are able to quickly generate multiple images with one template and customized content.
With image generation and simple image editor, you can create images, post covers or marketing brochures, that match your company, website or app unique style!

<Vimeo/>


Zapier

Make.com

Integrately

WordPress Plugin

Mailchimp

Airtable Extension

Google Sheets

Excel/CSV file

REST API

RenderForm CLI

Webhooks

HTML to Image

Spreadsheet

How to generate images with different QR codes?

How to generate many real estate banners from a template?

How to generate multiple images with different texts?

Leaderboard and ranking image automation with RenderForm

How to create many images from a spreadsheet?