Elysia Tools

Durchsuche Tools, Beispiele, visuelle Erklärungen und Themenguides an einem klaren Ort.

Beliebte Kategorien

Themen

Sprache
ZHESPTRUFRDEEN

Elysia Tools

Mobile Navigation

Design

Gewinnspiel-Generator für Shops

· Zuletzt aktualisiert：2026-11-05

Gestalte Glücksrad, Rubbellos oder Überraschungsbox zum Selbsthosten. Lokale Demo oder Shop-API, keine gehostete Preisvergabe.

Einzelheiten

Wobei dieses Tool hilft

Kampagnenstudio

Gestalte Glücksrad, Rubbellos oder Überraschungsbox zum Selbsthosten. Lokale Demo oder Shop-API, keine gehostete Preisvergabe.

  • Komponente: Glücksrad / Rubbellos / Überraschungsboxen
  • Thema: Küstenminimalismus / Bonbon-Pop / Retro-Arcade / Mitternachtsgold / Festpapier / Gartenskizze

Ergebnisquelle

Lokale Ziehungen sind veränderbare Demos, keine sichere Preisvergabe. Angebote im Code sind öffentlich. Kein Bestands-, Identitäts- oder Mehrfachschutz.

Dein Server verwaltet Authentifizierung, Chancen, Bestand, Teilnahme und Idempotenz. Keine geheimen Schlüssel eingeben. Die Vorschau ruft die API nie auf.

Anleitung zur API-Anbindung

Dies ist eine Schnittstellenvorgabe, kein Elysia-Ziehungsdienst. Implementiere POST /api/draw auf deinem Server mit denselben Kampagnen- und Preis-IDs und trage den Endpunkt ein. Lade die Dateien herunter und hoste sie auf HTTPS für echte Tests; der Editor simuliert nur.

Anfrage · POST application/json

Das Widget sendet nur version, campaignId und eine zufällige 32-stellige hexadezimale requestId. Keine Kunden-ID, Chancen oder API-Schlüssel. Der Server muss Teilnehmer selbst identifizieren; requestId ist kein Anmeldenachweis.

{
  "version": 1,
  "campaignId": "summer-boutique",
  "requestId": "0123456789abcdef0123456789abcdef"
}

Erfolg · 200 application/json

Gib requestId unverändert zurück. prizeId muss konfiguriert sein, auch bei Nieten. Optional: receiptId (≤200 Zeichen), claim.code (≤300), claim.url (HTTPS, ≤2048). Ungenutzte Felder weglassen, nicht null senden. Keine data/result-Hülle; höchstens 16 KiB. Ein Fehler ist kein verlorenes Los.

{
  "requestId": "0123456789abcdef0123456789abcdef",
  "prizeId": "p1",
  "receiptId": "draw_2026_001",
  "claim": {
    "code": "SAMPLE-ONLY",
    "url": "https://shop.example/redeem"
  }
}

Konfigurierte Preis-IDs:

  • p1: 10 % Rabatt
  • p2: Gratisversand
  • p3: Überraschung
  • p4: Vielleicht nächstes Mal

Hoste Widget und /api/draw möglichst auf derselben Origin (Protokoll, Host, Port), nötigenfalls mit Reverse Proxy. Relative Pfade beziehen sich auf das Widget, nicht auf die Shop-Elternseite. credentials: same-origin sendet nur gleichursprüngliche Cookies. Authorization und eigene Header sind nicht konfigurierbar. Andere Origins benötigen CORS für das Widget und OPTIONS für POST + Content-Type; fremde Cookies werden nicht gesendet. Statisches HTML allein reicht nicht für authentifizierte Ziehungen; iframe-Cookies können blockiert werden.

Der Server prüft Identität, Origin/CSRF und Teilnahme, begrenzt Versuche und Anfragen, zieht mit eigenen Chancen und speichert Bestand und Ergebnis in einer Transaktion. Speichere Idempotenz nach Teilnehmer + campaignId + requestId und liefere bei Wiederholung dasselbe Ergebnis. Einlösung und Ablauf serverseitig prüfen. Browserdaten beweisen keinen Anspruch; keine Geheimnisse veröffentlichen.

