this is a contact form written in html and javascript, where website users can contact the website owner without logging into discord, the form will send everything to a discord webhook with all the data provided by the visitor.
The design of the form and the page are inspired by the original design of the discord, this to create a real concept of a discord form and that users are familiar with the concept of discord as well.
This form also collects different user information for analytics and to learn more about your visitors. this can be used by different companies or websites to make cases of statistics of their users by discord.
What user information can you collect?:
- Name
- Discord username
- Email address
- message composed by the user
- IP Address
- User Agent
- Language
- Browser
- Operating System
- GPU Name
- Date and Time
- screen resolution
- device model
- Cookie ID
The cookie ID function was created to track the visitor on the website, once the form is completed. the cookie is automatically saved in the visitor's browser and then the generated user id is sent to the discord.
everything is in one html file, so there is no need to create a separate css or javascript file. Just by uploading the file anywhere on the internet or opening it as an .html file, the form will be available to be used, although you can also separate the code and make a cleaner code. feel free to do it
I also use a bootstrap css for the design, so that the design looks good and in the form of an official discord design the html file also requests a .css file uploaded to the internet by Bootstrap.
- File: Bootstrap CSS