# Input-Feld erstellen: Text oder Bild änderbar machen

> Mach einen Text oder ein Bild in deinem Template für Nutzer deines Design-Generators änderbar und teste das Ergebnis.

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

Im Template-Editor legst du mit einem Input-Feld fest, welchen Text oder welches Bild Nutzer später im Design-Generator selbst ändern können. Alles andere im Template bleibt so, wie du es eingestellt hast.

Das geht in drei Schritten:

1. Erstelle das Input-Feld im Template-Editor.
2. Konfiguriere das Input-Feld im Input Fields View.
3. Teste das Input-Feld im Design-Generator.


## Input-Feld erstellen

1. Klicke in der Toolbar oben auf das Quadrat mit dem Plus. Das ist das Werkzeug **Create Input Field**.

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

2. Klicke auf den Text oder das Bild, das durch einen Nutzer später veränderbar sein soll. Das geht auf dem Canvas oder im Layers-Panel. Ein Popup öffnet sich.

   > **Es öffnet sich kein Popup?** Liegt das Element in einer Gruppe oder Maske, wählt ein Klick auf dem Canvas die ganze Gruppe aus. Gruppen haben kein Popup. Auch gesperrte Elemente kannst du auf dem Canvas nicht anklicken. Drücke **Esc** und beginne wieder bei Schritt 1. Klicke dann im Layers-Panel auf das Element selbst.

3. Wähle links im Popup aus, wie Nutzer das Element ändern dürfen.

   - Für einen Text:
     - **Text**: Nutzer tippen selbst einen Text.
     - **Text Selection**: Nutzer wählen einen Text aus einem Dropdown-Menü.
   - Für ein Bild:
     - **Image**: Nutzer laden ein eigenes Bild hoch.
     - **Image Selection**: Nutzer wählen aus einer Liste.
     - **Logo**: Nutzer laden ein Logo hoch.

   > **Der gewünschte Feldtyp fehlt?** Das Popup bietet nur an, was noch kein Input-Feld steuert. Hat das Element schon ein Input-Feld, findest du es im Input Fields View. Du öffnest ihn mit **Input Fields** neben **Share**.

   ![Popup für ein Textelement mit dem markierten Feldtyp Text und darunter Text Selection, rechts die Field Preview.](https://imagedelivery.net/mudX-CmAqIANL8bxoNCToA/help/KB-create-input-field-03/public?v=2004ca41 "Rechts zeigt Field Preview, wie das Input-Feld später im Formular aussieht."){width="894"}

4. Klicke auf **Add Field**. Das Input-Feld ist jetzt erstellt und mit deinem Text oder Bild verbunden. Das Werkzeug schaltet sich danach aus.

> **Tipp:** Auch Farben, Größen und andere Eigenschaften kannst du änderbar machen: mit **Select Custom Property** im Popup. Wie das geht, steht in [Wie Elemente, Eigenschaften und Input-Felder zusammenhängen](https://bluepic.io/de/help/input-fields/elements-properties-input-fields).

## Input-Feld konfigurieren

Im Input Fields View siehst du alle Input-Felder deines Templates und konfigurierst sie.

1. Klicke oben rechts in der Toolbar auf **Input Fields**. Der Input Fields View öffnet sich.

   ![Toolbar oben rechts mit markiertem Button Input Fields.](https://imagedelivery.net/mudX-CmAqIANL8bxoNCToA/help/KB-create-input-field-02/public){width="894"}

2. Schau ganz unten in der Liste nach deinem neuen Input-Feld. Es enthält schon den Text oder das Bild, das vorher im Element stand. Bei einem Text ist das der Inhalt der Eigenschaft **Content**. Nutzer sehen diesen Inhalt als Standardwert.

   ![Input Fields View mit den Input-Feldern Upload Image und, ganz unten markiert, Edit Text mit dem Standardwert Jane Doe / Role / Company.](https://imagedelivery.net/mudX-CmAqIANL8bxoNCToA/help/KB-create-input-field-04/public?v=d7928924){width="472"}

3. Ändere bei Bedarf die Überschrift des Input-Felds: Klicke auf **Edit Text** oder **Upload Image** und tippe eine neue ein. Nutzer sehen die Überschrift im Design-Generator über dem Input-Feld.
4. Klicke auf das Zahnrad rechts im Input-Feld, um weitere Einstellungen zu konfigurieren, zum Beispiel eine Beschreibung oder ein Zeichenlimit.
5. Klicke oben rechts auf ×, um den Input Fields View zu schließen.

> **Achtung:** Der Input Fields View ist keine Vorschau. Was du hier in ein Input-Feld einträgst oder hochlädst, ändert dein Template dauerhaft. Teste Input-Felder im Design-Generator.

## Input-Feld im Design-Generator testen

Der Design-Generator ist die Seite, auf der Nutzer dein Template ausfüllen und ihr Design exportieren können. Hier kannst du das Input-Feld gefahrlos testen: Was du dort eingibst, ändert dein Template nicht dauerhaft.

1. Wenn du mit deinen Input-Feldern fertig bist, klicke oben rechts auf **Share** und dann auf **Publish Template Link**. Hast du das Template schon veröffentlicht, heißt der Menüpunkt **Open Template Campaign**. Ein Popup mit den Share-Einstellungen öffnet sich. Dein Template ist jetzt über einen Link erreichbar.
2. Klicke auf **Copy URL** und öffne den Link in einem neuen Browser-Tab. Der Design-Generator öffnet sich. Am Computer stehen links die Input-Felder, rechts das Design.
3. Gib in dein Input-Feld einen anderen Text ein oder lade ein anderes Bild hoch. Prüfe, ob sich das Design so ändert, wie du es willst.

   ![Design-Generator: links die Input-Felder mit ihren Namen, rechts das Design mit den eingetragenen Werten.](https://imagedelivery.net/mudX-CmAqIANL8bxoNCToA/help/KB-using-a-design-generator-01/public){width="1200"}

## Mehr dazu

- [Template-Link veröffentlichen: Design-Generator teilen](https://bluepic.io/de/help/template-management/share-template-link)
- [Text-Input-Felder](https://bluepic.io/de/help/input-fields/text-input-fields)
- [Image-Input-Felder](https://bluepic.io/de/help/input-fields/image-input-fields)
- [Wie Elemente, Eigenschaften und Input-Felder zusammenhängen](https://bluepic.io/de/help/input-fields/elements-properties-input-fields)