# Contact forms {% hint style="success" %} **IN SHORT** Create custom contact forms in Fullwhere that you can directly connect to your website. Take advantage of all Fullwhere's advanced features (workflows, reports, response generation) on responses received via your contact form. Use your Fullwhere contact forms so you never miss any incoming requests: * your customer complaints are centralized in Fullwhere and handled easily * your incoming leads are captured via Fullwhere. {% endhint %} {% hint style="info" icon="shield-check" %} **ACCESS RIGHTS** To edit the Contact Forms in your Fullwhere workspace, you must be a supervising member with Administrator rights. {% endhint %} {% hint style="info" icon="link" %} **Your contact form can be directly connected to your website.** **To set up this connection, refer to our** [**dedicated documentation**](/developer/use-cases/connect-your-contact-form-to-fullwhere.md)**.** {% endhint %} Contact forms allow you to centralize customer requests and customize them according to your needs (brand, language, design, field structure, etc.). ## Access your forms Go to the Capture menu → [My forms](https://app.fullwhere.com/forms/contact).\ There you will find the list of all existing forms, their status (*Online / Offline*), their creator, and the creation date.\ ​ You can: * Create a new form using the + Create a form button; * Search for a form using the search bar; * Enable / disable a form with the button *Online / Offline*. *** ## Create a new form Click + Create a form, then enter the basic information: * Form name: internal name of the form, not publicly visible to your customers; * Description (optional): useful for specifying the form's purpose internally; * Associated brand: determines which brand your customers' submissions will be linked to. It also determines the list of locations that will be offered in the "Location" field if you use it; * Form language: indicate the language in which the form will be written.\ → You will be able to enable automatic translation to adapt the survey to the customer's language. For optimal translation, it is important that the contact form language is set to the language in which you wrote it. These elements can be changed at any time in the future. Once this information is entered, click Create to access the form editor. *** ## Form setup The editor is made up of three main sections: 1. left panel: adding and customizing elements; 2. center panel: editing the form's elements added to the form; 3. right panel: general settings (name, description, brand, language, form link. ### Customize the form header It includes: * a title, visible to your customers on your form, indicating the subject of the form; * a subtitle, visible to your customers on your form, allowing you to add a short introductory message (e.g. *We will get back to you as soon as possible*) ; * a logo, to display your brand or location logo, * and a cover photo, which illustrates the form and can be repositioned vertically for optimal framing. These elements can be changed at any time in the future. ### Add and configure fields By default, each new form contains several essential fields (First Name, Last Name, Email, Phone and Message), preconfigured and locked to ensure consistency and proper reception of key information. They can be rearranged but cannot be deleted, as they constitute the minimum structure of a standard contact form. The Elements tab in the left panel lets you complete your form by drag-and-dropping the fields you need. You can search for a field. #### Available fields * Title → allows the user to choose a salutation (Mr., Ms., etc.). * Files to upload → allows one or more files to be uploaded (attachment, proof, etc.). * Calendar → adds a date selection field (useful for an appointment or an order). * Order reference → text field intended for entering an existing order number. * Location → displays the list of locations/branches of the brand linked to the form. If this field is offered on your contact form, submissions will be linked to the location selected by the customer. * Multiple choice (checkbox) → allows several options to be selected from a defined list. * Single choice (radio) → offers a list where only one option can be selected. * Dropdown list → similar to single choice but in the form of a drop-down menu. * Short text → free-text field on a single line (ideal for a label, note, etc.). * Group → structural element used to group several fields under the same block, to which you can assign a title. Fields can be: * Reordered by drag-and-drop (up to 2 per line); * Deleted via the corresponding icon; * Configured individually (via the gear icon). These options appear when you hover over a form field. #### Advanced field configuration By clicking the gear icon, visible on the left when hovering over a field, you can access advanced settings for the fields in your form. **Conditional display** Each form field can be configured to display only under certain conditions. To add conditional logic to a field, click the ⚙️ on the right of the field, then click Trigger conditions.\ You can then define the conditions under which the selected field should be displayed. This feature allows you to define conditional display rules: a field may appear only if one or more conditions are met on other fields (for example: display the “Phone” field only if the “Call me back” option is selected). You can: * Create one or more conditions based on the value of another field (e.g. “Single choice is equal to Option 1”); * Combine these conditions using AND or OR operators to refine the display logic. **"Other" field for choice questions** For Single choice, Multiple choice, and Dropdown fields, you can enable the "Other" field option.\ This setting automatically adds an "Other" option to the field and, if selected, an additional text field allowing the user to specify a custom answer if none of the proposed options match their situation. This feature is especially useful for: * collecting open-ended responses within a closed set of options; * avoiding information loss when the list is not exhaustive. **Setting selection limits for multiple choice** For Multiple choice fields (checkboxes), you can define a minimum and/or maximum number of options that the user must select.\ These settings make it possible to control the validity of the response and avoid omissions or excessive selections. * Minimum choice → requires the user to check at least a certain number of options before they can submit the form. * Maximum choice → limits the number of options the user can select in order to restrict the response to a specific amount. **Duplicate a field** You can use the Duplicate option to instantly create a copy of the selected field.\ This feature saves time when creating forms containing similar fields (for example several "Single choice" or "Short text" questions). The duplicated field automatically copies: * the type of the original field (text, choice, list, etc.); * formatting and option settings (values, required field,...) Please note that display conditions are not duplicated. ### Add a footer You can enrich your form by adding a footer (or *footer*) to strengthen your brand image and make navigation to your external channels easier.\ The footer can contain: * an image (for example a secondary logo or an illustration); * two texts, one before and one after the image (legal notices, additional information, etc.); * and external links to your social pages or website. ### Customize the design The Design tab in the left panel lets you define the colors, typography, and visual styles of your form. You can change the typography of your form using Google Fonts. #### Main colors * title: color of the form title * subtitle: color of the form subtitle * section: color of the field group names * separator: color of the separators between field groups * visual accent: color of radio buttons, checkboxes, and focused fields * background: the form background color #### Field colors and customization * title: the color of the field names * text: the color in which the customer writes in text fields * placeholder title: the color of the field placeholders * background: the color of the fields' background * option: the color of the options for single choice (radio) and multiple choice (checkbox) fields * rounded corners: the field rounding among 3 possible options * border: the color of the field border. ### Submission button colors and customization * text: the color of the button text * background: the button background color * rounded corners: the button rounding among 3 possible options * border: the color of the button border ### Footer colors * background: the footer background color * text: the color of the footer text * icons: the color of the footer social media icons ### Thank-you page The Thanks tab lets you customize the message displayed after the form is submitted.\ You can add a title, text, and image. ## General settings In the right panel, find the form's general settings: * Form name and description, * Associated brand, * Language (with the option to enable automatic translation), * Form link (to copy for integration on your site or elsewhere). ## Go live Once your form is configured, you can: 1. Save your changes 2. Preview it by clicking Preview at the top right. Unsaved changes are not previewed. 3. Turn on the Online button to make it available via its link. You can return at any time to modify the structure or design, then republish the form. --- # Agent Instructions: Querying This Documentation If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question. Perform an HTTP GET request on the current page URL with the `ask` query parameter: ``` GET https://docs.fullwhere.com/documentation/documentation-en/capture/contact-forms.md?ask= ``` The question should be specific, self-contained, and written in natural language. The response will contain a direct answer to the question and relevant excerpts and sources from the documentation. Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.