{"id":3013,"date":"2023-01-23T16:56:36","date_gmt":"2023-01-23T15:56:36","guid":{"rendered":"https:\/\/botnation.ai\/your-chatbot-in-full-screen-web-chatbot\/"},"modified":"2026-01-02T15:28:01","modified_gmt":"2026-01-02T14:28:01","slug":"your-chatbot-in-full-screen-web-chatbot","status":"publish","type":"support","link":"https:\/\/botnation.ai\/en\/support\/your-chatbot-in-full-screen-web-chatbot\/","title":{"rendered":"Your Chatbot in Full Screen (Web Chatbot)"},"content":{"rendered":"

Integrate your chatbot in full screen on a page<\/p>\n\n\n\n\n\n

Messaging applications now have more unique users than social networks. Your users are therefore used to using a conversational interface<\/strong> such as Facebook Messenger, Whatsapp, etc\u2026<\/p>\n\n\n\n

If your users like them so much, then maybe it\u2019s time to give your website a facelift by switching it to this type of interface too. The \u201cfullscreen\u201d mode is now available on Botnation<\/a> for web chatbots!<\/strong>
<\/p>\n\n\n\n

\"\"<\/a><\/figure>\n\n\n\n

The\u201cAgence Chatbot<\/a>\u201d website uses a full-screen chatbot to collect information about its prospects\u2019 projects.<\/em><\/p>\n\n\n\n


Your prospects or customers will no longer visit your site as if they were consulting a directory but will exchange with it through a discussion. So your site is no longer a simple form, a media or a store but becomes a real instant messenger that collects, distributes or sells. The conversation is then at the center of the user experience<\/strong>.

On Botnation<\/strong>, in the settings of your Chatbot Web<\/strong>, on the tab\u201cAppearance<\/strong>\u201d and \u201cChat window\u201d you just have to activate the\u201cFull screen mode<\/strong>\u201c.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n


You will also be able to communicate a\u201cbackground image<\/strong>\u201d to be displayed in the background of your chatbot. This will save you from having to manage it at your site level and will replace the background color set when the user\u2019s device definition allows it. We recommend using a high definition image, dimensions: 1980\u00d71080.<\/p>\n\n\n\n

Please note that this image will not appear on cell phones.<\/p>\n\n\n\n

Don\u2019t forget to customize your chatbot\u2019s avatar<\/a>.
<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

You will then just have to copy\/paste the small javascript code<\/a> to install on the concerned page of your website, and that\u2019s it! <\/p>\n\n\n\n

Your chatbot in full screen will be totally \u201cresponsive\u201d<\/strong> both on computer \u201cdesktop\u201d and on mobile \u201csmartphone\u201d.<\/p>\n\n\n\n

We recommend you to indicate the \u201cviewport\u201d tag in the HTML header of the concerned pages of your site so that the chatbot is instructed to adapt.<\/p>\n\n\n\n

Example:
<head><\/em>
<meta name=\u201dviewport\u201d content=\u201dwidth=device-width, initial-scale=1.0\u2033><\/em>
<\/head><\/em><\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n


Your chatbot then becomes totally immersive<\/strong> and the user particularly active. In addition to the choice buttons, images and videos, web chatbots support several options for formatting texts<\/a> to put them in bold<\/strong>, italic<\/em>, color etc\u2026 <\/p>\n\n\n\n

You can also consult the Agence-Chatbot<\/a> websites that use full screen chatbots to get examples of realizations.

Do not hesitate to come back to the Botnation<\/a> team for any additional information or suggestion, we will be happy to accompany you in the implementation of your chatbot.<\/p>\n\n\n\n

Plus:<\/strong>
\u2013 Install my Chatbot on my website<\/a>
\u2013 Customize my Web Chatbot<\/a><\/p>\n\n\n","protected":false},"featured_media":0,"template":"","meta":{"_acf_changed":false},"categorie-support":[194,198,221],"class_list":["post-3013","support","type-support","status-publish","hentry","categorie-support-features","categorie-support-tutorials","categorie-support-web-chatbot-en"],"acf":[],"_links":{"self":[{"href":"https:\/\/botnation.ai\/en\/wp-json\/wp\/v2\/support\/3013","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/botnation.ai\/en\/wp-json\/wp\/v2\/support"}],"about":[{"href":"https:\/\/botnation.ai\/en\/wp-json\/wp\/v2\/types\/support"}],"wp:attachment":[{"href":"https:\/\/botnation.ai\/en\/wp-json\/wp\/v2\/media?parent=3013"}],"wp:term":[{"taxonomy":"categorie-support","embeddable":true,"href":"https:\/\/botnation.ai\/en\/wp-json\/wp\/v2\/categorie-support?post=3013"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}