Here is a quick guide on how to install html5-chat with Drupal8/9
Create a gender user field in configuration / Account Settings
![](https://html5-chat.com/blog/wp-content/uploads/2020/12/00.jpg)
Add a new field
![](https://html5-chat.com/blog/wp-content/uploads/2020/12/01.jpg)
called gender
![](https://html5-chat.com/blog/wp-content/uploads/2020/12/03.jpg)
![](https://html5-chat.com/blog/wp-content/uploads/2020/12/04.jpg)
Download and install the plugin for Drupal8/9
![](https://html5-chat.com/blog/wp-content/uploads/2020/12/step1.jpg)
Go to structure – > block layout
![](https://html5-chat.com/blog/wp-content/uploads/2020/12/step2.jpg)
Go to content, click on Place bloc, search for htmlchat and click place block in the modal window
![](https://html5-chat.com/blog/wp-content/uploads/2020/12/step3-1024x411.jpg)
fill the data:
- webmasterid
- token
- password
- height
You will find ALL these data from your chatadmin panel
Go to the Pages vertical tab and enter /chat
that means that the page named “chat” will contain your html5-chat
![](https://html5-chat.com/blog/wp-content/uploads/2020/12/step5.jpg)
Go to content-> add content
![](https://html5-chat.com/blog/wp-content/uploads/2020/12/step6.jpg)
and choose “Basic page”
Enter a title for the basic page and enter /chat in URL ALIAS
![](https://html5-chat.com/blog/wp-content/uploads/2020/12/step7.jpg)
And that’s ALL. Save all (clear cache from Configuration->performance) and go to yoursite.com/chat and your html5-chat chat will appear there !
![](https://html5-chat.com/blog/wp-content/uploads/2020/12/step8-1024x469.jpg)