Compatibility:
WebSite X5 Evo and Pro
When you are browsing the Internet, you often come across pages which display a form where you are asked for personal details. These forms can be a means of contact, to ask you to register to receive information, to access Members' Areas using passwords, or simply for surveys or market research.
Whatever the purpose, with WebSite X5 you can create a contact form very easily by specifying the fields you want in it, deciding on the page layout and graphic appearance and, most importantly, stipulating how submitted data is to be collected and who receives it.
- Add the Contact Form Object and click on the
button to open its settings window. - Add all the necessary fields for your contact form (see: How to compose an online registration form).
- Define how the data you collect have to be sent: you can set to send them by e-mail (see How to send submitted data by e-mail) or, if you are using the Pro edition, to a database (see: How to collect submitted data in database).
- Set up the confirmation e-mail your visitors will receive after having submitted the form (see: How to send automatic replies to visitors who submit forms).
- Customize the form style (see: How to change the style of an online form).
Notes on Accessibility
A well-designed Contact Form should not only be functional and aesthetically pleasing but also accessible to all users, including those who use screen readers, keyboards, or other assistive technologies.
To ensure form accessibility, several aspects must be considered. For example, it is crucial that labels are correctly associated with fields, making completion easier for users relying on assistive tools. Attention must also be paid to visual contrast for readability and ensuring that users can navigate between fields using the keyboard without being forced to use a mouse.
More technical aspects are automatically handled by WebSite X5, which generates a semantic code compliant with international standards, ensuring a solid foundation for accessibility.
At the same time, WebSite X5 offers full customization freedom for the form, allowing you to define colors, label texts, error messages, and graphic settings. For this reason, the actual accessibility of the form also depends on your choices: following best practices is essential to make your forms truly usable for all users.
#tip - For more details, check out the guide: How to make forms accessible: labels, instructions, and inclusive feedback.
Technical Notes
When you preview your website, a message reminds you that e-mails with submitted data will not be sent. The Contact Form feature only works fully when the website has been published on the Server.
The Contact Form feature will function correctly if the Server on which the website is published supports the .PHP programming language and if the MAIL command is active.
If you chose WebSite X5 Hosting to upload your website, you are sure everything has already been correctly configured.
If, on the other hand, you use another Provider, you can rely on the diagnostic instruments about the server through the Website Test section of the Control Panel.
If problems occur when sending e-mails, it is possible that the Server you are using does not have a standard configuration. Try changing the script settings and those for sending e-mails, using the options in the Server Settings window (see: How to export your website using a Hosting service different from the one included with WebSite X5). For further information, contact your web space provider.