Event

Plantilla profesional para tickets de eventos, conferencias, conciertos y webinars.

Dimensiones: 1200x630

Template ID: event

Propiedades

Propiedad	Tipo	Requerido	Long. Máxima	Validación
`eventName` Nombre del evento	string	Sí	60	`maxLength(60)`
`eventDate` Fecha del evento	string	Sí	40	`maxLength(40)`
`eventTime` Hora del evento	string	Sí	40	`maxLength(40)`
`venue` Lugar/ubicación	string	Sí	80	`maxLength(80)`
`attendeeName` Nombre del asistente	string	Sí	50	`maxLength(50)`
`ticketType` Tipo de ticket	string	Sí	30	`maxLength(30)`
`imageUrl` URL del código QR	string (URL)	Sí	-	`url (HTTPS only)`
`primaryColor` Color principal	string (hex)	Sí	-	`color (hex)`
`accentColor` Color de acento	string (hex)	Sí	-	`color (hex)`

Ejemplo

{
  "template": "event",
  "eventName": "Tech Summit 2026",
  "eventDate": "March 15, 2026",
  "eventTime": "9:00 AM - 6:00 PM",
  "venue": "Convention Center - San Francisco",
  "attendeeName": "Alex Johnson",
  "ticketType": "VIP Access",
  "imageUrl": "https://example.com/qr-code.png",
  "primaryColor": "#7c3aed",
  "accentColor": "#ec4899"
}

Ejemplos de código

const response = await fetch("https://assets.qbacode.com/api/v1/generate-asset", {
  method: "POST",
  headers: { "Content-Type": "application/json" },
  body: JSON.stringify({
        "template": "event",
        "eventName": "Tech Summit 2026",
        "eventDate": "March 15, 2026",
        "eventTime": "9:00 AM - 6:00 PM",
        "venue": "Convention Center - San Francisco",
        "attendeeName": "Alex Johnson",
        "ticketType": "VIP Access",
        "imageUrl": "https://example.com/qr-code.png",
        "primaryColor": "#7c3aed",
        "accentColor": "#ec4899"
    })
});

if (response.ok) {
  const blob = await response.blob();
  const imageUrl = URL.createObjectURL(blob);
  document.getElementById("preview").src = imageUrl;
} else {
  const error = await response.json();
  console.error("Error:", error);
}