title: full screen view of Dialogflow Chatbot on website not chat widget at below right or left corner
body: <p>I need to integrate a Dialogflow - ES chatbot on the Wix website.
  If I talk about the integration platform, I can't use the <strong>Dialogflow demo</strong> due to its limitations so I am using <strong>Dialogflow messenger</strong>.
  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 ?</p>
  <pre><code>&lt;script src=&quot;https://www.gstatic.com/dialogflow-console/fast/messenger/bootstrap.js?v=1&quot;&gt;&lt;/script&gt;
  &lt;df-messenger
    intent=&quot;WELCOME&quot;
    chat-title=&quot;f10_demo_tutoring_system&quot;
    agent-id=&quot;******************&quot;
    language-code=&quot;en&quot;
  &gt;&lt;/df-messenger&gt;
  </code></pre>
  <p>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.</p>
  <p>I have no idea of website designing (Html, CSS). Unable to render this properly.
  I want this :
  <a href="https://github.com/Kommunicate-io/Kommunicate-Web-SDK/tree/master/kommunicate-script-example" rel="nofollow noreferrer">https://github.com/Kommunicate-io/Kommunicate-Web-SDK/tree/master/kommunicate-script-example</a>
  Waiting for someone to resolve this query.</p>