Implementing Popup Display Upon Successful Form Submission with Bricks Builder

Create your popup template, ensuring to establish conditions for its display where the template form is loaded. Then add the following JavaScript code within a designated either by code element, or wordpress snippet.

<script>
const forms = document.querySelector("#brxe-lojvxq");
const popup = document.getElementsByClassName('brxe-popup-597');
const observer = new MutationObserver(onMutation);
observer.observe(forms, {
   childList: true,
   subtree: true,
});
function onMutation(mutations) {
   const found = [];
   for (const {
         addedNodes
      } of mutations) {
      for (const node of addedNodes) {
         if (!node.tagName) {
            continue;
            // not an element 
         } else {
            if (node.classList.contains('success')) {
               popup[0].classList.remove('hide');
            }
         }
      }
   }
}
</script>

Replace #brxe-lojvxq with the actual ID of your form element. You can find this ID in your HTML code or inspect the form element using browser developer tools.
Replace 'brxe-popup-597' with the class name of your popup. This class name corresponds to the popup container element.