# Parameters oder props?

Wählen Sie, wo Vorlageninhalte gespeichert und Daten für jedes Dokument bereitgestellt werden sollen.

Beim Bearbeiten einer Vorlage werden sowohl **Props** als auch **Parameters** angezeigt. Beide liefern Werte für den Inhalt, dienen jedoch unterschiedlichen Zwecken: Einer speichert Werte, die zur Vorlage gehören, während der andere Daten für jedes Dokument empfängt.

Wenn Sie sie getrennt halten, können Sie das Design an einem Ort bearbeiten und mit anderen Daten wiederverwenden, ohne den Editor bei jedem Durchlauf erneut öffnen zu müssen.

## 1. Wählen Sie, wo ein Wert hingehört

Verwenden Sie **Props** für mit der Vorlage gespeicherte Werte, wie Überschriften, Beschriftungen, Farben und Logos. Verwenden Sie **Parameters** für Daten, die pro Lauf bereitgestellt werden, z. B. einen Empfänger, eine Referenznummer oder eine Artikelliste.

| Wert | Wo es hingehört |
| --- | --- |
| Ein „Empfänger“-Label | Eine Prop im Abschnitt, in dem sie angezeigt wird. |
| Der Name des Empfängers | Ein Parameter. |
| Eine gemeinsame Farbe oder ein gemeinsames Logo | Eine Global-Prop. |
| Eine Liste von Elementen | Ein Array-Parameter. |
| Ein Etikett mit englischen/vietnamesischen Versionen | Eine Prop mit variantenspezifischen Werten. |

<figure class="doc-sim data-assets-illustration" aria-label="Props werden mit der Vorlage gespeichert · Parameters empfängt Daten für jeden Lauf">
<div class="sim-stage"><div class="ds-columns"><div class="sim-panel"><div class="ds-head"><strong>Props</strong></div><div class="sim-prop-card ds-field"><div class="sim-prop-name"><b>Überschrift</b><span class="ds-type">Text <svg class="sim-chevron" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.5" aria-hidden="true"><path d="m4 6 4 4 4-4" /></svg></span></div><div class="sim-prop-value"><small class="sim-label">WERT</small><span class="sim-input sim-focus">Dokumenttitel</span><span class="sim-embed">{{ props.heading }}</span></div></div></div><div class="sim-panel"><div class="ds-head"><strong>Parameters</strong></div><div class="sim-prop-card ds-field"><div class="sim-prop-name"><b>Empfänger</b><span class="ds-type">Text <svg class="sim-chevron" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.5" aria-hidden="true"><path d="m4 6 4 4 4-4" /></svg></span></div><div class="sim-prop-value"><small class="sim-label">STANDARD</small><span class="sim-input">Tembuilder</span><span class="sim-embed">{{ params.recipient }}</span></div></div></div></div></div>
<figcaption>Props werden mit der Vorlage gespeichert · Parameters empfängt Daten für jeden Lauf</figcaption>
</figure>

## 2. Props gehören zu dem Teil, das Sie bearbeiten

Wählen Sie einen Abschnitt, eine Kopf- oder Fußzeile in **Structure** aus und öffnen Sie dann **Props**. Wählen Sie **Prop hinzufügen**, um einen Wert hinzuzufügen. Zu den verfügbaren Typen gehören „Text“, „Zahl“, „Boolescher Wert“, „Array“, „Objekt“, „Farbe“ und „Asset“.

Lesen Sie in HTML dieses Teils die Prop mit `{{ props.heading }}`. Für eine gemeinsam genutzte Global-Prop verwenden Sie `{{ global.props.propName }}`.

Verschiedene Abschnitte können props mit demselben Namen haben. Überprüfen Sie den Abschnittsnamen über der Props-Liste, um zu sehen, welchen Teil Sie bearbeiten.

