Improved Chat Interface<\/title>\n <link href=\"https:\/\/cdn.jsdelivr.net\/npm\/@n8n\/chat\/dist\/style.css\" rel=\"stylesheet\" \/>\n <style>\n \/* Ensure the page and chat container take up full height and width *\/\n html, body, #n8n-chat {\n width: 100%;\n height: 100%;\n margin: 0;\n padding: 0;\n overflow: hidden;\n }\n \n \/* Updated chat styling to match Anthropic Claude's appearance *\/\n :root {\n \/* Primary colors - softer blue *\/\n --chat--color-primary: #5C6BC0;\n --chat--color-primary-shade-50: #4C5AB0;\n --chat--color-primary-shade-100: #3F4A99;\n \n \/* Message colors - more subdued *\/\n --chat--message--bot--background: #F7F7F9;\n --chat--message--bot--color: #333333;\n --chat--message--user--background: #EBEDF8;\n --chat--message--user--color: #333333;\n \n \/* Typography *\/\n --chat--message--font-size: 16px;\n --chat--message-line-height: 1.6;\n \n \/* Header styling *\/\n --chat--header--background: #5C6BC0;\n --chat--header--color: #FFFFFF;\n --chat--heading--font-size: 18px;\n --chat--subtitle--font-size: 14px;\n \n \/* Other styling *\/\n --chat--color-secondary: #5C6BC0;\n --chat--border-radius: 8px;\n \n \/* Hide the toggle button *\/\n --chat--toggle--size: 0px;\n }\n \n \/* Explicitly hide the chat toggle button *\/\n .n8n-chat-toggle {\n display: none !important;\n }\n <\/style>\n<\/head>\n<body>\n \n <div id=\"n8n-chat\"><\/div>\n\n <script type=\"module\">\n import { createChat } from 'https:\/\/cdn.jsdelivr.net\/npm\/@n8n\/chat\/dist\/chat.bundle.es.js';\n\n \/\/ Create only one chat instance with fullscreen mode\n createChat({\n webhookUrl: 'https:\/\/n8n.srv774275.hstgr.cloud\/webhook\/ca543303-5d6f-4529-a220-af8c4de36878\/chat',\n mode: 'fullscreen', \/\/ Fullscreen mode\n target: '#n8n-chat', \/\/ Match the ID of our container\n initialMessages: [\n 'Hello! How can I help you today?'\n ],\n i18n: {\n en: {\n title: 'Chat Assistant',\n subtitle: 'I\\'m here to help with your questions',\n inputPlaceholder: 'Type your message...',\n },\n },\n showWelcomeScreen: false, \/\/ Disable welcome screen\n defaultOpen: true \/\/ Ensure it starts open\n });\n \n \/\/ This code runs after the page loads to ensure no toggle button appears\n window.addEventListener('DOMContentLoaded', () => {\n \/\/ Remove any toggle buttons that might be created\n setTimeout(() => {\n const toggleButtons = document.querySelectorAll('.n8n-chat-toggle');\n toggleButtons.forEach(button => {\n button.style.display = 'none';\n button.remove();\n });\n }, 500);\n });\n <\/script>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Improved Chat Interface<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-218","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/automatedbss.com\/index.php\/wp-json\/wp\/v2\/pages\/218","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/automatedbss.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/automatedbss.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/automatedbss.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/automatedbss.com\/index.php\/wp-json\/wp\/v2\/comments?post=218"}],"version-history":[{"count":20,"href":"https:\/\/automatedbss.com\/index.php\/wp-json\/wp\/v2\/pages\/218\/revisions"}],"predecessor-version":[{"id":242,"href":"https:\/\/automatedbss.com\/index.php\/wp-json\/wp\/v2\/pages\/218\/revisions\/242"}],"wp:attachment":[{"href":"https:\/\/automatedbss.com\/index.php\/wp-json\/wp\/v2\/media?parent=218"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t

\n\t\t

\n\t\t\t\t

\n\t\t\t\t\t\n\n\n \n \n Improved Chat Interface<\/title>\n <link href=\"https:\/\/cdn.jsdelivr.net\/npm\/@n8n\/chat\/dist\/style.css\" rel=\"stylesheet\" \/>\n <style>\n \/* Ensure the page and chat container take up full height and width *\/\n html, body, #n8n-chat {\n width: 100%;\n height: 100%;\n margin: 0;\n padding: 0;\n overflow: hidden;\n }\n \n \/* Updated chat styling to match Anthropic Claude's appearance *\/\n :root {\n \/* Primary colors - softer blue *\/\n --chat--color-primary: #5C6BC0;\n --chat--color-primary-shade-50: #4C5AB0;\n --chat--color-primary-shade-100: #3F4A99;\n \n \/* Message colors - more subdued *\/\n --chat--message--bot--background: #F7F7F9;\n --chat--message--bot--color: #333333;\n --chat--message--user--background: #EBEDF8;\n --chat--message--user--color: #333333;\n \n \/* Typography *\/\n --chat--message--font-size: 16px;\n --chat--message-line-height: 1.6;\n \n \/* Header styling *\/\n --chat--header--background: #5C6BC0;\n --chat--header--color: #FFFFFF;\n --chat--heading--font-size: 18px;\n --chat--subtitle--font-size: 14px;\n \n \/* Other styling *\/\n --chat--color-secondary: #5C6BC0;\n --chat--border-radius: 8px;\n \n \/* Hide the toggle button *\/\n --chat--toggle--size: 0px;\n }\n \n \/* Explicitly hide the chat toggle button *\/\n .n8n-chat-toggle {\n display: none !important;\n }\n <\/style>\n<\/head>\n<body>\n \n <div id=\"n8n-chat\"><\/div>\n\n <script type=\"module\">\n import { createChat } from 'https:\/\/cdn.jsdelivr.net\/npm\/@n8n\/chat\/dist\/chat.bundle.es.js';\n\n \/\/ Create only one chat instance with fullscreen mode\n createChat({\n webhookUrl: 'https:\/\/n8n.srv774275.hstgr.cloud\/webhook\/ca543303-5d6f-4529-a220-af8c4de36878\/chat',\n mode: 'fullscreen', \/\/ Fullscreen mode\n target: '#n8n-chat', \/\/ Match the ID of our container\n initialMessages: [\n 'Hello! How can I help you today?'\n ],\n i18n: {\n en: {\n title: 'Chat Assistant',\n subtitle: 'I\\'m here to help with your questions',\n inputPlaceholder: 'Type your message...',\n },\n },\n showWelcomeScreen: false, \/\/ Disable welcome screen\n defaultOpen: true \/\/ Ensure it starts open\n });\n \n \/\/ This code runs after the page loads to ensure no toggle button appears\n window.addEventListener('DOMContentLoaded', () => {\n \/\/ Remove any toggle buttons that might be created\n setTimeout(() => {\n const toggleButtons = document.querySelectorAll('.n8n-chat-toggle');\n toggleButtons.forEach(button => {\n button.style.display = 'none';\n button.remove();\n });\n }, 500);\n });\n <\/script>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Improved Chat Interface<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-218","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/automatedbss.com\/index.php\/wp-json\/wp\/v2\/pages\/218","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/automatedbss.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/automatedbss.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/automatedbss.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/automatedbss.com\/index.php\/wp-json\/wp\/v2\/comments?post=218"}],"version-history":[{"count":20,"href":"https:\/\/automatedbss.com\/index.php\/wp-json\/wp\/v2\/pages\/218\/revisions"}],"predecessor-version":[{"id":242,"href":"https:\/\/automatedbss.com\/index.php\/wp-json\/wp\/v2\/pages\/218\/revisions\/242"}],"wp:attachment":[{"href":"https:\/\/automatedbss.com\/index.php\/wp-json\/wp\/v2\/media?parent=218"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}