Hier zeigen wir dir, wie du eigene Bilder auf deinen Tickets (Laserticket, Thermalticket, E-Ticket, Mobile Ticket) hinzufügen kannst. Dies eignet sich sowohl für Werbung & Logos, als auch für Hintergrundgrafiken für deine Ticketlayouts. Besonders beliebt ist diese Funktion, für die Erstellung veranstaltungsspezifischer Tickets.
Einbinden eines <img>-Tags im HTML-Layout
Wenn du noch kein Ticketlayout erstellt hast, ist hier der Link zum Artikel. Dies funktioniert analog für alle unterschiedlichen Ticketlayouts.
Um ein Bild in deinem Ticket anzeigen zu lassen, benötigst du ein <img>-Tag. Dieses bindest du an der Stelle in deinem Layout ein, wo du das Bild anzeigen möchtest.
Standard <img>-Tag:
<img src=" ... " style=" ... " alt=" ... " width=" ... " height=" ... "/>
Bitte achte darauf, dass Du die Punkte aus dem Standard <img>-Tag durch tatsächliche Werte ersetzen musst! Du kannst die oben angegebenen Attribute auch weglassen oder um weitere ergänzen.
Beispiel <img>-Tag:
<img src="https://vboblobprod.blob.core.windows.net/awsvboticketscom/_images/tickets/eticket.png" style="max-width: 54px; width:54px; height:307px;" />
Im Folgenden erklären wir Dir, wie Du ein Bild hochlädst und woher Du die Bild-URL bekommst!
Werbung hinzufügen
Gehe zu Einstellungen >> Mehr >> Anzeigenwerbung und klicke oben rechts auf Werbung hinzufügen. Wenn du den Haken bei Ist Aktiv setzt, wird diese Werbung angezeigt. Hier musst du nun einen Namen für die Werbung festlegen. Du kannst außerdem einen Link hinzufügen, welcher beispielsweise auf die Website deiner Sponsoren führt. Weiterhin musst du jetzt den Haken bei E-Ticket Werbung setzen, sodass du eine Bilddatei hochladen kannst. Nun kannst du eine Bilddatei, unter Datei hochladen, hinzufügen. Klicke auf Speichern und entferne DANACH den Haken bei E-Ticket Werbung, bevor Du auf Speichern und Schliessen klickst.
Bild-URL im HTML-Layout hinzufügen
Um die Bild-URL in das <img>-Tag hinzuzufügen, klicke mit der rechten Maustaste auf Bild und kopiere die Bildadresse.
Füge diese nun im <img>-Tag, bei dem Attribut src ein, um das gewünschte Bild anzeigen zu lassen.