Lehne Anfragen mit passendem Nicht-2xx-Status ab (z. B. 401/403/409/429/503). Das Widget zeigt eine allgemeine Meldung, nicht den Serverfehler. Nach 15 Sekunden wird abgebrochen; Redirects, ungültiges JSON, falsche requestId, unbekannte Preise und unsichere Links werden abgelehnt. Manuelles Wiederholen behält die ID nur auf dieser Seite; Neuladen erzeugt eine neue. Limits müssen dauerhaft gespeichert sein. Kein automatischer Retry oder lokaler Ersatzpreis.

Die Offline-Vorschau bleibt bei unvollständigen API- oder Hosting-Feldern aktiv. Ergänze markierte Felder zum Export; bei Preis- oder Stilfehlern bleibt die letzte gültige Vorschau.

Export und Einbettung

HTML / CSS / JavaScript / JSON. Hoste die Dateien auf deiner HTTPS-Seite und füge die URL ein. Dieses Tool veröffentlicht oder hostet keine Kampagnen.

Optionale Bilder laden im Browser von ihren HTTPS-Hosts. Der Editor speichert keine Bilder oder API-Schlüssel.

Gleich große Segmente sind nur Darstellung; die Demo nutzt die angegebenen Chancen. Im API-Modus entscheidet der Server.

Ausführung

Dieses Tool ausführen

Fülle das Formular aus, starte das Tool und prüfe das Ergebnis an einem Ort.

Beispiele

Beispiele zu diesem Tool

Verwandt

Mit verwandten Tools und Themen fortfahren

Verfasst vom Elysia Tools Team

Leitfaden zur Tool-Nutzung

Erfahren Sie, wann dieses Tool passt, was es unterstützt und wie Nutzer es anwenden.

Wichtige Fakten

Kategorie
Design
Eingabetypen
textarea
Ausgabetyp
json
Sample-Abdeckung
4
API bereit
Ja

Überblick

Der Gewinnspiel-Generator für Shops erstellt exportierbare Frontend-Widgets wie Glücksräder, Rubbellose oder Überraschungsboxen für das eigene HTTPS-Hosting. Das Werkzeug unterstützt wahlweise lokale Frontend-Demos oder die Anbindung an einen eigenen Server-Endpunkt für manipulationssichere Ziehungen, ohne eigene Kampagnen oder Preise in einer Cloud zu hosten.

Wann verwenden

  • Wenn eine interaktive Rabatt-Aktion per Glücksrad, Rubbellos oder Boxenauswahl im Onlineshop eingebunden werden soll.
  • Wenn Gewinnchancen, Gutschein-Bestände und Teilnahmebeschränkungen über eine eigene Shop-API serverseitig gesteuert werden müssen.
  • Wenn für Marketing-Demos ein vollständig autarkes, clientseitiges Ziehungs-Widget ohne externe Abhängigkeiten benötigt wird.

So funktioniert es

  1. 1Das Design, der Spieltyp (Glücksrad, Rubbellos, Überraschungsboxen) und die Preisstruktur werden im Konfigurations-JSON definiert.
  2. 2Im lokalen Modus wertet das Skript die hinterlegten Prozentwerte direkt im Browser aus; im API-Modus sendet das Widget eine standardisierte POST-Anfrage an den eigenen Server.
  3. 3Nach der Validierung generiert das Tool den einsatzbereiten Code aus HTML, CSS, JavaScript und JSON zum Herunterladen und Einbinden auf dem eigenen HTTPS-Webserver.

Anwendungsfälle

  • Erstellung eines saisonalen Glücksrads zur Vergabe von Aktions-Rabattcodes im Checkout-Prozess.
  • Einbindung eines Rubbelloses mit serverseitiger Validierung zur Verhinderung von Mehrfachteilnahmen bei Newsletter-Kampagnen.
  • Bereitstellung einer schnellen Klick-Demo mit Überraschungsboxen zur internen Präsentation von Shop-Aktionen.

Alternativen im Vergleich

  • Erzeugt cURL- und gaengige Sprach-Snippets aus URL, Methode, Headern, Query-Parametern und Body

  • Wandelt eine OpenAPI-3.x- oder Swagger-2.0-Spec (JSON/YAML) in eine importierbare Postman Collection v2.1.0 mit Ordnern, Variablen, Auth und Beispielantworten.

  • Erzeuge ein vollständiges GitHub-Profil-README — Banner, Statistik-Kacheln, Heatmap, 3D-Skyline und Projektkarten — einmalig gebacken in statische, themenbar…

