Storefront Code Anpassungen

11 Januar 26, 2025

Einleitung

Convertly ist ein leistungsstarkes Tool für A/B/n-Testing, das speziell für Shopware entwickelt wurde. Es bietet die Möglichkeit, Storefront-Elemente dynamisch zu steuern und unterschiedliche Varianten einfach umzusetzen. Mit integrierten Funktionen wie Cache-Handling und der Twig-Funktion convertly([...]) können Sie flexible Tests durchführen, um die Nutzererfahrung zu verbessern und die Conversion-Rate zu steigern.

Grundlagen des A/B/n-Testings

A/B/n-Testing ist eine bewährte Methode zur Optimierung von Online-Shops. Dabei werden verschiedene Varianten von Elementen getestet, um herauszufinden, welche Version die beste Nutzererfahrung bietet. Mit Convertly wird dieser Prozess speziell für Shopware optimiert.

Fallback-Strategie: Warum ist sie wichtig?

Eine gut durchdachte Fallback-Strategie ist entscheidend für ein reibungsloses Nutzererlebnis:

  1. Konsistente Darstellung: Kunden ohne aktive Tests sehen eine vollständige und funktionale Storefront.
  2. SEO-Freundlichkeit: Bots und Crawler können Shop-Inhalte korrekt erfassen.
  3. Saubere Statistiken: Daten für fundierte Entscheidungen sind gesichert.

Definiere immer eine Fallback-Variante, um sicherzustellen, dass alle Nutzer, auch diejenigen außerhalb eines Tests, eine konsistente Darstellung der Storefront erleben.

Funktionalität von Convertly

Twig-Funktion: convertly([...])

Mit der Convertly-Twig-Funktion können Sie dynamisch auf experimentelle Varianten zugreifen und sie in Ihrer Storefront umsetzen.

1. Einfacher Check
{{ convertly('experiment_key') }}
  • Liefert den technischen Schlüssel der aktiven Variante als String.
  • Gibt false zurück, wenn keine Variante aktiv ist.
2. Gezielt Variante prüfen
{{ convertly('experiment_key', 'variant_key') }}
  • Liefert einen Booleschen Wert, ob eine spezifische Variante aktiv ist.

Code-Beispiel: Navigation mit A/B/n-Tests

Szenario:

  • Experiment: Navigationselement „Home-Button“ mit drei Varianten.
    • menu_hide_home: Home-Button wird entfernt.
    • menu_replace_home: Home-Button wird durch ein Icon ersetzt.
    • menu_default: Standard-Home-Button bleibt erhalten.

Umsetzung:

{% if convertly('experiment_navigation', 'menu_hide_home') %}
    <!-- Keine Darstellung des Home-Buttons -->
{% elseif convertly('experiment_navigation', 'menu_replace_home') %}
    <a href="/" class="home-icon"></a> <!-- Alternative Darstellung -->
{% else %}
    <a href="/" class="home-button">Home</a> <!-- Fallback -->
{% endif %}

Zusätzliche Features von Convertly

  1. Cache-Handling:
    • Automatische Erstellung eines separaten Cache-Pools für jede Variante.
    • Verhindert unerwünschte Darstellungen und verbessert die Performance.
  2. Flexible Logik:
    • Mit if-Statements können komplexe Szenarien für unterschiedliche Varianten umgesetzt werden.
  3. Statistik-Integration:
    • Erleichtert die Auswertung von Testergebnissen und optimiert Entscheidungsprozesse.