# Create an input field: let users change a text or image

> Make a text or image in your template changeable for users of your design generator, and test the result.

Source: https://bluepic.io/help/input-fields/create-input-field  
Language: en  
Category: input-fields  
Last updated: 2026-10-22

In the template editor, an input field decides which text or image users can later change themselves in the design generator. Everything else in the template stays the way you set it.

This takes three steps:

1. Create the input field in the template editor.
2. Configure the input field in the Input Fields view.
3. Test the input field in the design generator.


## Create the input field

1. Click the square with the plus in the toolbar at the top. This is the **Create Input Field** tool.

   ![Toolbar with the Create Input Field tool highlighted.](https://imagedelivery.net/mudX-CmAqIANL8bxoNCToA/help/KB-create-input-field-01/public){width="894"}

2. Click the text or image that users should be able to change later. You can click it on the canvas or in the layers panel. A popup opens.

   > **No popup opens?** If the element sits inside a group or mask, a click on the canvas selects the whole group. Groups have no popup. Locked elements can't be clicked on the canvas either. Press **Esc** and start again at step 1. Then click the element itself in the layers panel.

3. Choose on the left of the popup how users may change the element.

   - For a text:
     - **Text**: users type their own text.
     - **Text Selection**: users choose a text from a dropdown menu.
   - For an image:
     - **Image**: users upload their own image.
     - **Image Selection**: users pick from a list.
     - **Logo**: users upload a logo.

   > **The field type you want is missing?** The popup only offers what no input field controls yet. If the element already has an input field, you'll find it in the Input Fields view. You open it with **Input Fields** next to **Share**.

   ![Popup for a text element with the Text field type highlighted and Text Selection below it, the Field Preview on the right.](https://imagedelivery.net/mudX-CmAqIANL8bxoNCToA/help/KB-create-input-field-03/public?v=2004ca41 "On the right, Field Preview shows what the input field will look like in the form."){width="894"}

4. Click **Add Field**. The input field is now created and connected to your text or image. The tool then switches off.

> **Tip:** You can also make colors, sizes and other properties changeable: with **Select Custom Property** in the popup. [How elements, properties and input fields fit together](https://bluepic.io/help/input-fields/elements-properties-input-fields) explains how.

## Configure the input field

The Input Fields view shows all input fields of your template, and you configure them there.

1. Click **Input Fields** at the top right of the toolbar. The Input Fields view opens.

   ![Top right of the toolbar with the Input Fields button highlighted.](https://imagedelivery.net/mudX-CmAqIANL8bxoNCToA/help/KB-create-input-field-02/public){width="894"}

2. Look at the bottom of the list for your new input field. It already holds the text or image that was in the element. For a text, that is the content of the **Content** property. Users see it as the default value.

   ![Input Fields view with the input fields Upload Image and, highlighted at the bottom, Edit Text with the default value Jane Doe / Role / Company.](https://imagedelivery.net/mudX-CmAqIANL8bxoNCToA/help/KB-create-input-field-04/public?v=d7928924){width="472"}

3. Change the input field's heading if you like: click **Edit Text** or **Upload Image** and type a new one. Users see the heading above the input field in the design generator.
4. Click the gear on the right of the input field to configure more settings, for example a description or a character limit.
5. Click × at the top right to close the Input Fields view.

> **Caution:** The Input Fields view is not a preview. Whatever you type or upload into an input field here changes your template for good. Test input fields in the design generator.

## Test the input field in the design generator

The design generator is the page where users fill in your template and export their design. You can test the input field there safely: whatever you enter doesn't change your template permanently.

1. When you are done with your input fields, click **Share** at the top right and then **Publish Template Link**. If you have published the template before, the menu item is called **Open Template Campaign**. A popup with the share settings opens. Your template can now be reached through a link.
2. Click **Copy URL** and open the link in a new browser tab. The design generator opens. On a computer, the input fields are on the left and the design on the right.
3. Type a different text into your input field or upload a different image. Check that the design changes the way you want.

   ![Design generator: the input fields with their names on the left, the design with the entered values on the right.](https://imagedelivery.net/mudX-CmAqIANL8bxoNCToA/help/KB-using-a-design-generator-01/public){width="1200"}

## Related articles

- [Publish a template link: share your design generator](https://bluepic.io/help/template-management/share-template-link)
- [Text input fields](https://bluepic.io/help/input-fields/text-input-fields)
- [Image input fields](https://bluepic.io/help/input-fields/image-input-fields)
- [How elements, properties and input fields fit together](https://bluepic.io/help/input-fields/elements-properties-input-fields)