Für wen geeignet

Geeignet für

  • Inhalte im Browser generieren.
  • Der Workflow „Lucky wheel“ in einem Durchgang.
  • Wiederholbare Aufgaben mit Inhalte und denselben Einstellungen.

Weniger geeignet für

  • Vollständig automatisierte Stapelaufträge — diese Seite ist für die interaktive Nutzung gedacht; für Skripte gibt es den API-Endpunkt.
  • Inhalte in anderen Formaten — dieses Tool erwartet Inhalte.

Grenzfälle und häufige Fehler

  • Sehr große Dateien

    Große Dateien brauchen länger und können an Browser-Speichergrenzen stoßen — versuchen Sie es zuerst mit einer kleineren Probe.

  • Ausgabe nicht geprüft

    Vergleichen Sie die ersten Zeilen oder Seiten der Ausgabe mit der Eingabe, bevor Sie sie produktiv verwenden.

  • Dateien aus ungewöhnlichen Exportprogrammen

    Manche Dateien verwenden Formatvarianten, die sich nicht sauber konvertieren lassen — wenn die Ausgabe falsch aussieht, speichern Sie die Datei in der App, die sie erstellt hat, erneut und versuchen Sie es noch einmal.

Beispiele

1. Lokales Glücksrad für Promo-Demos

Marketing-Manager

Hintergrund

Ein Onlineshop plant eine Sommer-Kampagne und möchte ein interaktives Glücksrad ohne Server-Integration auf einer Landingpage demonstrieren.

Aufgabe

Ein unkompliziertes Widget ohne Backend-Verbindung wird benötigt, um Rabattbeispiele rein browserbasiert anzuzeigen.

Verwendung

Das JSON-Konfigurationsfeld mit Komponente 'wheel' und Modus 'local' befüllen und die Exportdateien auf den Shop-Server laden.

{
  "version": 1,
  "campaignId": "summer-boutique",
  "language": "de",
  "component": "wheel",
  "theme": "minimal",
  "mode": "local",
  "endpoint": "",
  "prizes": [
    {"id": "p1", "label": "10% Rabatt", "probability": 40, "kind": "prize"},
    {"id": "p2", "label": "Gratisversand", "probability": 30, "kind": "prize"},
    {"id": "p3", "label": "Niete", "probability": 30, "kind": "none"}
  ]
}

Ergebnis

Das Glücksrad ermittelt Gewinne im Browser anhand der angegebenen Wahrscheinlichkeiten, ohne Netzwerk-Endpunkte aufzurufen.

2. Serverseitiges Rubbellos für Bestandskunden

Shop-Entwickler

Hintergrund

Ein E-Commerce-Portal will Rabattgutscheine per Rubbellos vergeben, wobei Bestand und Berechtigung strikt serverseitig kontrolliert werden müssen.

Aufgabe

FAQ

Verwaltet das Tool Gewinnchancen oder Gutscheincodes serverseitig?

Nein, das Tool hostet keine Ziehungsdienste; für verbindliche Gewinnspiele muss ein eigener Endpunkt (POST /api/draw) betrieben werden.

Sind lokale Ziehungen vor Manipulationen im Browser geschützt?

Nein, lokale Demos werten Preise clientseitig aus und bieten keinen Schutz vor Mehrfachteilnahmen, Code-Einsehbarkeit oder Manipulation.

Welche Daten sendet das Widget im API-Modus an meinen Server?

Das Widget überträgt per JSON ausschließlich die Versionsnummer, die campaignId sowie eine zufällige 32-stellige requestId.

Können eigene Authentifizierungs-Header konfiguriert werden?

Nein, Anfragen nutzen same-origin Credentials; benutzerdefinierte HTTP-Header oder Authorization-Header werden nicht unterstützt.

Welche Komponenten-Typen stehen zur Verfügung?

Es stehen drei visuelle Spieltypen zur Auswahl: Glücksrad (wheel), Rubbellos (scratch) und Überraschungsboxen (boxes).

Thema

Selbst gehostetes Gewinnspiel-Widget prüfen und zur Einbettung übergeben

