Exit Intent Element
Das Exit Intent Element aus dem Kick Addons for YOOtheme Pro Modul bietet dir eine intelligente Möglichkeit, Modals basierend auf Benutzerverhalten oder manueller Interaktion anzuzeigen. Nutze es, um Besucher gezielt auf Angebote, Anmeldungen oder andere Call-to-Actions aufmerksam zu machen.
Funktionen
1. Exit Intent Trigger
- Zeigt ein Modal an, wenn der Besucher Anzeichen zeigt, die Seite verlassen zu wollen.
- Unterstützt:
- Verzögerung: Festlegen, wie lange gewartet wird, bevor das Modal ausgelöst wird.
- Cookie-Steuerung: Verhindert Wiederholungen durch Cookies.
- Einmal pro Sitzung: Stellt sicher, dass das Modal nur einmal pro Browsersitzung angezeigt wird.
2. Manuelles Öffnen
- Das Modal kann auch durch einen Button mit einer Modal-ID ausgelöst werden.
- Ideal für gezielte, benutzerinitiierte Interaktionen.
3. Flexibles Styling
- Integration der umfangreichen UIkit Modal-Optionen:
- Stile und Farben für Modals.
- Schließen-Schaltfläche: Anpassbar in Position und Design.
- Textausrichtung: Frei wählbar (links, zentriert, rechts).
Einstellungen
Das Exit Intent Element bietet zwei Hauptbereiche in den Einstellungen: Content und Settings.
Content
| Feld | Beschreibung |
|---|---|
| Title | Der Titel des Modals. |
| Content | Der Hauptinhalt des Modals. Unterstützt HTML und Text. |
| Button Content | Text oder Symbol des Buttons, das mit dem Modal verknüpft ist. |
| Link | Ziel-URL für den Button. |
| Link Title | Beschreibung des Links (für Barrierefreiheit). |
| Link Target | Definiere, ob der Link im gleichen Fenster oder in einem neuen Fenster geöffnet wird. |
| Icon | Optionales Icon für den Button. |
| Icon Align | Lege fest, ob das Icon links oder rechts neben dem Text angezeigt wird. |
| Button Size | Größe des Buttons (klein, mittel, groß). |
| Button Style | Stil des Buttons, z. B. Default, Primary, Secondary, Danger, Text. |
Settings
Exit Intent
| Feld | Beschreibung |
|---|---|
| Exit Intent | Aktiviert das Exit Intent Verhalten. |
| Exit Intent Delay | Verzögerung in Sekunden, bevor das Exit Intent ausgelöst wird. |
| Show on Delay | Zeigt das Modal nach einer festgelegten Verzögerung. |
| Once per Session | Zeigt das Modal nur einmal pro Sitzung an. |
Modal
| Feld | Beschreibung |
|---|---|
| Modal ID | Verknüpft den Button oder das Exit Intent Verhalten mit einem spezifischen Modal. |
| Style | Wähle den Stil des Modals. |
| Text Color | Farbe des Textes im Modal. |
| Modal Center | Zentriert das Modal auf der Seite. |
| Modal Container | Fügt einen Container um den Modal-Inhalt hinzu. |
| Close Style | Stil des Schließen-Buttons. |
| Text Align | Positioniert den Text im Modal (z. B. linksbündig, zentriert, rechtsbündig). |
Anwendungsbeispiele
- Verlassens-Trigger: Zeige ein spezielles Angebot oder eine Newsletter-Anmeldung, bevor der Besucher die Seite verlässt.
- Manuelles Öffnen: Nutze Buttons, um spezifische Modals gezielt aufzurufen.
Zusammenfassung
Das Exit Intent Element bietet dir eine moderne und benutzerfreundliche Möglichkeit, Besucherinteraktionen zu maximieren. Es kombiniert Verhaltens-Trigger mit nahtlos integrierbaren UIkit Modal-Funktionen. Nutze es, um die Aufmerksamkeit deiner Besucher an den richtigen Stellen zu gewinnen!