> ## Knowledge Base Index > Fetch the complete knowledge base index at: https://doc.ecomx.co/sitemap.xml > Use this file to discover available pages before exploring further. > Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash). # Normcore Contact Form ## About Contact Form Section The Contact Form section is a versatile communication tool that enables direct interaction between your customers and your business. This section allows you to create customized forms with: * Custom text fields for gathering specific information * Custom dropdown menus for structured responses * Professional form layout that matches your store's design The section excels at providing a seamless way for customers to reach out while maintaining your store's professional appearance and brand consistency. ## How To Access Contact Form Section From any page in your Normcore Admin Dashboard, click the "**Add section**" button, search for "**Contact Form**" and select it. [![](https://saleshunterthemes-3030d0343deb.intercom-attachments-1.com/i/o/h9w3pjg7/1902564770/111530266662f3547aca623ac870/AD_4nXdUaViQfwV4OWM6V7q7Wi5o6eLbemvBX1v64JhBucthKkD_Gqfp1w_jdNzDFtLJyEED6Tlc_yQ_rh_NTJPUrtH9xQvI_wpsVZJD-ETwtir-lawXJnuwB9hqN07ogt9sYEkey2y8n9zZYj4pq0Z2YmrQgjnBi.png?expires=1792402200&signature=271293a227f80b84896b08f8199b590bec4a24a427a2fd592bd563187994917a&req=dSknFMx4mYZYWfMW1HO4zbX%2BTcFAROweD4YaFRlLycWxR%2FkWrLg2EInHr3uB%0AYDgVejYEYXumQWIUEZg%3D%0A)](https://storage.crisp.chat/users/helpdesk/website/-/a/3/5/f/a35f8eefd6260800/5df88620-1c7e-4b26-9ce5-f876c5_8u0ruk.png) After adding the Contact Form section, customize its appearance and functionality using the available settings. ## Basic Components Each Contact Form section includes two default components: * Custom text field * Custom dropdown You can customize these components to gather the specific information you need from your customers. [![](https://saleshunterthemes-3030d0343deb.intercom-attachments-1.com/i/o/h9w3pjg7/1902564811/d24fd245995713b9c52d2e98f88f/AD_4nXc05u1gxupmGB4XPfFvo-W_SA80Mhg9aRMioDZvtYRI2r443bU2koZ3p3UZvMaKY8f7zSWhXU75yWZ6oIE-LoKDTOWRREk5NB0zYF5aTZe54sFlL8xoX5nLFTjRQNJxXQkey2y8n9zZYj4pq0Z2YmrQgjnBi.png?expires=1792402200&signature=5a449c8313e2a7494ea949f9a1fd52e983fcf82ef48d6c325a972be3d0b6aeab&req=dSknFMx4mYleWPMW1HO4zWBmqT%2FhDxidQRnfzRQbHzK0D6dSj0uGjgHuJpM2%0AfTk%2FmtfTijoCsX3kDqw%3D%0A)](https://storage.crisp.chat/users/helpdesk/website/-/1/5/d/f/15df68e616b33f00/4ab7c3cc-6cdc-4581-b2aa-de8966_1sujxhh.png) ## General Within General settings, you can configure: * Color scheme with Scheme 1 option * Section heading text * Heading size with Extra large option ## Image You can enhance your contact form with: * Custom image upload option * "Explore free images" feature for selecting stock photos ## Desktop Layout Configure your desktop presentation with: * Heading alignment * Content ordering ## Mobile Layout Customize the mobile experience with: * Heading alignment * Content ordering ## Buttons Customize the form button with: * Custom label text ## Theme Settings Fine-tune your form's appearance with: * Content max width * Toggle icon choice Note: Toggle icons apply to nested content, such as menus and collapsible items ## Custom CSS Access custom CSS options for advanced styling needs. ## How To Configure Contact Form Section's Blocks ### Custom Text Field Block [![](https://saleshunterthemes-3030d0343deb.intercom-attachments-1.com/i/o/h9w3pjg7/1902564830/576dbbf1b143548d14b8b79e762c/AD_4nXeht49LkC5cLIU16TQTwWKOMMWukISvJkLFgLNmIQKX4pz1sNJ7QBq37ZdkYUuOLTLrNuF5vw6O2-3isc9X35KMwmTxhHh0URuAcDem0MHy_YFv_rKAZ_wg8wyIsYRZykgkey2y8n9zZYj4pq0Z2YmrQgjnBi.png?expires=1792402200&signature=441df5e13e7fdc998678eeaf15b81053c2f9f3001c66ff356cb5dc4349eaec83&req=dSknFMx4mYlcWfMW1HO4zQHHeV9giqeEcmDUv%2BnDY39HwSV3kK%2BfSRvrsX3y%0A3KT9%2F7urqjBXpz0GD3c%3D%0A)](https://storage.crisp.chat/users/helpdesk/website/-/f/3/c/1/f3c1976d322b1800/41317182-cb49-48ab-a1ba-d4b9d4_1ny9utn.png) The Custom Text Field block allows you to create form fields that gather specific customer information. You can configure: * Label – Add a descriptive label for the field (e.g., "Custom text field label") * Placeholder – Set helper text that appears inside the field (e.g., "Enter your information") * Field is required – Toggle to make this a mandatory field * Use as textarea – Toggle to create a larger text input area ### Custom Dropdown Block [![](https://saleshunterthemes-3030d0343deb.intercom-attachments-1.com/i/o/h9w3pjg7/1902564841/e7835eefb142906127b81c76b903/AD_4nXe9O7X5folJGp99mOSxXfnRTn6FnWgXfRtI6Wp4QneIuMjDA3Uw7vg2YJDM7c_mLmPfO9xarGfSpZgXkxdjSKNJsrVbdGYug2wAEdaNVrak2I0gVQrD-1clMwUGrolk7TIkey2y8n9zZYj4pq0Z2YmrQgjnBi.png?expires=1792402200&signature=6411b53e61924f92333a3e6595e59a14ed503219d23c08ef0c80cb1b6011917e&req=dSknFMx4mYlbWPMW1HO4zdRs2v60ioWAlWavxNEHTDGCu7fWHgDynaciOv61%0ApYe75KvCnmav%2F6zsxYg%3D%0A)](https://storage.crisp.chat/users/helpdesk/website/-/5/9/f/a/59fadbb7b51b3000/e637eb30-7151-4439-bc70-cbed01_i7s7ul.png) The Custom Dropdown block enables you to create pre-defined customer selection options. Configure it with: * Label – Add a descriptive label for the dropdown (e.g., "Custom dropdown label") * Value – Enter the options customers can select from, separated by commas (e.g., "value1, value2, value3") Note: Remember to separate each dropdown value with a comma. --- ## Common Cases and FAQs ### 1. How can I make certain fields mandatory? When configuring a Custom Text Field block, you can toggle "**Field is required**" to ensure customers complete this field before submitting the form. ### 2. How do I create a larger text input area? Enable the "**Use as text area**" option in the Custom Text Field block settings to create an expanded text input area, perfect for longer messages or detailed inquiries. ### 3. Can I customize the dropdown options? Yes, you can add multiple options in the Value field of the Custom Dropdown block. Simply separate each option with a comma (e.g., "Option 1, Option 2, Option 3"). ### 4. How do I optimize my contact form for mobile users? Use the Mobile Layout settings to adjust heading alignment and content ordering specifically for mobile devices, ensuring a seamless experience across all screen sizes. ### 5. Can I change the submit button text? Yes, you can customize the button label text in the Buttons settings to match your brand voice and form purpose.