WordPress Redirect & Split URL Testing
Inhaltsverzeichnis
Kurz & Knapp
Erstelle den neuen Block im CMS (z. B. mit Elementor), gib ihm eine eindeutige ID und blende ihn dort direkt aus, zum Beispiel über die CMS-eigenen Einstellungen oder ein CSS-Feld. Im Varify A/B Testing Tool legst du dann ein Experiment an und blendest den Block in der Testvariante per CSS wieder ein. So kannst du prüfen, wie sich der Block auf das Nutzerverhalten auswirkt.
Neues Element in WordPress Seite einfügen
Zieh einfach das gewünschte Widget (z. B. Text, Bild, Button) per Drag & Drop in den gewünschten Bereich deiner Seite. Sobald es platziert ist, kannst du Inhalt und Design nach deinen Wünschen anpassen.
In diesem Beispiel wurde ein Kachel zum Troubleshooting Bereich in den oberen Teil eingefügt
Neuem Element eine CSS ID vergeben
Wähle das Element aus, das du später per Varify einblenden möchtest – das kann ein neuer Block, eine Spalte oder auch nur ein einzelnes Element sein. Klicke es an und gehe im Elementor-Menü zum Tab „Erweitert“. Dort findest du das Feld „CSS ID“. Trage hier eine eindeutige ID ein, z. B. „new-element“.
Element ausblenden
Wechsle im Tab „Erweitert“ zum Bereich „Responsive“. Aktiviere dort die drei Schalter, um das Element auf Desktop, Tablet und Smartphone auszublenden. So kannst du deine Anpassungen veröffentlichen, ohne dass Nutzer das Element bereits sehen.
Element in über Experiment einblenden
- Lege in Varify ein neues Experiment an.
- Klicke anschließend oben rechts auf das Code-Symbol, um zum CSS-Bereich zu gelangen.
- Dort kannst du diesen Code eingeben (passe die ID an, wenn du einen anderen Namen vergeben hast):
#new-element{
display: block !important;
} - Ersetze „new-element“ durch die ID, die du in Elementor vergeben hast.
- Speichere die Variante ab.
- Teste das Experiment, ob alles funktioniert, wie gewünscht.
- Starte das Experiment
Optional: Anderes Element ausblenden
Wenn du eine Variation eines bestehenden Elements testest, solltest du das Originalelement ausblenden, sobald das neue Element eingeblendet wird.
Vorgehen:
-
- Vergib im CMS auch dem Originalelement eine eindeutige ID.
- Ergänze im CSS der Varify-Variante den passenden Code, zum Beispiel:
#original-element{
display: none !important;
}
So stellst du sicher, dass nur das neue Element in der Testvariante sichtbar ist.