Lidar com um clique de botão no widget

Se precisar adicionar um processamento extra de botão em JavaScript antes que o formulário seja enviado/o link seja seguido, você pode usar a seguinte abordagem.

Os botões no widget têm a classe widget-button e, ao serem clicados, disparam um evento JavaScript personalizado chamado widget-button-click .

Um exemplo de código que adiciona um manipulador de evento para widget-button-click  em todos os botões do widget (elementos com a classe widget-button ) e envia o evento AddToCart para o pixel do Facebook (observação: se o seu botão enviar um formulário, o evento do pixel do Facebook poderá ser configurado nas configurações do botão no construtor de widgets).

O script pode ser colocado em qualquer lugar do 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

    )