Click button – trigger notification email

Description: Click button – Also trigger notification email

Idea: Adding Form Block under Button, then trigger form submit on button click

#1. Install Code

First, adding a Form Block under Button with Hidden Field only

Enter default value

Hover on Page where you use Button/Form > Click Gear icon

Paste this code

<!-- @tuanphan - Trigger email -->
<script>
(function(){
  const DOWNLOAD_BTN_SELECTOR = '#block-yui_3_17_2_1_1767431479388_1756 a.sqs-block-button-element';
  const FORM_BLOCK_SELECTOR = '#block-yui_3_17_2_1_1767431479388_2053';

  function wire(){
    const dl = document.querySelector(DOWNLOAD_BTN_SELECTOR);
    const formBlock = document.querySelector(FORM_BLOCK_SELECTOR);
    if(!dl || !formBlock) return false;

    dl.addEventListener('click', function(e){
      e.preventDefault();

      const form = formBlock.querySelector('form');
      if(!form) return;

      if(typeof form.requestSubmit === 'function'){
        form.requestSubmit();
      }else{
        const submitBtn = form.querySelector('button[type="submit"], input[type="submit"]');
        if(submitBtn) submitBtn.click();
        else form.submit();
      }
    }, true);

    return true;
  }

  if(!wire()){
    document.addEventListener('DOMContentLoaded', wire, { once:true });
    setTimeout(wire, 500);
    setTimeout(wire, 1500);
    setTimeout(wire, 3000);
  }
})();
</script>

Remember to update Button Block ID + Form Block ID

use this free tool to find ID

Result like this when users click on button