Streaming live at 10am (PST)

How to disable webflow form submit state success and failure


#1

Hi,

The use case is I use webflow build landing page to collect email, After people sign up, It will redirect to thank you page in new tab, So there is no need using webflow form submit state.

By default, success state is “Thank you! Your submission has been received!”. I don’t need that. I want it just the sign up form, don’t have the success or failure state. Because I have a thankyou page in new tab.

I use jQuery submit() function to redirect in new tab, But I don’t know how to disable webflow built-in form submit state.

<script>
$(document).ready(function(){
    $("#wf-form-Email-Form-4").submit(function(){
        window.open('http://www.aprilxcl.com', '_blank');
        $('.w-form-done').css('display: none !important;');
    });
    
    
    
});
</script>

The .w-form-done display none don’t work.

Is there a way to display webflow form submit state.
This is a test demo
vvideo.webflow.io

This is sharable link
https://preview.webflow.com/preview/vvideo?preview=efe8bfc696ef16c728379465aa22b616

Thanks in advance


#2

Hi there @Anderson_Min, you can put the url to the page to redirect to in the Redirect field in Form settings, but other than that there is no native way to suppress the success and failure state messages.

I hope this helps,
Dave


#3

Hi Cyberdave,

Many thanks~
I know If I put URL in the Redirect field, It will not open in a new tab. I learn that webflow use ajax to submit. So I add custom code to submit in a new tab.

Is there any way walkaround to disable webflow success/failure state, don’t judge and respond relative information as form submit.


#4

Hi @Anderson_Min, thanks for your reply. I am checking further with the team to see if there is a custom code workaround.

This is also a good idea for our Wishlist.

When I have some feedback, I will give an update.


#5

Hi @cyberdave,

Added in the wishlist.
https://wishlist.webflow.com/ideas/WEBFLOW-I-1349

Thanks