<figure class="doc-sim data-assets-illustration" aria-label="Wählen Sie einen Abschnitt aus, um dessen Props zu bearbeiten">
<div class="sim-stage"><div class="ds-path">Structure → Abschnitt → Props</div><div class="sim-panel"><div class="ds-head"><strong>Abschnitt</strong><span class="sim-control">＋ Prop hinzufügen</span></div><div class="sim-prop-card ds-field"><div class="sim-prop-name"><b>Überschrift</b><span class="ds-type">Text <svg class="sim-chevron" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.5" aria-hidden="true"><path d="m4 6 4 4 4-4" /></svg></span></div><div class="sim-prop-value"><small class="sim-label">WERT</small><span class="sim-input sim-focus">Dokumenttitel</span><span class="sim-embed">{{ props.heading }}</span></div></div></div></div>
<figcaption>Wählen Sie einen Abschnitt aus, um dessen Props zu bearbeiten</figcaption>
</figure>

## 3. Parameters liefert Daten für jeden Lauf

Öffnen Sie **Parameters → Schema**, um Feldnamen, Typen und Standardeinstellungen zu deklarieren. Verwenden Sie `{{ params.recipient }}` in HTML, um das Feld `recipient` zu lesen.

Überprüfen Sie das Datenobjekt in **Payload** und verwenden Sie dann diese Struktur, wenn Sie Daten in **Run** eingeben. Durch die Angabe eines neuen Werts werden die Daten des Laufs geändert, nicht die in der Vorlage gespeicherten props.

Siehe [Eingabedaten deklarieren](/docs/de/data/parameters/) zum Hinzufügen von Feldern zu einer Vorlage.

<figure class="doc-sim data-assets-illustration" aria-label="Parameters → Empfänger → params.recipient">
<div class="sim-stage"><div class="sim-panel"><div class="ds-head"><strong>Parameters</strong><span class="sim-control">＋ Hinzufügen</span></div><div class="sim-tabs"><span class="sim-active">Schema</span><span>Payload</span></div><div class="sim-prop-card ds-field"><div class="sim-prop-name"><b>Empfänger</b><span class="ds-type">Text <svg class="sim-chevron" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.5" aria-hidden="true"><path d="m4 6 4 4 4-4" /></svg></span></div><div class="sim-prop-value"><small class="sim-label">STANDARD</small><span class="sim-input sim-focus">Tembuilder</span><span class="sim-embed">{{ params.recipient }}</span></div></div></div><div class="ds-link-arrow">↓</div><div class="ds-code"><code>{ "recipient": "Tembuilder" }</code></div></div>
<figcaption>Parameters → Empfänger → params.recipient</figcaption>
</figure>

## 4. Kombinieren Sie sie in HTML

Zum Beispiel speichert `heading` eine Abschnittsüberschrift als Prop, während `recipient` den Namen des Lesers als Parameter erhält:

```handlebars
<h1>{{ props.heading }}</h1>
<p>{{ params.recipient }}</p>
```

Bearbeiten Sie `heading` in Props, um die Überschrift der Vorlage zu ändern. Geben Sie ein anderes `recipient` an, um das Design für eine andere Person wiederzuverwenden.

Informationen zu mehreren Etiketten- oder Farbsätzen in einer Vorlage finden Sie unter [Vorlagenvarianten](/docs/de/data/variants/).

<figure class="doc-sim data-assets-illustration" aria-label="Vorlagentext und Eingabedaten erscheinen zusammen im Dokument">
<div class="sim-stage"><div class="ds-flow"><div class="ds-code sim-focus"><code>&lt;h1&gt;{{ props.heading }}&lt;/h1&gt;</code><code>&lt;p&gt;{{ params.recipient }}&lt;/p&gt;</code></div><span class="ds-flow-arrow">→</span><div class="ds-paper"><small>Tembuilder</small><strong>Dokumenttitel</strong><div><p>Tembuilder</p></div><div class="ds-lines"><i></i><i></i><i></i></div></div></div></div>
<figcaption>Vorlagentext und Eingabedaten erscheinen zusammen im Dokument</figcaption>
</figure>

Weitere Informationen zu Bedingungen, Umfang, Escapezeichen und erweiterten Beispielen finden Sie in der SyntaxreferenzHandlebars](/docs/de/data/handlebars/).
