Helpful resources
            
           
              Need more help?
             
             
              Check out the Webflow community.
             
            
              Free Webflow templates
             
             
              The best free Webflow templates.
             
            
              Hire a Webflow expert
             
             
              Partner with a certified expert.
             
            How can I create a form in Webflow that auto-submits after the user selects an emoji, without a "Submit" button?
             Published on
            
            
             September 22, 2023
            
           Creating an auto-submit form with emoji selection in Webflow
To create a form in Webflow that auto-submits after the user selects an emoji without a "Submit" button, you can follow these steps:
- Add a form element to your Webflow project
 
- Access the Webflow Designer by clicking on the project name in your dashboard and selecting the desired project.
 - Drag and drop a Form Block element onto your webpage. You can find this element in the "Forms" section of the elements panel.
 - Position the form element where you want it to appear on your webpage.
 
- Set up the form fields
 
- Within the Form Block, add the necessary form fields. In this case, a "Radio Button" or "Checkbox" field will work best for emoji selection.
 - Customize the field labels to indicate the choices or emojis available for selection.
 
- Configure the form submissions
 
- With the form element selected, go to the right panel and click "Open Form Settings."
 - In the Form Settings panel, you can set up the form submission options.
 - Enable the "Auto-Submit" option to make the form submit automatically when a selection is made.
 - If you want to receive form submissions via email or integrate with a third-party service, such as Webflow Forms, you can configure the necessary options in this panel as well.
 
- Style the form
 
- Customize the appearance of the form to match your design.
 - Use CSS styling options available in the Webflow Designer to adjust the form's colors, typography, spacing, etc.
 
- Preview and publish
 
- Preview your webpage to test the form functionality. Make sure the form auto-submits when an emoji is selected.
 - If everything looks and works as expected, publish your website for the changes to take effect.
 
Now your form in Webflow will automatically submit once a user selects an emoji without the need for a "Submit" button.
Additional Questions:
- What are some other creative ways to utilize auto-submit forms in Webflow?
 - How can I style my form fields to match my brand's aesthetic in Webflow?
 - Can I integrate my auto-submit form in Webflow with external services like Zapier?