[{"data":1,"prerenderedAt":43},["Reactive",2],{"breadcrumb-schema":3,"explore-links:/blog/better-layout-for-documentation-heavy-help-centers":4,"blogPosts-better-layout-for-documentation-heavy-help-centers":5,"featurePages":42},null,[],{"slug":6,"id":7,"uuid":8,"title":9,"html":10,"comment_id":7,"feature_image":11,"featured":12,"visibility":13,"created_at":14,"updated_at":15,"published_at":16,"custom_excerpt":9,"codeinjection_head":3,"codeinjection_foot":3,"custom_template":3,"canonical_url":3,"tags":17,"authors":24,"primary_author":36,"primary_tag":37,"url":38,"excerpt":9,"reading_time":39,"access":40,"comments":12,"og_image":3,"og_title":3,"og_description":3,"twitter_image":3,"twitter_title":3,"twitter_description":3,"meta_title":41,"meta_description":9,"email_subject":3,"frontmatter":3,"feature_image_alt":3,"feature_image_caption":3},"better-layout-for-documentation-heavy-help-centers","6a1e9ba99cc390fbfd82ab81","b76abeea-cac6-4951-a78b-61f6f940bc28","A better layout for documentation-heavy help centers","\u003Cp>We have added a new Documentation layout for Help Center, designed for teams with larger, more structured help centers.\u003C/p>\u003Cp>The existing Help Center layout works well when you want a simple home page with search, topics, popular articles, and social links. But for product documentation, setup guides, and reference-heavy content, readers often need to see the full structure while they move through articles.\u003C/p>\u003Cp>The new Documentation layout makes that easier.\u003C/p>\u003Ch3 id=\"what%E2%80%99s-new\">What’s new\u003C/h3>\u003Cfigure class=\"kg-card kg-image-card\">\u003Cimg src=\"/_mirror/www-internal-blog.chatwoot.com/content/images/2026/06/CleanShot-2026-06-02-at-13.02.49@2x.png\" class=\"kg-image\" alt=\"\" loading=\"lazy\" width=\"2000\" height=\"1177\" srcset=\"/_mirror/www-internal-blog.chatwoot.com/content/images/size/w600/2026/06/CleanShot-2026-06-02-at-13.02.49@2x.png 600w, /_mirror/www-internal-blog.chatwoot.com/content/images/size/w1000/2026/06/CleanShot-2026-06-02-at-13.02.49@2x.png 1000w, /_mirror/www-internal-blog.chatwoot.com/content/images/size/w1600/2026/06/CleanShot-2026-06-02-at-13.02.49@2x.png 1600w, /_mirror/www-internal-blog.chatwoot.com/content/images/size/w2400/2026/06/CleanShot-2026-06-02-at-13.02.49@2x.png 2400w\" sizes=\"(min-width: 720px) 720px\">\u003C/figure>\u003Cp>\u003Cstrong>Sidebar navigation:\u003C/strong> Categories and articles are now shown in a sidebar, so readers can browse your help center without going back to the home page.\u003C/p>\u003Cp>\u003Cstrong>Article metadata\u003C/strong>: Each article now shows the author and the last updated date in the header.\u003C/p>\u003Cp>\u003Cstrong>Search from anywhere\u003C/strong>: Search is now available through a command bar. Readers can open it with ⌘K and search by article title or body from anywhere in the help center.\u003C/p>\u003Cp>\u003Cstrong>Light and dark themes:\u003C/strong> Readers can switch between light and dark themes based on their preference.\u003C/p>\u003Cp>\u003Cstrong>Popular articles and categories:\u003C/strong> You can continue to highlight popular articles and popular categories, helping readers find commonly used content faster.\u003C/p>\u003Cp>\u003Cstrong>Social profile links\u003C/strong>: You can link your social profiles from the help center, so visitors can find your other public channels easily.\u003C/p>\u003Cp>\u003Cstrong>Open in LLM\u003C/strong>: Each article now has an “Open in” option, allowing readers to open the article in supported LLM tools.\u003C/p>\u003Cfigure class=\"kg-card kg-image-card\">\u003Cimg src=\"/_mirror/www-internal-blog.chatwoot.com/content/images/2026/06/screenshot-open-in-1.png\" class=\"kg-image\" alt=\"\" loading=\"lazy\" width=\"1368\" height=\"952\" srcset=\"/_mirror/www-internal-blog.chatwoot.com/content/images/size/w600/2026/06/screenshot-open-in-1.png 600w, /_mirror/www-internal-blog.chatwoot.com/content/images/size/w1000/2026/06/screenshot-open-in-1.png 1000w, /_mirror/www-internal-blog.chatwoot.com/content/images/2026/06/screenshot-open-in-1.png 1368w\" sizes=\"(min-width: 720px) 720px\">\u003C/figure>\u003Cp>This is useful when readers want to ask follow-up questions, summarize the article, or use it as context while troubleshooting.\u003C/p>\u003Ch2 id=\"choose-the-layout-from-settings\">Choose the layout from settings\u003C/h2>\u003Cp>You can choose the layout from your portal’s Appearance settings.\u003C/p>\u003Cfigure class=\"kg-card kg-image-card\">\u003Cimg src=\"/_mirror/www-internal-blog.chatwoot.com/content/images/2026/06/Screenshot-2026-06-02-at-7.32.51---AM.png\" class=\"kg-image\" alt=\"\" loading=\"lazy\" width=\"2000\" height=\"1343\" srcset=\"/_mirror/www-internal-blog.chatwoot.com/content/images/size/w600/2026/06/Screenshot-2026-06-02-at-7.32.51---AM.png 600w, /_mirror/www-internal-blog.chatwoot.com/content/images/size/w1000/2026/06/Screenshot-2026-06-02-at-7.32.51---AM.png 1000w, /_mirror/www-internal-blog.chatwoot.com/content/images/size/w1600/2026/06/Screenshot-2026-06-02-at-7.32.51---AM.png 1600w, /_mirror/www-internal-blog.chatwoot.com/content/images/size/w2400/2026/06/Screenshot-2026-06-02-at-7.32.51---AM.png 2400w\" sizes=\"(min-width: 720px) 720px\">\u003C/figure>\u003Cp>There are two options:\u003C/p>\u003Col>\u003Cli>Classic: the existing Help Center layout with a home page, search, topics, popular articles, popular categories, and social links.\u003C/li>\u003Cli>Documentation: the new layout with sidebar navigation, article breadcrumbs, table of contents, command bar search, and improved reading controls.\u003C/li>\u003C/ol>\u003Cp>The Documentation layout is currently in beta. Try it with your help center and share feedback with us. \u003C/p>","/_mirror/www-internal-blog.chatwoot.com/content/images/2026/06/better-help-center-layout.png",false,"public","2026-06-02T09:00:25.000+00:00","2026-07-07T13:46:47.000+00:00","2026-05-25T09:07:00.000+00:00",[18],{"id":19,"name":20,"slug":20,"description":21,"feature_image":3,"visibility":13,"og_image":3,"og_title":3,"og_description":3,"twitter_image":3,"twitter_title":3,"twitter_description":3,"meta_title":3,"meta_description":3,"codeinjection_head":3,"codeinjection_foot":3,"canonical_url":3,"accent_color":22,"url":23},"6118da7b4b8f26503f72d52e","releases","We release a new and improved version of Chatwoot every mid-month. We make sure to tell you all about it and how you can use it to improve your Chatwoot experience, in our series of product updates.","#189aff","https://www-internal-blog.chatwoot.com/tag/releases/",[25],{"id":26,"name":27,"slug":28,"profile_image":29,"cover_image":30,"bio":31,"website":32,"location":33,"facebook":3,"twitter":34,"meta_title":3,"meta_description":3,"threads":3,"bluesky":3,"mastodon":3,"tiktok":3,"youtube":3,"instagram":3,"linkedin":3,"url":35},"6118d8d14b8f26503f72d51b","Muhsin K","muhsin","/_mirror/www-internal-blog.chatwoot.com/content/images/2026/02/CleanShot-2026-02-23-at-12.44.10@2x.png","/_mirror/www-internal-blog.chatwoot.com/content/images/2021/08/1500x500.jpeg","Product-minded engineer building across backend, frontend, mobile and AI systems.","https://www.muhsi.me","Bengauluru, India","@muhsin_keloth","https://www-internal-blog.chatwoot.com/author/muhsin/",{"id":26,"name":27,"slug":28,"profile_image":29,"cover_image":30,"bio":31,"website":32,"location":33,"facebook":3,"twitter":34,"meta_title":3,"meta_description":3,"threads":3,"bluesky":3,"mastodon":3,"tiktok":3,"youtube":3,"instagram":3,"linkedin":3,"url":35},{"id":19,"name":20,"slug":20,"description":21,"feature_image":3,"visibility":13,"og_image":3,"og_title":3,"og_description":3,"twitter_image":3,"twitter_title":3,"twitter_description":3,"meta_title":3,"meta_description":3,"codeinjection_head":3,"codeinjection_foot":3,"canonical_url":3,"accent_color":22,"url":23},"https://www-internal-blog.chatwoot.com/better-layout-for-documentation-heavy-help-centers/",2,true,"Better Help Center Layout",[],1792898884227]