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

# Tab-Away Notification

> Bring Besucher mit einer wechselnden Tab-Nachricht zurück, sobald sie den Browser-Tab verlassen

## Allgemeine Beschreibung

Das **Tab-Away Notification**-Widget ändert den Browser-Tab-Titel, sobald ein Besucher den Tab verlässt oder zu einem anderen Tab wechselt. Anstelle des gewohnten Seitentitels erscheint dann für kurze Zeit eine von dir festgelegte Nachricht, um die Aufmerksamkeit des Besuchers zurückzugewinnen, etwa um ihn an seinen Warenkorb zu erinnern.

Der Tab-Titel blinkt dabei zwischen dem ursprünglichen Seitentitel und der Nachricht hin und her:

**Ursprünglicher Titel**

<div className="border border-[#DFE1E1] rounded-2xl overflow-hidden dark:border-transparent">
  <Frame>
    <img src="https://mintcdn.com/dzm/b4I0NKL_ZwEPXOzJ/images/tab-away-notification-original.jpg?fit=max&auto=format&n=b4I0NKL_ZwEPXOzJ&q=85&s=2f334507709ecb4c9cefa7e575026b05" alt="Ursprünglicher Tab-Titel" width="1516" height="930" data-path="images/tab-away-notification-original.jpg" />
  </Frame>
</div>

**Tab-Away-Nachricht**

<div className="border border-[#DFE1E1] rounded-2xl overflow-hidden dark:border-transparent">
  <Frame>
    <img src="https://mintcdn.com/dzm/b4I0NKL_ZwEPXOzJ/images/tab-away-notification-nachricht.jpg?fit=max&auto=format&n=b4I0NKL_ZwEPXOzJ&q=85&s=8c78563a57e0a40816714edcd1254afb" alt="Tab-Away-Nachricht" width="1461" height="920" data-path="images/tab-away-notification-nachricht.jpg" />
  </Frame>
</div>

## Settings

### Einstellungen

<div className="border border-[#DFE1E1] rounded-2xl overflow-hidden dark:border-transparent">
  <Frame>
    <img src="https://mintcdn.com/dzm/b4I0NKL_ZwEPXOzJ/images/tab-away-notification-einstellungen.jpg?fit=max&auto=format&n=b4I0NKL_ZwEPXOzJ&q=85&s=64c589284d14d1b0552bd9870df9711b" alt="Einstellungen" width="2076" height="482" data-path="images/tab-away-notification-einstellungen.jpg" />
  </Frame>
</div>

<ParamField path="Aktivieren" type="boolean">
  Schalte die Tab-Away Notification global ein oder aus.
</ParamField>

<ParamField path="Nachricht" type="string">
  Der Text wird über eine Sprachvariable gesteuert. Lege sie unter [DZM Resources & Health > Sprachvariablen](/Resources-and-Health/Sprachvariablen) an, nicht im JTL-Backend: Sprachsektion **custom**, Variable **`dzm_tab_away_message`**. Bleibt sie leer, wird der Standardtext "❤️ Wir vermissen dich!" angezeigt.
</ParamField>

<ParamField path="Inaktivitaet (Sek.)" type="number">
  Wie lange der Tab inaktiv sein muss, bevor die Nachricht erscheint.
</ParamField>

<ParamField path="Wechselfrequenz (Sek.)" type="number">
  Wie schnell der Titel zwischen Original und Nachricht wechselt.
</ParamField>

<div style={{height: '1px', backgroundColor: 'silver', margin: '24px 0'}} />