Konfiguration, API-Beispiele, Lesbarkeit und responsive Ansichten prüfen und die Widget-Dateien mit nachvollziehbaren Browser-Abnahmetests übergeben.

Start
Werkzeuge3201
Beispiele593
Visualisierungen465
Dateibetrachter103
Themen233
Schlagwörter333
Bilder, Audio & Video657

Werkzeuge für Bild-, Audio- und Videobearbeitung, Konvertierung und Optimierung

Mathe, Datum & Finanzen644

Rechner, Zahlenwerkzeuge, Datumslogik, Statistik und Finanztools

Design & Farbe297

Werkzeuge für Farben, Layouts, Grafiken, visuelle Gestaltung und Designhilfen

Text & Schreiben209

Werkzeuge für Schreiben, Bereinigung, Formatierung, Extraktion und Textanalyse

Entwicklung & Web193

Entwicklerwerkzeuge, Netzwerk-Utilities, Web-Debugging und Automatisierungshelfer

Konvertierung & Kodierung175

Werkzeuge für Format-, Datei-, Archiv-, Einheiten- und Kodierungskonvertierung

FLAC/WAV-Quellen prüfen und Nachweise übergeben
Selbst gehostetes Gewinnspiel-Widget prüfen und zur Einbettung übergeben
Stripe-Codepaket prüfen und lokalen Import vorbereiten
Technische Fotoauswahl prüfen und Kandidaten zur Bearbeitung übergeben
UI-Screenshot strukturieren, prüfen und an die Entwicklung übergeben

© 2026 Elysia Tools. Alle Rechte vorbehalten.

DokumentationTarifeÜber unsNutzungsbedingungenDatenschutzerklärungCookiesKontakt
Observability

Distributed Tracing Beispiele

Umfassende Beispiele für verteiltes Tracing mit Jaeger, OpenTelemetry und modernen Observability Tools

Cloud-Dienste

AWS EventBridge Beispiele

AWS EventBridge Beispiele einschließlich Event Buses, Rules, Targets, Schema Registry, Custom Events und Cross-Account Event Routing für Serverless Event-Driven Architecture

Sicherheit

JWT-Beispiele

Umfassende JWT-Beispiele von der grundlegenden Token-Struktur bis zu fortgeschrittenen Sicherheitsimplementierungen

Dokumente

PDF-Beispiele

Generierte PDF-Beispiele von Tools zwischen 2026-02-01 und 2026-02-10

Design

Color-Token-Kaskaden-Generator

Erzeugt aus einem Primaer-Hex eine komplette Token-Hierarchie mit CSS-Variablen und Style-Dictionary-JSON

Design

Bild-Palette zu Design-Tokens

Extrahiert dominante Farben per k-Means und exportiert sie als CSS-/SCSS-Variablen, Tailwind-Config oder JSON-Tokens mit Namen und Farbskala

Development

API-Request-Code-Snippet-Generator

Erzeugt cURL- und gaengige Sprach-Snippets aus URL, Methode, Headern, Query-Parametern und Body

Data Processing

CSV-zu-Datenbank-Migrationsplaner

Leitet aus CSV-Daten ein relationales Schema ab und erzeugt CREATE-TABLE- und ALTER-Plaene fuer PostgreSQL, MySQL, SQLite oder SQL Server

Clientseitige Manipulationen müssen verhindert und jeder Gewinncode in einer sicheren Datenbank-Transaktion gebucht werden.

Verwendung

Das Widget auf Modus 'api' stellen, den relativen Endpunkt '/api/draw' eintragen und den Server nach Interface-Vorgabe anbinden.

{
  "version": 1,
  "campaignId": "vip-scratch-2026",
  "language": "de",
  "component": "scratch",
  "theme": "luxe",
  "mode": "api",
  "endpoint": "/api/draw",
  "prizes": [
    {"id": "p1", "label": "20% VIP-Rabatt", "probability": 0, "kind": "prize"},
    {"id": "p2", "label": "Leider leer", "probability": 0, "kind": "none"}
  ]
}

Ergebnis

Das Widget sendet die requestId an POST /api/draw; der Server bestimmt das Ergebnis unabhängig vom Browser und liefert den verifizierten Gutscheincode zurück.

API-Request-Code-Snippet-Generator
OpenAPI zu Postman Collection
GitHub-Profil-README-Studio