Estoy incorporando un formulario de pedido de Eventbrite utilizando la opción de vue modal en mi sitio web. Estoy usando una extensión de JustGiving que permite a los usuarios cambiar sin problemas para crear su página de recaudación de fondos de JustGiving una vez que se completa el pedido.

Esto se hace generando un enlace en un subdominio de JustGiving, es decir

https://eventbrite.justgiving.com/fundraise/$event_id/$order_id

Este proceso no funciona con un formulario incrustado, pero realmente quiero que funcione. Así que estoy tratando de modificar el código de inserción para hacer esto.

Hasta ahora tengo el siguiente código:

 <button id="eventbrite-widget-modal-trigger-425325779857" type="button">Register</button>

 <script src="https://www.eventbrite.co.uk/static/widgets/eb_widgets.js"></script>

 <script type="text/javascript">
 var exampleCallback = function () {
 console.log("Registration was successful");
 jgurl = "https://eventbrite.justgiving.com/fundraise/425325779857/"
 
 window.open(jgurl)
 };

 window.EBWidgets.createWidget({
 widgetType: 'checkout',
 eventId: '425325779857',
 modal: true,
 modalTriggerElementId: 'eventbrite-widget-modal-trigger-425325779857',
 onOrderComplete: exampleCallback
 });
 </script>

Como el ID del evento es estático, todo lo que debo hacer es recuperar el ID del pedido y agregarlo a la variable de URL que he creado. Esto me permitirá abrir una nueva pestaña con la URL correcta y permitir que las personas completen el proceso.

Simplemente no entiendo lo suficiente como para obtener esa variable de ID de pedido.

Agradecería cualquier ayuda.