Support Ticket Form gathers what a support team needs to answer in one reply. The visitor gives an email, chooses a topic, sets a priority with a segmented control, writes a subject and a description (with a counter) and can drop in a screenshot. If the topic is “Order or billing”, an order number field appears; for other topics it stays hidden.

Conditional fields

Showing a field only when it is relevant keeps the form short. Here a small piece of script watches the topic menu: when its value matches, the order number field is shown and required; otherwise it is hidden and disabled, so it never blocks the form or sends an empty value. You can reuse the idea for any field by adding data-fk-when="name=value" to its wrapper.

Priority without a dropdown

The priority control is a row of radio buttons styled as a segmented switch (Low, Normal, Urgent). It is quicker than a menu and is fully keyboard accessible. Edit the topics and priorities in the editor and the form updates.

Attach and send

The attachment area accepts PNG, JPG and PDF files and shows the chosen name. Every form posts to the address you paste into "Form URL" (Formspree, Basin, Getform or your own server), shows a success message, shows an error message when something fails and contains a hidden spam-trap field. Without JavaScript it is an ordinary form post. You receive email, topic, order number, priority, subject, description and the attachment. For a lighter contact form see the Centered Contact Form; to answer common questions before people write, add an FAQ section above this form.