I need to integrate a Dialogflow - ES chatbot on the Wix website. If I talk about the integration platform, I can't use the Dialogflow demo due to its limitations so I am using Dialogflow messenger. Now Issue is I want a full-screen chatbot on the front page of the website - the chatbot should be embedded on the front screen directly. how to make a full-screen chatbot view of Dialogflow ?

<script src="https://www.gstatic.com/dialogflow-console/fast/messenger/bootstrap.js?v=1"></script>
<df-messenger
  intent="WELCOME"
  chat-title="f10_demo_tutoring_system"
  agent-id="******************"
  language-code="en"
></df-messenger>

I get this code from integrations- Dialogflow Messenger in order to integrate it with Wix website. After considering this the chat widget is shown below the right or left corner. I want this in full-screen form like a web demo integration.

I have no idea of website designing (Html, CSS). Unable to render this properly. I want this : https://github.com/Kommunicate-io/Kommunicate-Web-SDK/tree/master/kommunicate-script-example Waiting for someone to resolve this query.