> ## Documentation Index
> Fetch the complete documentation index at: https://docs.osiro.app/llms.txt
> Use this file to discover all available pages before exploring further.

# Variablen

> Text auf Ihrer Landing Page abhängig von einem URL-Parameter dynamisch anpassen.

## Überblick

Mit Variablen zeigen Sie unterschiedliche Texte auf ein und derselben Landing Page an – abhängig davon, mit welchem Link ein Besucher auf die Seite kommt. So lässt sich z. B. eine Landing Page für mehrere Städte oder Kampagnen verwenden, statt für jede eine eigene Seite zu bauen.

***

## Variable konfigurieren

<img src="https://mintcdn.com/osiro/8uuFgku5QwsbtjlT/images/convert/landing-page-editor/variablen/variablen_config.png?fit=max&auto=format&n=8uuFgku5QwsbtjlT&q=85&s=f2c9245c4f137ef44b76f72d9e950fa2" style={{maxWidth: '500px'}} width="1828" height="1012" data-path="images/convert/landing-page-editor/variablen/variablen_config.png" />

| Einstellung                               | Beschreibung                                                                                                                                                                          |
| ----------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| **Variablenname**                         | Name der Variable, z. B. "Stadt".                                                                                                                                                     |
| **Standardwert**                          | Wert, der angezeigt wird, wenn kein passender URL-Parameter vorhanden ist.                                                                                                            |
| **Verwendung im Text**                    | Zeigt an, mit welchem Platzhalter (z. B. `{{Stadt}}`) Sie die Variable in Textfeldern verwenden.                                                                                      |
| **Parameter Bedingungen → URL Parameter** | Name des Query-Parameters in der URL, der ausgelesen wird, z. B. `stadt`.                                                                                                             |
| **Parameter-Wert / Variablenwert**        | Zuordnung: Steht dieser Wert im URL-Parameter, wird die Variable durch den zugehörigen Variablenwert ersetzt. Über "Wert hinzufügen" lassen sich beliebig viele Zuordnungen ergänzen. |

***

## Verwendung im Editor

In einem Textfeld eines Blocks fügen Sie den Platzhalter (z. B. `{{Stadt}}`) direkt in den Text ein.

<img src="https://mintcdn.com/osiro/8uuFgku5QwsbtjlT/images/convert/landing-page-editor/variablen/editor_config.png?fit=max&auto=format&n=8uuFgku5QwsbtjlT&q=85&s=b34b453a89a039ea3bca23df031597a5" width="2940" height="1846" data-path="images/convert/landing-page-editor/variablen/editor_config.png" />

***

## Beispielaufruf

Am Beispiel der Variable "Stadt" mit Standardwert "Berlin" und den Zuordnungen `karlsruhe` → "Karlsruhe" sowie `stuttgart` → "Stuttgart":

<div style={{display: 'flex', gap: '1rem', flexWrap: 'wrap'}}>
  <div>
    <p>Ohne Parameter (Standardwert)</p>

    <img src="https://mintcdn.com/osiro/8uuFgku5QwsbtjlT/images/convert/landing-page-editor/variablen/standardwert.png?fit=max&auto=format&n=8uuFgku5QwsbtjlT&q=85&s=cdb3921208d4b6cec04ac5c45e42e171" style={{maxWidth: '320px'}} width="2936" height="1096" data-path="images/convert/landing-page-editor/variablen/standardwert.png" />
  </div>

  <div>
    <p><code>?stadt=karlsruhe</code></p>

    <img src="https://mintcdn.com/osiro/8uuFgku5QwsbtjlT/images/convert/landing-page-editor/variablen/karlsruhe.png?fit=max&auto=format&n=8uuFgku5QwsbtjlT&q=85&s=da608e729e9e735cc0b78a6dc827d890" style={{maxWidth: '320px'}} width="2936" height="1096" data-path="images/convert/landing-page-editor/variablen/karlsruhe.png" />
  </div>

  <div>
    <p><code>?stadt=stuttgart</code></p>

    <img src="https://mintcdn.com/osiro/8uuFgku5QwsbtjlT/images/convert/landing-page-editor/variablen/stuttgart.png?fit=max&auto=format&n=8uuFgku5QwsbtjlT&q=85&s=3e37f098d1d278e88267e52e967f2bb2" style={{maxWidth: '320px'}} width="2936" height="1096" data-path="images/convert/landing-page-editor/variablen/stuttgart.png" />
  </div>
</div>

***

## Häufige Fragen

<AccordionGroup>
  <Accordion title="Was passiert, wenn der URL-Parameter fehlt oder keinem hinterlegten Wert entspricht?">
    Dann wird der Standardwert angezeigt.
  </Accordion>
</AccordionGroup>