Great video helped me a ton!!! Can you explain how to make the form submissions required? So that people can't just type in gibberish and actually provide real contact info?
Great video man. The embedded Formspark component in Framer doesn't allow you to control redirects at all, and I had a use case where I needed to redirect after submission in order to track conversions through Google Ads. Didn't want to write up my own JSX so I appreciate your contribution 😂cheers!
To change the width of your form, in your code, just replace the word "auto" to "any-prefer-fixed" in the "* @framerSupportedLayoutWidth auto". Just search for "* @framerSupportedLayoutWidth" and you should see it.
Hey, could you please create a similar video for Hubspot form with custom CSS? I am having a lot of responsiveness issues with Hubspot forms in Framer.
Great video! I implemented it right away :) One question I had: is it possible to add the "email sent" field or a tiny animation to the same element after the form has been filled out without redirecting to a new page?
Thanks for the video. Found it SUPER helpful. I have a question though, I have not been able to figure out what part of the code changes the color of the input boxes in active state (which are yellow by default). Would you be able to show that to us? Or just post a few lines of code in the comments?😊
I’m still looking for best solution for that, but unfortunately I don’t have solution for this at this moment. I will get u updated whenever I will figure this out dude.
Hello ! thanks a lot for the tutorial, worked like a charm except one thing i have trouble with, its the mobile version, when i get on the phone, the elements (especially the submit button) seem to lose their style for a reason, any idea? Have a good day :)
hey :) this was super helpful and I got all the way to the very end and when I hit the submit button it opened a "can't connect to a secure network page" instead of my message sent page, also meaning the form isn't submitting anything! any advice would be amazing! can't believe how hard its been to get formspark to work haha thanks in advance!
@@alyssajjane still not working for me, I managed to discover it’s something to do with WiFi security and when I used my mobile network the form worked but nothing got sent through to formspark! Super super frustrating! If you manage to figure anything out let me know too :)
Guys! I've figured out how to add hover state on Submit button, change font within the inputs and finally change color of active input! I will create an update to this video, stay tuned!
Hi, thank you for the very helpful tutorial. May I know the update on this cause I'm currently struggling on adding the hover states and changing the font within the input fields? Thank you!
Hey I am about to change my office for a new one, when everything will be ready I will create v2 of this tutorial :) thanks for understanding@@agnesfelly241
I have a question about redirection. In the tutorial, you suggests redirecting to a confirmation page. However, I am building a mini-site on Framer, and I am only allowed to create two pages: Home and 404. Is there any way I can redirect to a component state instead of a new page? Or is there a way to display the success message without creating a new page for it? Thanks
This was super helpful! I'd love a follow up on how to make this form component more flexible with size and editable via the Canvas. I'm not a developer, but it looks like this is possible. I just don't know how to do it!
To change the width of your form, in your code, just replace the word "auto" to "any-prefer-fixed" in the "* @framerSupportedLayoutWidth auto". Just search for "* @framerSupportedLayoutWidth" and you should see it.
Dude, work on your audio and sound quality, it sucks. Take it as a feedback and you'll grow into a successful youtuber. Another lovely addition would be to not stretch a video that can be done in 2 minutes into a 10 minute shit show.
Dude, who told you that I want to be youtuber? XD I've just uploaded a tutorial for a bunch of framer enthusiasts - nothing more. Thanks for you feedback tho :)
Thanks for the video. My question is how to connect the form with the button on my home page?
hey miron that is awesome man it helped me alot, do you have an idea for making multi step form in framer
Great video helped me a ton!!! Can you explain how to make the form submissions required? So that people can't just type in gibberish and actually provide real contact info?
This was very helpful Miron, one question, how do you not make the subscribe checkbox to be Required prior to clicking submit?
Great video man. The embedded Formspark component in Framer doesn't allow you to control redirects at all, and I had a use case where I needed to redirect after submission in order to track conversions through Google Ads. Didn't want to write up my own JSX so I appreciate your contribution 😂cheers!
I was so disappointed when I discovered how limited this formspark component is. Hope they will add some new features soon. I'm glad I could help you!
To change the width of your form, in your code, just replace the word "auto" to "any-prefer-fixed" in the "* @framerSupportedLayoutWidth auto".
Just search for "* @framerSupportedLayoutWidth" and you should see it.
thank you for this
Thanks a lot👏
Thank you. Is it possible to use this method to create drop-down fields?
Great tutorial but what if i want to add uploading of image to the form, how do go about it?
Hey, could you please create a similar video for Hubspot form with custom CSS? I am having a lot of responsiveness issues with Hubspot forms in Framer.
Hello, thank you very much for this tutorial.
Do you have any idea on how to change the width of the form ?
Actually i figured it out! Thank you anyways
Can u share how to do it please?
@@P0N0MARENK0 Sorry I can't remember I don't use it anymore
Great video! I implemented it right away :)
One question I had: is it possible to add the "email sent" field or a tiny animation to the same element after the form has been filled out without redirecting to a new page?
Thanks for the video. Found it SUPER helpful. I have a question though, I have not been able to figure out what part of the code changes the color of the input boxes in active state (which are yellow by default). Would you be able to show that to us? Or just post a few lines of code in the comments?😊
How did you copy the link from the message sent page to paste for redirection?
did you find the solution? can't find it either
@@patrycjaolszowka266 me either
Thanks for the video!! It is all good but I started receiving bot messages, how can I fix this issue?
How can I change the textarea focus outline colour?
Thanks for the video! Is there a way to make the checkbox not use the label style, but instead smaller text?
Thank you very much! How do I make it wider?
How do I chenge hover state of the button and focus state of the input dude? can you help?
I’m still looking for best solution for that, but unfortunately I don’t have solution for this at this moment. I will get u updated whenever I will figure this out dude.
Ok thank you! I tried to serve online but I am not good with code so...ai couldn't figure it out...
Is there a way to integrate a Dropdown Option into this?
Hello ! thanks a lot for the tutorial, worked like a charm except one thing i have trouble with, its the mobile version, when i get on the phone, the elements (especially the submit button) seem to lose their style for a reason, any idea? Have a good day :)
Thanks for Feedback! I’m glad that it helps you! I will check what could be the problem later today!
maybe you can provide a link to your form? try with space between instead of dots, to avoid UA-cam filters
great video miron! thanks
i recommend you to practice your voice power. I feel like your speaking to the inside.
other than that, pleasant video
Thanks for the framer contribution. I am subscribed 😊
i can do it all but i cant click the accept terms and condition box and I can submit on the Code page but when I pushed it I couldn't submit it!!
Hi. Thanks for the video. Can you help me to create styles for placeholders & button on hover?
Great question! I will try to help you with this, stay tuned :)
Ihar just in style section for each input type fontFamily: "FontName, sans-serif", For button hover I'm still searching for best solution :P
i cant access to code? can you share new link?
Link works, just copy and paste it 👍
@@MironMro ok i did. Thanks :)
hey :) this was super helpful and I got all the way to the very end and when I hit the submit button it opened a "can't connect to a secure network page" instead of my message sent page, also meaning the form isn't submitting anything! any advice would be amazing! can't believe how hard its been to get formspark to work haha thanks in advance!
Go through the part about redirection, maybe you've missed something about it.
@@MironMro thanks so much for your reply!! I’ve gone over the redirection part and pasted the url for redirect and still get the same message 😩
@@leighmcgrath89 I'm getting the same message :( Let me know if you ever get it working on your end!
@@alyssajjane still not working for me, I managed to discover it’s something to do with WiFi security and when I used my mobile network the form worked but nothing got sent through to formspark! Super super frustrating! If you manage to figure anything out let me know too :)
I’d love to know if you figured out how to enable bot poison or spam protection on this. Excellent video - thanks!
So, when a user clicks on submit, where do we get the user's message?
FINALLY a video that is useful. Thank you
You've saved my ass my friend. Thank you.
happy to help!
Thank you so much!
Thank you very much, this was very helpful!
Hi Daniel, you from 9ja?
NICE NICE NICE.
Does this stack include text validation/validation errors?
nice tutorial
Excellent tutorial! Thank you.
Lets gooo broo!
Hi Miron. How do I edit the placeholder properties?
Thank you for this! Amazing!
Very useful, thank you! Just what I needed :)
Happy to help! If there will be something odd in Framer where I can help, just hit me ;)
good tutorial. the audio is terrible though.
Guys! I've figured out how to add hover state on Submit button, change font within the inputs and finally change color of active input! I will create an update to this video, stay tuned!
Hi, thank you for the very helpful tutorial. May I know the update on this cause I'm currently struggling on adding the hover states and changing the font within the input fields? Thank you!
Hey I am about to change my office for a new one, when everything will be ready I will create v2 of this tutorial :) thanks for understanding@@agnesfelly241
cant wait for this V2 form video :} @@MironMro
Great Tutorial. Was looking for something like this a while ago to add more fields. Keep on updating!
The link in the description is not working🥲😥
This is exactly what I needed. Thank you!
God bless you thank you!
thank you :) This was super helpful!
Thank you so much!
Thanks for the video.
dont work this code now
sorry, was need reload the page. good / thanks
thanks bro!! helped me a ton
Is this free?
Great tutorial! Thank you so much ❤
The link isn’t working bro
pastebin.com/zVYEaxJj this one?
I have a question about redirection. In the tutorial, you suggests redirecting to a confirmation page. However, I am building a mini-site on Framer, and I am only allowed to create two pages: Home and 404. Is there any way I can redirect to a component state instead of a new page? Or is there a way to display the success message without creating a new page for it?
Thanks
Ups that is something I didn't predict, probably we need more advanced code to find a solution.
You create a back slash that goes scrolls to a different section on the 404 page or the home page
This was super helpful! I'd love a follow up on how to make this form component more flexible with size and editable via the Canvas. I'm not a developer, but it looks like this is possible. I just don't know how to do it!
To change the width of your form, in your code, just replace the word "auto" to "any-prefer-fixed" in the "* @framerSupportedLayoutWidth auto".
Just search for "* @framerSupportedLayoutWidth" and you should see it.
Thanks @@VinaySC - this little part saved me!
Dude, work on your audio and sound quality, it sucks. Take it as a feedback and you'll grow into a successful youtuber. Another lovely addition would be to not stretch a video that can be done in 2 minutes into a 10 minute shit show.
Dude, who told you that I want to be youtuber? XD I've just uploaded a tutorial for a bunch of framer enthusiasts - nothing more. Thanks for you feedback tho :)
Thank you Miron. This helped me a lot. I wish you good luck
great to hear this lad!