Anleitung - Online Drop Game erstellen - Marketing Chäschtli – Kreative Marketinglösungen mit Gamification für Ihr Business

Anleitung – Online Drop Game erstellen

By Robert | Anleitungen | Comments are Closed | 13 Mai, 2025 | 0

Alt-Text (deutsch, SEO-optimiert): Gamification-Software Beispiel: Wettbewerbsseite mit Berglandschaft, Marketing Chäschtli und Drop-Spiel, verspielte Einkaufstasche auf Plattform, Slider und pinker Start-Button sowie Spielstatistiken für Zeit und Punkte.

Online Drop Game erstellen

Dein erstes mal mit unserer Software? – Schau hier für einen ersten Überblick.

1. Spiel-Format hinzufügen

Beginne, indem du auf „Erstellen“ klickst und „Drop-Spiel“ auswählst.

Screenshot einer Gamification-Software: Web-Oberfläche zur Erstellung von Gewinnspiel-Kampagnen, mit rotem Pfeil von Spielevorlage zum „Kampagne erstellen“-Button im Seitenmenü.

Du kannst es auch als zusätzliche Seite in deinen Kampagnenablauf einfügen.
Sobald du dich auf der Spieleseite befindest, ziehe einfach das Spiel-Format „Drop“ per Drag & Drop auf die Seite.

Computerbildschirm zeigt Design-Tool mit geöffnetem „Elemente“-Menü; Rote Pfeile heben die Drag-and-Drop-Funktion für Bilder hervor – visuelle Anleitung zur Nutzung einer Gamification-Software für Gewinnspiele und Online-Wettbewerbe.

2. Layout

Wähle aus zuvor erstellten Layouts für dein Spiel aus:

Weboberfläche eines Drop Games mit Start-Button und Korb-Icon; linke Seitenleiste zur Auswahl von Bildern für Gamification-Gewinnspiele, zwei rote Pfeile leiten Spieler in das interaktive Spiel-Feld.

3. Preise

Stelle sicher, dass du deine Preise einrichtest, bevor du den restlichen Spielablauf anpasst.
Die Preise müssen zuerst erstellt werden, damit du das Spiellayout abschließen kannst.

Screenshot eines webbasierten Game-Editors zur Erstellung von Gewinnspielen und Wettbewerben: Links Auswahl für Preisgruppen, Drehversuche, Coupons und Belohnungen, rechts Vorschau einer blauen Gamification-Oberfläche mit Bildschirmablauf – ideal für Gamification-Software.

4. Inhalt

Beginne damit, das Hintergrundbild für das Drop-Spiel festzulegen und passe anschließend Größe, Position, Befestigung, Breite und Höhe an.

Screenshot eines Webdesign-Editors für ein Drop-Game mit aktivierter „Erweitert“-Option und hervorgehobener Hintergrundbild-Einstellung – Benutzeroberfläche für Gamification-Software, Gewinnspiele und Wettbewerbe.

Als Nächstes passt du den Korb an – mit deinem gewünschten Bild sowie der entsprechenden Breite und Höhe.

Screenshot des DROP GAME-Design-Interfaces einer Gamification-Software mit ausgewähltem Korb-Symbol und aktivem Content-Tab; Rote Pfeile heben die einfachen Anpassungsoptionen im linken Einstellungsbereich für Gewinnspiele und Wettbewerbe hervor.

Dann lege fest, wie viele Objekte herunterfallen sollen, indem du so viele hinzufügst, wie du möchtest.
Für jedes Objekt bestimmst du, wie viele Punkte beim Auffangen vergeben werden, und fügst ein passendes Bild hinzu.

Gamification-Software Screenshot mit Drop Game: Roter Pfeil zeigt von linkem Bedienfeld zum grünen Korb im Spielfeld, Timer und Punktestand über blauen Start-Button – ideal für interaktive Gewinnspiele und Wettbewerbe.

Um Punkte abzuziehen, wenn ein Objekt gefangen wird, setze ein Minuszeichen vor den Punktewert.
Jedes Objekt kann individuell gestaltet werden.

Abschließend richtest du Zeit / Punkte ein: Wähle ein Zeitlimit und lege ein Punkteziel fest.
Du kannst außerdem entscheiden, ob das Spiel endet, sobald das Punkteziel erreicht ist.
Über die Countdown-Einstellung kannst du einen Countdown anzeigen lassen und den Text wählen, der vor Spielbeginn angezeigt wird. In der Vorschau kannst du Hintergrund, Farben und Schriftarten anpassen.

Screenshot eines Gamification-Editors mit hervorgehobener „Start game“-Option unter den Einstellungen und zentralem „DROP GAME“-Titel, ideal für die Erstellung interaktiver Gewinnspiele und Wettbewerbe mit Gamification-Software.

5. Design

Beim Bearbeiten des Stils kannst du die Ränder und den Innenabstand (Padding) des Layouts anpassen sowie Einstellungen für die Objekte vornehmen – etwa Geschwindigkeit, Variation, Fallintervall, Breite und Rotation.
Außerdem kannst du eine Punkte-Sammelanzeige (Points Collection Splash) einrichten, mit Optionen für Einblendeffekt, Hintergrund, Innenabstand, Rahmen, Schriftart, Farbe und Schatten (durch Aktivieren des Schatteneffekts).

SEO-optimierter Alt-Text auf Deutsch: Screenshot eines Gamification-Software-Editors mit Vorschau eines Drop-Gewinnspiels; Zwei rote Pfeile markieren die erweiterten Einstellungen im Seitenmenü und den interaktiven Spielbereich in der Mitte.

Du kannst deine Einstellungen jederzeit in der Vorschau ansehen, bevor du sie finalisierst.

Screenshot einer webbasierten Gamification-Software: Im Zentrum ist das Vorschau-Fenster für ein hellblaues Drop Game zu sehen; Ein großer roter Pfeil markiert den „Publish“-Button rechts oben – ideal für interaktive Gewinnspiele und Wettbewerbe.

6. Effekte

Füge deinem Spiel zusätzliche Stil-Elemente mit verschiedenen Effekten hinzu.
Wähle aus unterschiedlichen Animationen und passe Übergang, Anfangsverzögerung und weitere Einstellungen individuell an.

Screenshot eines webbasierten Gamification-Editors mit DROP GAME-Vorschau, einem Menü für Animationsoptionen und interaktiven Bearbeitungswerkzeugen – ideal für Gewinnspiele und Wettbewerbe erstellen.

7. Erweitert

In den erweiterten Einstellungen kannst du benutzerdefiniertes CSS hinzufügen und Ereignis-Listener erstellen, um das Spiel weiter zu personalisieren.

Screenshot eines Gamification-Software Editors mit Vorschau eines Drop Games, markierten Funktionen wie „Erweitert“-Tab, „Spiel-Benachrichtigungen“-Menü und interaktiver Sidebar für die Bearbeitung von Gewinnspielen und Wettbewerben.

8. Bereit für den nächsten Schritt

Tolle Arbeit! Dein Spiel-Format ist nun fertig. Du kannst die Spieleseite bearbeiten und den restlichen Spielablauf auf den anderen Seiten weiter ausbauen.

Unsere Demo findest du übrigens hier. – DEMO Drop Game