Noch keine Osteraktion für Deinen Online-Shop? Oder nur eine langweilige E-Mail-Kampagne geplant? Dann habe ich etwas Besseres für Dich. Last-Minute!
Stell Dir vor: Ein kleiner Hase hüpft durch Deinen Online-Shop. Wer ihn 3x erwischt, bekommt einen Rabattcode, begleitet von Animationen, Sound und einer Konfetti-Explosion.
Das Ergebnis? Höhere Conversion-Raten und mehr Geld in Deiner Tasche!
Wir haben dieses Spiel ursprünglich für die neue Website unseres CRO-optimierten Shopify-Themes Conversfy entwickelt – und jetzt kostenlos für Dich umgebaut.
Warum funktioniert das so gut?
Gamification ist nicht nur ein Buzzword. Es basiert auf klaren psychologischen Prinzipien:
- Menschen lieben es, Ziele zu verfolgen und dafür belohnt zu werden.
- Visuelle, auditive und interaktive Reize erhöhen die Aufmerksamkeit.
- Ein Erlebnis bleibt besser im Gedächtnis als ein statisches Rabattbanner.
Was das für Deinen Online-Shop bedeutet:
✅ Längere Verweildauer
✅ Höhere Engagement-Rate
✅ Emotionale Bindung
✅ Mehr Käufe, weil Nutzer Spaß haben
Studien zeigen: Interaktive Elemente können die Conversion-Rate um bis zu 70 % steigern – gerade bei mobilen Nutzern.
Demo anschauen & profitieren!
Die Osterjagd ist aktiv unter:
Dort gibt’s jetzt fast 100 € Rabatt auf unser CRO-optimiertes Shopify-Theme. Falls Du Conversfy bisher nicht nutzt.. Jetzt ist der perfekte Zeitpunkt, um Hasen zu jagen und Umsatz zu machen 😎
So funktioniert das Spiel
- Ein Icon (z. B. Osterhase) erscheint zufällig auf der Seite.
- Der Besucher klickt ihn 3x an – jedes Mal mit Sound & Konfetti.
- Danach erscheint ein Modal-Fenster mit Rabattcode, Kopier-Button und Link zum Shop.
Warum Du solche Games verwenden solltest?
Die meisten Online-Shops setzen auf klassische Rabatt-Popups, die inzwischen niemand mehr beachtet. Dieses Spiel dagegen:
- bricht das Muster
- überrascht
- animiert zur Handlung
- führt spielerisch zur Conversion
Und es kostet Dich nichts außer 5 Minuten Zeit zum Einbau.
Dein nächster Schritt
- Section herunterladen
- Binde die Section und Audio-Dateien in Deinem Online-Shop ein
- Stelle Deine gewünschten Texte, Farben und Sounds im Theme Editor ein
- Teste das Spiel – und beobachte, was mit Deiner Conversion passiert
➡️ Liquid-Code & Sounds herunterladen
Installationsanleitung & Demo
Osteraktion schon verplant. Kein Problem!
Das Spiel lässt sich beliebig anpassen. Es geht nicht um Osterhasen, sondern um Interaktion.
Hier ein paar Beispiele:
- Halloween: Geister jagen, Kürbisse sammeln
- Black Friday: Rabatt-Bomben entschärfen
- Valentinstag: Herzen anklicken
- Launch-Aktion: Neues Produkt versteckt auf der Seite
Du entscheidest, welches Symbol wann wo auftaucht und was danach passiert.
Anpassungsmöglichkeiten
Die Spiel-Sektion ist komplett über den Shopify-Theme-Editor steuerbar. Kein Coding nötig. Du kannst u. a. einstellen:
| Parameter | Beschreibung | Beispielwert |
|---|---|---|
| Start-Button Text (mobil) | Text auf dem Start-Button für Mobilgeräte | Spiel starten |
| Startbutton Textfarbe | Textfarbe des Start-Buttons | #333333 |
| Kopieren-Button Hintergrundfarbe | Hintergrundfarbe des Kopieren-Buttons | #2196F3 |
| Kopieren-Button Hover-Hintergrundfarbe | Hover-Hintergrundfarbe des Kopieren-Buttons | #0b7dda |
| Shop-Button Hintergrundfarbe | Hintergrundfarbe des Shop-Buttons | #4CAF50 |
| Shop-Button Hover-Hintergrundfarbe | Hover-Hintergrundfarbe des Shop-Buttons | #3e8e41 |
| Minimale Spawn-Verzögerung (ms) | Minimale Wartezeit bis zum nächsten Hasen | 2000 |
| Maximale Spawn-Verzögerung (ms) | Maximale Wartezeit bis zum nächsten Hasen | 6000 |
| Konfetti-Stopp-Verzögerung (ms) | Verzögerung bis Konfetti-Effekt endet | 3000 |
| Zähler Randfarbe | Randfarbe des Zählers | #ffcc00 |
| Rabattfeld Randfarbe | Randfarbe des Rabattfeldes | #ffcc00 |
| Glow-Effekt Farbe | Farbe für Glow-Effekte | #FFD700 |
| Position von Startbutton | Position des Start-Buttons/Zählers | bottom-left |
| Hasen-Icon | Emoji oder Zeichen für den Hasen | 🐰 |
| Ei-Icon | Emoji oder Zeichen fürs Ei im Modal | 🥚 |
| Klick-Sound URL | URL zum Klick-Sound | https://cdn.shopify.com/s/files/1/0834/0750/3649/files/coin.mp3 |
| Sound bei Gewinn | URL zum Gewinn-Sound | https://cdn.shopify.com/s/files/1/0834/0750/3649/files/winner.mp3 |
| Titel im Modal | Überschrift im Modal-Fenster | Herzlichen Glückwunsch! |
| Nachricht im Modal | Text im Modal-Fenster | Du hast den Osterhasen drei Mal gefunden und einen Rabattcode gewonnen! |
| Rabattcode | Code, der im Modal angezeigt wird | OSTERN2025 |
| Buttontext für Kopieren-Button | Text auf dem Button zum Kopieren | Code kopieren |
| Shop-URL | Link zum Online-Shop | https://shopify.de |
| Buttontext für Shop-Button | Text auf dem Shop-Button | Zum Online-Shop |
| Hasengröße (px) | Größe des Hasen in Pixel | 80 |
| Konfetti aktivieren | Konfetti ein-/ausschalten | true |
| Eckenradius | Rundung für Buttons und Elemente | 10px |
| Verzögerung beim Start (ms) | Wartezeit bis zum ersten Hasen | 3000 |
| Zähler-Text Präfix | Text vor dem Hasenzähler | Gefundene Hasen: |
| Zähler anzeigen | Ob ein Hasenzähler angezeigt wird | false |
💡 Wenn Du keine Shop-URL angibst, wird nur der Rabattcode-Button angezeigt.
📢 Soundeffekte funktionieren in den meisten modernen Browsern. Auf iOS ist Sound ggf. deaktiviert, aber Animation und Code funktionieren immer.
🎶 Du kannst eigene Sounds verwenden. Diese kannst Du z.B. hier finden: Sounds 1, Sounds 2. Beachte, dass die Effekte nicht zu lange sind!
🧔♂️ Du bist Entwickler? Dann fühl Dich frei, das Layout usw. anzupassen. Nicht erlaubt ist der Verkauf von diesem Script!
Fazit
Dieses Oster-Special verwandelt Deinen Online-Shop in ein kleines Spielcasino. Statt langweiligen Pop-ups bekommst Du:
Statt:
- Bannerblindheit
- starrer Rabattanzeigen
- toter E-Mail-Kampagnen
bekommst Du:
- Aufmerksamkeit
- Interaktion
- Emotionale Markenbindung
- …und letztlich: mehr Verkäufe!
Ich wünsche Dir viel Erfolg und bald schöne Ostern! 🐰
