Custom Form Submission (jQuery Actions)

Design help Custom code
1

Hi everyone, I’m trying to implement the following code for my Webflow form using the method from here. This is the code I’m trying to add to the template shared:

<form action="https://app-staging.gojishop.io/registrations/new" accept-charset="UTF-8" method="get">

So far, this is what I have added to the tag of my page:

<script>
var Webflow = Webflow || [];
Webflow.push(function() {

  // === Custom Form Handling ===
  
  // unbind webflow form handling
  $(document).off('submit');

  // new form handling
  $('#form').submit(function(evt) {
    evt.preventDefault();
    this.attr("action", "https://app-staging.gojishop.io/registrations/new");
    this.attr("method", "get");
    
  });
});
</script>

However, it’s not working and I can’t seem to find a way to implement those HTML rules in jQuery, or if that’s even possible on Webflow. I also could not find a way to get my data from the form to the external URL using other integration methods like Zapier or Integromat, unless someone can help out on that front.

Here is my site Read-Only: LINK
(how to share your site Read-Only link)

2

Hey Elsa - did you ever get this figured out? I have a similar use case

3

What are you having problems with?
I’d have to test it, but I think Elsa was close,

The attributes probably need to be set before the submit occurs, and this should probably be $(this) to work correctly with jQuery’s .attr()