← Input-Felder

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

Zuletzt aktualisiert 22. Oktober 2026

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.
  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.
    • 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.
  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.

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.
  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.

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.