{"id":57,"date":"2024-01-08T13:56:18","date_gmt":"2024-01-08T13:56:18","guid":{"rendered":"https:\/\/resolve247.ai\/blog\/?p=57"},"modified":"2024-02-05T11:33:20","modified_gmt":"2024-02-05T11:33:20","slug":"how-to-change-the-position-of-the-chat-widget-icon","status":"publish","type":"post","link":"https:\/\/resolve247.ai\/blog\/how-to-change-the-position-of-the-chat-widget-icon\/","title":{"rendered":"How to change the position of the chat widget Icon"},"content":{"rendered":"\n

We have built the Resolve247 chat widget to work in many ways, to suit your exact needs!<\/p>\n\n\n\n

By default there is a toggle button to open\/close the chat widget that will be located in the bottom right of the window. If this position doesn’t suit your page layout, you can easily move the chatbot widget icon to the bottom left instead.<\/p>\n\n\n\n

Remember you can choose to hide the widget completely if you wish (read about that here<\/a>) and then you can trigger the chatbot using custom JavaScript (more on that here<\/a>).<\/p>\n\n\n\n

To change the position of your chatbot widget icon:<\/p>\n\n\n\n

    \n
  1. From your dashboard, go to the \u201cCustomisation\u201d page.<\/li>\n\n\n\n
  2. Under “Position” select either “Left” or “Right” depending on your preference.<\/li>\n\n\n\n
  3. Click \u201cSave Changes\u201d at the bottom of the page.<\/li>\n<\/ol>\n\n\n\n

    You will be able to see the new appearance in the preview box on the customisation page, or to test the chatbot in full you can go to the \u201cDemo\u201d page from your dashboard.<\/p>\n","protected":false},"excerpt":{"rendered":"

    The chatbot widget icon can be repositioned to suit your layout, this article shows you how<\/p>\n","protected":false},"author":2,"featured_media":99,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_yoast_wpseo_focuskw":"","_yoast_wpseo_title":"","_yoast_wpseo_metadesc":"","_yoast_wpseo_linkdex":"","_yoast_wpseo_content_score":"","site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","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":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","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-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":"","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-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":"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":""},"mobile":{"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":""}},"footnotes":""},"categories":[23],"tags":[16,14,15,11],"class_list":["post-57","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-docs","tag-customisation","tag-icon","tag-position","tag-widget"],"yoast_seo":{"focus_keyphrase":"","seo_title":"","meta_description":""},"yoast_head":"\nHow to change the position of the chat widget Icon<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/resolve247.ai\/blog\/how-to-change-the-position-of-the-chat-widget-icon\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to change the position of the chat widget Icon\" \/>\n<meta property=\"og:description\" content=\"The chatbot widget icon can be repositioned to suit your layout, this article shows you how\" \/>\n<meta property=\"og:url\" content=\"https:\/\/resolve247.ai\/blog\/how-to-change-the-position-of-the-chat-widget-icon\/\" \/>\n<meta property=\"og:site_name\" content=\"Blog\" \/>\n<meta property=\"article:published_time\" content=\"2024-01-08T13:56:18+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-02-05T11:33:20+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/resolve247.ai\/blog\/wp-content\/uploads\/2024\/01\/left-or-right.png\" \/>\n\t<meta property=\"og:image:width\" content=\"600\" \/>\n\t<meta property=\"og:image:height\" content=\"400\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Sam Cox\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Sam Cox\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/resolve247.ai\/blog\/how-to-change-the-position-of-the-chat-widget-icon\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/resolve247.ai\/blog\/how-to-change-the-position-of-the-chat-widget-icon\/\"},\"author\":{\"name\":\"Sam Cox\",\"@id\":\"https:\/\/resolve247.ai\/blog\/#\/schema\/person\/e1c9c824854904fcbcc4a51e0ff75b0a\"},\"headline\":\"How to change the position of the chat widget Icon\",\"datePublished\":\"2024-01-08T13:56:18+00:00\",\"dateModified\":\"2024-02-05T11:33:20+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/resolve247.ai\/blog\/how-to-change-the-position-of-the-chat-widget-icon\/\"},\"wordCount\":173,\"commentCount\":1,\"publisher\":{\"@id\":\"https:\/\/resolve247.ai\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/resolve247.ai\/blog\/how-to-change-the-position-of-the-chat-widget-icon\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/resolve247.ai\/blog\/wp-content\/uploads\/2024\/01\/left-or-right.png\",\"keywords\":[\"customisation\",\"icon\",\"position\",\"widget\"],\"articleSection\":[\"Docs\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/resolve247.ai\/blog\/how-to-change-the-position-of-the-chat-widget-icon\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/resolve247.ai\/blog\/how-to-change-the-position-of-the-chat-widget-icon\/\",\"url\":\"https:\/\/resolve247.ai\/blog\/how-to-change-the-position-of-the-chat-widget-icon\/\",\"name\":\"How to change the position of the chat widget Icon\",\"isPartOf\":{\"@id\":\"https:\/\/resolve247.ai\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/resolve247.ai\/blog\/how-to-change-the-position-of-the-chat-widget-icon\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/resolve247.ai\/blog\/how-to-change-the-position-of-the-chat-widget-icon\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/resolve247.ai\/blog\/wp-content\/uploads\/2024\/01\/left-or-right.png\",\"datePublished\":\"2024-01-08T13:56:18+00:00\",\"dateModified\":\"2024-02-05T11:33:20+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/resolve247.ai\/blog\/how-to-change-the-position-of-the-chat-widget-icon\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/resolve247.ai\/blog\/how-to-change-the-position-of-the-chat-widget-icon\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/resolve247.ai\/blog\/how-to-change-the-position-of-the-chat-widget-icon\/#primaryimage\",\"url\":\"https:\/\/resolve247.ai\/blog\/wp-content\/uploads\/2024\/01\/left-or-right.png\",\"contentUrl\":\"https:\/\/resolve247.ai\/blog\/wp-content\/uploads\/2024\/01\/left-or-right.png\",\"width\":600,\"height\":400},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/resolve247.ai\/blog\/how-to-change-the-position-of-the-chat-widget-icon\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/resolve247.ai\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"How to change the position of the chat widget Icon\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/resolve247.ai\/blog\/#website\",\"url\":\"https:\/\/resolve247.ai\/blog\/\",\"name\":\"Resolve247.ai\",\"description\":\"82% fewer support tickets - Get instant answers to your customers 24\/7 with your own hyper-accurate AI chatbot, trained on your website \/ knowledgebase.\",\"publisher\":{\"@id\":\"https:\/\/resolve247.ai\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/resolve247.ai\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/resolve247.ai\/blog\/#organization\",\"name\":\"Resolve247.ai\",\"url\":\"https:\/\/resolve247.ai\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/resolve247.ai\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/resolve247.ai\/blog\/wp-content\/uploads\/2024\/01\/resolve247ai-logo-5.png\",\"contentUrl\":\"https:\/\/resolve247.ai\/blog\/wp-content\/uploads\/2024\/01\/resolve247ai-logo-5.png\",\"width\":696,\"height\":111,\"caption\":\"Resolve247.ai\"},\"image\":{\"@id\":\"https:\/\/resolve247.ai\/blog\/#\/schema\/logo\/image\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\/\/resolve247.ai\/blog\/#\/schema\/person\/e1c9c824854904fcbcc4a51e0ff75b0a\",\"name\":\"Sam Cox\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/resolve247.ai\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/27e390e63a7cee4343d8381e4592524bcc0581b4ebb5511ae13802265fb2a3af?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/27e390e63a7cee4343d8381e4592524bcc0581b4ebb5511ae13802265fb2a3af?s=96&d=mm&r=g\",\"caption\":\"Sam Cox\"},\"sameAs\":[\"http:\/\/www.resolve247.ai\"],\"url\":\"https:\/\/resolve247.ai\/blog\/author\/sam-cox\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How to change the position of the chat widget Icon","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/resolve247.ai\/blog\/how-to-change-the-position-of-the-chat-widget-icon\/","og_locale":"en_US","og_type":"article","og_title":"How to change the position of the chat widget Icon","og_description":"The chatbot widget icon can be repositioned to suit your layout, this article shows you how","og_url":"https:\/\/resolve247.ai\/blog\/how-to-change-the-position-of-the-chat-widget-icon\/","og_site_name":"Blog","article_published_time":"2024-01-08T13:56:18+00:00","article_modified_time":"2024-02-05T11:33:20+00:00","og_image":[{"width":600,"height":400,"url":"https:\/\/resolve247.ai\/blog\/wp-content\/uploads\/2024\/01\/left-or-right.png","type":"image\/png"}],"author":"Sam Cox","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Sam Cox","Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/resolve247.ai\/blog\/how-to-change-the-position-of-the-chat-widget-icon\/#article","isPartOf":{"@id":"https:\/\/resolve247.ai\/blog\/how-to-change-the-position-of-the-chat-widget-icon\/"},"author":{"name":"Sam Cox","@id":"https:\/\/resolve247.ai\/blog\/#\/schema\/person\/e1c9c824854904fcbcc4a51e0ff75b0a"},"headline":"How to change the position of the chat widget Icon","datePublished":"2024-01-08T13:56:18+00:00","dateModified":"2024-02-05T11:33:20+00:00","mainEntityOfPage":{"@id":"https:\/\/resolve247.ai\/blog\/how-to-change-the-position-of-the-chat-widget-icon\/"},"wordCount":173,"commentCount":1,"publisher":{"@id":"https:\/\/resolve247.ai\/blog\/#organization"},"image":{"@id":"https:\/\/resolve247.ai\/blog\/how-to-change-the-position-of-the-chat-widget-icon\/#primaryimage"},"thumbnailUrl":"https:\/\/resolve247.ai\/blog\/wp-content\/uploads\/2024\/01\/left-or-right.png","keywords":["customisation","icon","position","widget"],"articleSection":["Docs"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/resolve247.ai\/blog\/how-to-change-the-position-of-the-chat-widget-icon\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/resolve247.ai\/blog\/how-to-change-the-position-of-the-chat-widget-icon\/","url":"https:\/\/resolve247.ai\/blog\/how-to-change-the-position-of-the-chat-widget-icon\/","name":"How to change the position of the chat widget Icon","isPartOf":{"@id":"https:\/\/resolve247.ai\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/resolve247.ai\/blog\/how-to-change-the-position-of-the-chat-widget-icon\/#primaryimage"},"image":{"@id":"https:\/\/resolve247.ai\/blog\/how-to-change-the-position-of-the-chat-widget-icon\/#primaryimage"},"thumbnailUrl":"https:\/\/resolve247.ai\/blog\/wp-content\/uploads\/2024\/01\/left-or-right.png","datePublished":"2024-01-08T13:56:18+00:00","dateModified":"2024-02-05T11:33:20+00:00","breadcrumb":{"@id":"https:\/\/resolve247.ai\/blog\/how-to-change-the-position-of-the-chat-widget-icon\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/resolve247.ai\/blog\/how-to-change-the-position-of-the-chat-widget-icon\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/resolve247.ai\/blog\/how-to-change-the-position-of-the-chat-widget-icon\/#primaryimage","url":"https:\/\/resolve247.ai\/blog\/wp-content\/uploads\/2024\/01\/left-or-right.png","contentUrl":"https:\/\/resolve247.ai\/blog\/wp-content\/uploads\/2024\/01\/left-or-right.png","width":600,"height":400},{"@type":"BreadcrumbList","@id":"https:\/\/resolve247.ai\/blog\/how-to-change-the-position-of-the-chat-widget-icon\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/resolve247.ai\/blog\/"},{"@type":"ListItem","position":2,"name":"How to change the position of the chat widget Icon"}]},{"@type":"WebSite","@id":"https:\/\/resolve247.ai\/blog\/#website","url":"https:\/\/resolve247.ai\/blog\/","name":"Resolve247.ai","description":"82% fewer support tickets - Get instant answers to your customers 24\/7 with your own hyper-accurate AI chatbot, trained on your website \/ knowledgebase.","publisher":{"@id":"https:\/\/resolve247.ai\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/resolve247.ai\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/resolve247.ai\/blog\/#organization","name":"Resolve247.ai","url":"https:\/\/resolve247.ai\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/resolve247.ai\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/resolve247.ai\/blog\/wp-content\/uploads\/2024\/01\/resolve247ai-logo-5.png","contentUrl":"https:\/\/resolve247.ai\/blog\/wp-content\/uploads\/2024\/01\/resolve247ai-logo-5.png","width":696,"height":111,"caption":"Resolve247.ai"},"image":{"@id":"https:\/\/resolve247.ai\/blog\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/resolve247.ai\/blog\/#\/schema\/person\/e1c9c824854904fcbcc4a51e0ff75b0a","name":"Sam Cox","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/resolve247.ai\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/27e390e63a7cee4343d8381e4592524bcc0581b4ebb5511ae13802265fb2a3af?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/27e390e63a7cee4343d8381e4592524bcc0581b4ebb5511ae13802265fb2a3af?s=96&d=mm&r=g","caption":"Sam Cox"},"sameAs":["http:\/\/www.resolve247.ai"],"url":"https:\/\/resolve247.ai\/blog\/author\/sam-cox\/"}]}},"_links":{"self":[{"href":"https:\/\/resolve247.ai\/blog\/wp-json\/wp\/v2\/posts\/57","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/resolve247.ai\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/resolve247.ai\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/resolve247.ai\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/resolve247.ai\/blog\/wp-json\/wp\/v2\/comments?post=57"}],"version-history":[{"count":3,"href":"https:\/\/resolve247.ai\/blog\/wp-json\/wp\/v2\/posts\/57\/revisions"}],"predecessor-version":[{"id":123,"href":"https:\/\/resolve247.ai\/blog\/wp-json\/wp\/v2\/posts\/57\/revisions\/123"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/resolve247.ai\/blog\/wp-json\/wp\/v2\/media\/99"}],"wp:attachment":[{"href":"https:\/\/resolve247.ai\/blog\/wp-json\/wp\/v2\/media?parent=57"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/resolve247.ai\/blog\/wp-json\/wp\/v2\/categories?post=57"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/resolve247.ai\/blog\/wp-json\/wp\/v2\/tags?post=57"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}