Manejo de clics en el botón en el widget y aspectos esenciales de uso

Si necesitas añadir un manejo adicional del botón en JavaScript antes de que se envíe el formulario/se siga el enlace, puedes usar el siguiente enfoque.

Los botones del widget tienen la clase widget-button y, al hacer clic, activan un evento personalizado de JavaScript llamado widget-button-click .

Un ejemplo de código que añade un controlador de eventos para widget-button-click  en todos los botones del widget (elementos con la clase widget-button ) y envía el evento AddToCart al píxel de Facebook (nota: si tu botón envía un formulario, el evento del píxel de Facebook puede configurarse en los ajustes del botón en el constructor del widget).

El script puede colocarse en cualquier parte del documento.

    const checkButton = setInterval(

        function () {

            const widgetButtons = document.querySelectorAll('.widget-button')

            if (widgetButtons.length) {

                widgetButtons.forEach(function (node) {

                    node.addEventListener(

                        'widget-button-click',

                        function () {

                            window.fbq && window.fbq('track', 'AddToCart')

                        }

                    )

                })

                clearInterval(checkButton)

            }

        },

        1000

    )