Hidden field input generator by user input 👨‍💻

Community resources General
1

Hi,

I am trying to pull through a user entered email across a number of forms on a page. So that a number of Dynamic Collection data can be pushed to Airtable as hidden fields. I have used this code to populate each embed element in each “progress POST form”. The email is appearing across all embeds when you complete the “Member Email”, but I am lost as to how I can pull this email back through the HTML Embed across all forms on the page - as this email data doesn’t appear when trying to create a scenario in Zapier.

Project Link
Webflow Share Link

**Before Body Code**
<script>
function getParameterByName(name, url) {
    if (!url) url = window.location.href;
    name = name.replace(/[\[\]]/g, "\\$&");
    var regex = new RegExp("[?&]" + name + "(=([^&#]*)|&|#|$)"),
        results = regex.exec(url);
    if (!results) return null;
    if (!results[2]) return '';
    return decodeURIComponent(results[2].replace(/\+/g, " "));
}

**Embedded Code**
Webflow.push(function() {
  $('#email').val(getParameterByName('email'));  
});
</script>

<input type="hidden" class="email" value="" >
<p></p>
 
<script>
$( "input" ) 
  .keyup(function() {
 var value = $( this ).val();
    $( "p" ).text( value ) ;
  })
  .keyup();
</script>