Anleitung: Inhalte für ein Custom Activation Pop-up bereitstellen
Damit wir für Sie ein individuelles Activation-Pop-up (mit Gutschein-Code) umsetzen können, benötigen wir vorab einige Design-Assets und Informationen von Ihnen.
Bitte lesen Sie die folgenden Punkte sorgfältig durch – so stellen wir sicher, dass Ihr Pop-up technisch korrekt und visuell optimal umgesetzt werden kann.
1. Benötigte Grafiken (Pflicht)
Für jede Variante und jede Sprache benötigen wir separate Grafiken für Desktop und Mobile.
📐 Dateiformate & Größen
Desktop
Format: PNG
Größe: 450 × 295 px
Mobile
Format: PNG
Größe: 295 × 440 px
Beispiel:
Wichtige Design-Vorgaben (bitte unbedingt beachten)
❌ Kein Close-Button einbauen
Bitte fügen Sie kein schließendes „X“ in das Design ein.
➡️ Der Schließen-Button wird von Uptain technisch ergänzt, damit:
Tracking korrekt funktioniert
das Pop-up einheitlich bedienbar ist
🎟 Bereich für Gutschein-Code einplanen
Wenn ein Gutschein-Code angezeigt werden soll, muss das Design einen klar erkennbaren Bereich dafür vorsehen.
Bitte berücksichtigen Sie:
einen sichtbaren Platz für den Code
optional einen Button oder CTA, der optisch zum „Code kopieren“ passt
➡️ Die eigentliche Kopierfunktion (per Klick) wird von Uptain technisch umgesetzt.
Wichtig:
Der Gutschein-Code selbst darf nicht fest ins Bild eingebaut sein, sondern muss als Platzhalter gedacht sein (Textfeld-Optik).
📱 Mobile & Desktop getrennt gestalten
Bitte optimieren Sie die Designs separat für Desktop und Mobile:
andere Bildausschnitte
angepasste Schriftgrößen
bessere Lesbarkeit auf kleinen Screens
👉 Ein einfaches Skalieren derselben Grafik führt häufig zu abgeschnittenen Inhalten oder schlechter Lesbarkeit.
2. Hosting der Grafiken
Bitte laden Sie die finalen PNG-Dateien auf Ihren eigenen Server hoch.
Anschließend senden Sie uns:
die öffentlichen URLs zu den Desktop- und Mobile-Grafiken
3. Was wir nach Erhalt umsetzen
Sobald wir alle Assets erhalten haben, kümmern wir uns um:
die technische Einbindung des Pop-ups
responsive Darstellung (Desktop & Mobile)
dynamische Anzeige des Gutschein-Codes
Close-Funktion & Tracking
Die technische Einbindung (HTML/CSS) erfolgt vollständig durch Uptain.
Checkliste – alles auf einen Blick ✅
Bitte senden Sie uns:
⬜ Desktop-PNG (450 × 295 px)
⬜ Mobile-PNG (295 × 440 px)
⬜ je Variante & je Sprache
⬜ Hosting-URLs der Bilder
⬜ Design ohne Close-Icon
⬜ Platzhalter-Bereich für Gutschein-Code eingeplant
📧 an support@uptain.de