# Checkbox-Input-Feld erstellen: Element ein- und ausblenden lassen

> Lass Nutzer im Design-Generator mit einer Checkbox entscheiden, ob ein Element im Design zu sehen ist.

Source: https://bluepic.io/de/help/input-fields/show-or-hide-element  
Language: de  
Category: input-fields  
Last updated: 2026-10-22

Im Template-Editor legst du mit einem Checkbox-Input-Feld fest, dass Nutzer im Design-Generator ein Element ein- und ausblenden können, zum Beispiel ein Logo oder einen Hinweis. Setzen sie das Häkchen, ist das Element zu sehen, sonst nicht.

Das geht in drei Schritten:

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


## Checkbox-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 das Element, das Nutzer ein- und ausblenden sollen. Das geht auf dem Canvas oder im Layers-Panel.
3. Je nach Element geht es so weiter:

   - Für einen Text, ein Bild oder eine Form: Ein Popup öffnet sich. Klicke darin auf **Select Custom Property**.

     ![Popup für einen Text mit markiertem Button Select Custom Property, rechts eine Vorschau des Input-Felds.](https://imagedelivery.net/mudX-CmAqIANL8bxoNCToA/help/KB-select-custom-property-01/public?v=e3e9ae14){width="894"}

   - Für eine Gruppe oder Maske: Es öffnet sich kein Popup. Mach direkt mit Schritt 4 weiter.

   Auf dem Canvas steht jetzt der Hinweis „Select a property to connect a field.“
4. Klicke im Properties-Panel im Abschnitt **Appearance** auf die Eigenschaft **Visibility**. Sie steht ganz unten im Abschnitt, neben **Opacity**, und zeigt „true“. Ein Popup **Create Field** öffnet sich.

   > **Visibility ist nicht zu sehen?** Bei Gruppen und Masken ist der Abschnitt **Appearance** zugeklappt. Klicke auf **Appearance**, um ihn aufzuklappen.

   ![Abschnitt Appearance eines ausgewählten Rechtecks mit markierter Eigenschaft Visibility neben Opacity.](https://imagedelivery.net/mudX-CmAqIANL8bxoNCToA/help/KB-show-or-hide-element-01/public){width="938"}

5. Klicke auf **Checkbox**. Das Checkbox-Input-Feld ist jetzt erstellt und mit der Sichtbarkeit des Elements verbunden.

   ![Popup Create Field für die Eigenschaft Visibility mit den Feldtypen Select und Checkbox.](https://imagedelivery.net/mudX-CmAqIANL8bxoNCToA/help/KB-checkbox-input-fields-01/public){width="504"}

> **Tipp:** Mehrere Elemente auf einmal ein- und ausblenden: Fasse sie zu einer Gruppe zusammen und verbinde die **Visibility** der Gruppe mit dem Checkbox-Input-Feld.

## 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 heißt **Toggle**. Sein Häkchen zeigt, ob das Element gerade sichtbar ist. Das ist der Standardwert, mit dem Nutzer starten.
3. Klicke auf **Toggle** und tippe eine Überschrift ein, die sagt, worum es geht, zum Beispiel „Logo anzeigen“. Nutzer sehen sie im Design-Generator über der Checkbox.
4. Klicke auf das Zahnrad rechts im Input-Feld. Die Einstellungen öffnen sich.
5. Gib bei **Label** den Text ein, der neben der Checkbox stehen soll. Das Label ist optional.
6. Klicke auf **Done**. Die Einstellungen schließen sich.
7. Klicke oben rechts auf ×, um den Input Fields View zu schließen.

> **Achtung:** Der Input Fields View ist keine Vorschau. Setzt oder entfernst du hier das Häkchen, ändert das den Standardwert dauerhaft. Dasselbe gilt für das Auge im Layers-Panel: Blendest du das Element dort aus, startet die Checkbox im Design-Generator ohne Häkchen. 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 auswählst, ä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.
3. Klicke auf die Checkbox. Prüfe, ob das Element verschwindet und beim nächsten Klick wieder erscheint.

## Mehr dazu

- [Wie Elemente, Eigenschaften und Input-Felder zusammenhängen](https://bluepic.io/de/help/input-fields/elements-properties-input-fields)
- [Elemente gruppieren: zusammen bewegen und anordnen](https://bluepic.io/de/help/design-elements-and-tools/group-elements)
- [Checkbox-Input-Felder](https://bluepic.io/de/help/input-fields/checkbox-input-fields)
- [IF / ELSE-Logik: zwischen zwei Ergebnissen umschalten](https://bluepic.io/de/help/expressions-and-logic/guide-if-else-logic)