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.
             
            Can I create a directory listing with a form submission feature in Webflow using CMS and native Forms?
             Published on
            
            
             September 22, 2023
            
           Yes, you can create a directory listing with a form submission feature in Webflow using CMS and native Forms. Here's how you can accomplish this:
- Setting up the CMS:
 
- Create a new collection for your directory listing. Add fields to store the various details you want to include in the directory listing, such as name, address, description, etc.
 - Populate the collection with the directory listings you want to display.
 
- Creating the directory listing page:
 
- Design and build the layout of your directory listing page using Webflow's Designer tool.
 - Create a dynamic list on the page that pulls data from your CMS collection. Customize how the listings are displayed by dragging and dropping elements within the list.
 
- Setting up the form submission feature:
 
- Add a Form element to the directory listing page using Webflow's Designer tool.
 - Customize the form fields to collect the necessary information for the directory listing submission.
 - In the Form Settings panel, select "Collect Email Submissions" and choose a target collection (the same collection you created in step 1).
 
- Styling the form and success message:
 
- Customize the form's appearance using the Designer tool. You can modify fonts, colors, and layout to match your website's design.
 - Edit the success message that is displayed after form submission. You can personalize the message and redirect users to a different page if desired.
 
- Adding form data to the directory listing collection:
 
- After submitting the form, the data is automatically added to the CMS collection in Webflow.
 - You can then use this newly added data to populate the directory listings.
 
By following these steps, you can create a directory listing with a form submission feature using CMS and native Forms in Webflow. This allows users to submit new listings through a form and have them displayed automatically on your website.
Additional Questions:
- How do I customize the fields in the directory listing form in Webflow?
 - Can I restrict which fields are required in the directory listing form in Webflow?
 - Is it possible to add custom validation to the directory listing form in Webflow?