🎫 BeTicket Widget Embebible

📝 Cómo Integrar 3 pasos

Copia y pega este código en tu sitio web:

<!-- Paso 1: Incluir el script -->
<script src="https://cdn.beticket.net/embed/v1/beticket-embed.js"></script>

<!-- Paso 2: Crear un contenedor -->
<div id="beticket-embed"></div>

<!-- Paso 3: Inicializar el widget -->
<script>
  BeTicket.embed({
    container: '#beticket-embed',
    eventId: 'TU_EVENT_ID',
    organizationId: 'TU_ORG_ID',
    width: '100%',
    height: '800px',
    onComplete: function(order) {
      console.log('Compra completada:', order);
      
      // Disparar tu pixel de Facebook/Meta
      if (typeof fbq !== 'undefined') {
        fbq('track', 'Purchase', {
          value: order.total,
          currency: order.currency,
          content_ids: [order.orderId]
        });
      }
      
      // Redirigir a página de confirmación
      window.location.href = '/gracias-por-tu-compra';
    }
  });
</script>

⚙️ Opciones de Configuración

• container - Selector CSS del elemento contenedor (requerido)
• eventId - ID del evento a mostrar (requerido)
• organizationId - ID de tu organización (requerido)
• width - Ancho del iframe (default: '100%')
• height - Alto del iframe (default: '800px')
• onComplete - Callback cuando se completa la compra
• onCancel - Callback cuando se cancela la compra
• onError - Callback cuando ocurre un error

🎯 Eventos Disponibles

• checkout_started - Se inicia el proceso de checkout
• checkout_completed - Se completa la compra exitosamente
• checkout_cancelled - El usuario cancela la compra
• checkout_error - Ocurre un error durante el proceso
• resize_needed - El iframe necesita cambiar de tamaño