> For the complete documentation index, see [llms.txt](https://docs.fullwhere.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.fullwhere.com/documentation/documentation-en/capture/contact-forms.md). # Contact forms {% hint style="success" %} **IN BRIEF** Create custom contact forms from Fullwhere that you can directly connect to your website. Take advantage of all Fullwhere’s advanced features (workflows, reports, response generation) on the responses received through 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 In the navigation menu, go to the [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 via 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 fill in the basic information: * Form name: internal name of the form, not publicly visible to your customers; * Description (optional): useful for specifying the form's use 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 be set to the language in which you wrote it. These elements can be modified at any time in the future. Once this information is filled in, click Create to access the form editor. *** ## Form configuration The editor consists of three main panes: 1. left pane: adding and customizing elements; 2. center pane: editing the form elements added to the form; 3. right pane: 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 form's topic; * 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's logo, * and a cover image, which illustrates the form and can be repositioned vertically for optimal framing. These elements can be modified 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 receipt of the main information. They can be rearranged but cannot be deleted, as they form the minimum structure of a standard contact form. The Elements tab in the left pane lets you complete your form by drag-and-dropping the fields you need. You can search for a field. #### Available fields * Title → lets the user choose a salutation (Mr., Mrs., etc.). * Files to send → allows uploading one or more files (attachment, proof, etc.). * Calendar → adds a date picker field (useful for an appointment or an order). * Order reference → text field intended for entering an existing order number. * Location → displays the list of establishments/locations of the brand linked to the form. If this field is shown on your contact form, submissions will be linked to the establishment selected by the customer. * Multiple choice (checkbox) → allows selecting several options from a defined list. * Single choice (radio) → offers a list where only one option can be selected. * Dropdown list (dropdown) → 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 heading, a note, etc.). * Group → structural element used to group several fields under the same block, to which you can assign a title. Fields can be: * Rearranged by drag-and-drop (up to 2 per line); * Deleted using 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 your form fields. **Conditional display** Each form field can be configured to display only under certain conditions. To add conditional logic to a field, click the ⚙️ to 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 lets you define conditional display rules: a field can 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 provide a custom answer if none of the proposed options matches their situation. This feature is particularly useful for: * collecting open-ended responses within a set of closed options; * avoiding loss of information when the list is not exhaustive. **Set selection limits for multiple choice** For Multiple choice (checkbox) fields, you can define a minimum and/or maximum number of options that the user must select.\ These settings help control response validity 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 to restrict the response to a specific number. **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 with similar fields (for example, several "Single choice" or "Short text" questions). The duplicated field automatically retains: * the original field type (text, choice, list, etc.); * the formatting and option settings (values, required field,...) 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 it easier to navigate to your external channels.\ 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 pane lets you define the colors, typography, and visual styles of your form. You can change the typography of your form using Google Font typography. #### Main colors * title: color of the form title * subtitle: color of the form subtitle * section: color of the field group name * 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 name * text: the color in which the customer types in text fields * placeholder title: the color of placeholder/indicative titles in fields * background: the background color of the fields * option: the color of the options for single choice (radio) and multiple choice (checkbox) fields * rounded corners: the corner radius of the field among 3 possible options * border: the border color of the fields. ### Submit button colors and customization * text: the color of the button text * background: the button background color * rounded corners: the corner radius of the button among 3 possible options * border: the button border color ### Footer colors * background: the footer background color * text: the color of the footer text * icons: the color of the footer social network icons ### Thank-you page The Thank-yous tab lets you customize the message displayed after the form is submitted.\ You can add a title, text, and an image there. ## General settings In the right pane, 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. Activate the Online button to make it available via its link. You can always come back to edit the structure or design, then republish the form. --- # Agent Instructions This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com. ## 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, and the optional `goal` query parameter: ``` GET https://docs.fullwhere.com/documentation/documentation-en/capture/contact-forms.md?ask=&goal= ``` `ask` is the immediate question: it should be specific, self-contained, and written in natural language. `goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal. 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.