[{"data":1,"prerenderedAt":42},["Reactive",2],{"blogPosts-better-layout-for-documentation-heavy-help-centers":3,"featurePages":41},{"slug":4,"id":5,"uuid":6,"title":7,"html":8,"comment_id":5,"feature_image":9,"featured":10,"visibility":11,"created_at":12,"updated_at":13,"published_at":14,"custom_excerpt":7,"codeinjection_head":15,"codeinjection_foot":15,"custom_template":15,"canonical_url":15,"tags":16,"authors":23,"primary_author":35,"primary_tag":36,"url":37,"excerpt":7,"reading_time":38,"access":39,"comments":10,"og_image":15,"og_title":15,"og_description":15,"twitter_image":15,"twitter_title":15,"twitter_description":15,"meta_title":40,"meta_description":7,"email_subject":15,"frontmatter":15,"feature_image_alt":15,"feature_image_caption":15},"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=\"https://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=\"https://www-internal-blog.chatwoot.com/content/images/size/w600/2026/06/CleanShot-2026-06-02-at-13.02.49@2x.png 600w, https://www-internal-blog.chatwoot.com/content/images/size/w1000/2026/06/CleanShot-2026-06-02-at-13.02.49@2x.png 1000w, https://www-internal-blog.chatwoot.com/content/images/size/w1600/2026/06/CleanShot-2026-06-02-at-13.02.49@2x.png 1600w, https://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=\"https://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=\"https://www-internal-blog.chatwoot.com/content/images/size/w600/2026/06/screenshot-open-in-1.png 600w, https://www-internal-blog.chatwoot.com/content/images/size/w1000/2026/06/screenshot-open-in-1.png 1000w, https://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=\"https://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=\"https://www-internal-blog.chatwoot.com/content/images/size/w600/2026/06/Screenshot-2026-06-02-at-7.32.51---AM.png 600w, https://www-internal-blog.chatwoot.com/content/images/size/w1000/2026/06/Screenshot-2026-06-02-at-7.32.51---AM.png 1000w, https://www-internal-blog.chatwoot.com/content/images/size/w1600/2026/06/Screenshot-2026-06-02-at-7.32.51---AM.png 1600w, https://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>","https://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-06-02T17:27:13.000+00:00","2026-05-25T09:07:00.000+00:00",null,[17],{"id":18,"name":19,"slug":19,"description":20,"feature_image":15,"visibility":11,"og_image":15,"og_title":15,"og_description":15,"twitter_image":15,"twitter_title":15,"twitter_description":15,"meta_title":15,"meta_description":15,"codeinjection_head":15,"codeinjection_foot":15,"canonical_url":15,"accent_color":21,"url":22},"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/",[24],{"id":25,"name":26,"slug":27,"profile_image":28,"cover_image":29,"bio":30,"website":31,"location":32,"facebook":15,"twitter":33,"meta_title":15,"meta_description":15,"threads":15,"bluesky":15,"mastodon":15,"tiktok":15,"youtube":15,"instagram":15,"linkedin":15,"url":34},"6118d8d14b8f26503f72d51b","Muhsin K","muhsin","https://www-internal-blog.chatwoot.com/content/images/2026/02/CleanShot-2026-02-23-at-12.44.10@2x.png","https://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":25,"name":26,"slug":27,"profile_image":28,"cover_image":29,"bio":30,"website":31,"location":32,"facebook":15,"twitter":33,"meta_title":15,"meta_description":15,"threads":15,"bluesky":15,"mastodon":15,"tiktok":15,"youtube":15,"instagram":15,"linkedin":15,"url":34},{"id":18,"name":19,"slug":19,"description":20,"feature_image":15,"visibility":11,"og_image":15,"og_title":15,"og_description":15,"twitter_image":15,"twitter_title":15,"twitter_description":15,"meta_title":15,"meta_description":15,"codeinjection_head":15,"codeinjection_foot":15,"canonical_url":15,"accent_color":21,"url":22},"https://www-internal-blog.chatwoot.com/better-layout-for-documentation-heavy-help-centers/",2,true,"Better Help Center Layout",[],1780563299960]