CINXE.COM
HelpDocs Bookmarked
<!DOCTYPE html> <html lang="en"> <head> <title>HelpDocs Bookmarked</title> <meta charset="utf-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="HandheldFriendly" content="True" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <link rel="stylesheet" type="text/css" href="https://blog.helpdocs.io/assets/built/screen.css?v=902bef8a68" /> <meta name="description" content="Bookmarked explores the art & craft of knowledge bases and customer support while delving into the lives of the people behind them."> <link rel="icon" href="https://blog.helpdocs.io/content/images/size/w256h256/2020/11/bookmarked-favicon--1-.png" type="image/png"> <link rel="canonical" href="https://blog.helpdocs.io/"> <meta name="referrer" content="no-referrer-when-downgrade"> <link rel="next" href="https://blog.helpdocs.io/page/2/"> <meta property="og:site_name" content="HelpDocs Bookmarked"> <meta property="og:type" content="website"> <meta property="og:title" content="HelpDocs Bookmarked"> <meta property="og:description" content="Bookmarked explores the art & craft of knowledge bases and customer support while delving into the lives of the people behind them."> <meta property="og:url" content="https://blog.helpdocs.io/"> <meta property="article:publisher" content="https://www.facebook.com/helpdocs"> <meta name="twitter:card" content="summary"> <meta name="twitter:title" content="HelpDocs Bookmarked"> <meta name="twitter:description" content="Bookmarked explores the art & craft of knowledge bases and customer support while delving into the lives of the people behind them."> <meta name="twitter:url" content="https://blog.helpdocs.io/"> <meta name="twitter:site" content="@helpdocs"> <script type="application/ld+json"> { "@context": "https://schema.org", "@type": "WebSite", "publisher": { "@type": "Organization", "name": "HelpDocs Bookmarked", "url": "https://blog.helpdocs.io/", "logo": { "@type": "ImageObject", "url": "https://blog.helpdocs.io/content/images/2021/04/bookmarked-favicon.svg", "width": 60, "height": 60 } }, "url": "https://blog.helpdocs.io/", "name": "HelpDocs Bookmarked", "mainEntityOfPage": "https://blog.helpdocs.io/", "description": "Bookmarked explores the art & craft of knowledge bases and customer support while delving into the lives of the people behind them." } </script> <meta name="generator" content="Ghost 5.110"> <link rel="alternate" type="application/rss+xml" title="HelpDocs Bookmarked" href="https://blog.helpdocs.io/rss/"> <script defer src="https://cdn.jsdelivr.net/ghost/portal@~2.49/umd/portal.min.js" data-i18n="true" data-ghost="https://blog.helpdocs.io/" data-key="b5f4afd59b3ec554dd86f2c12c" data-api="https://helpdocs.ghost.io/ghost/api/content/" data-locale="en" crossorigin="anonymous"></script><style id="gh-members-styles">.gh-post-upgrade-cta-content, .gh-post-upgrade-cta { display: flex; flex-direction: column; align-items: center; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; text-align: center; width: 100%; color: #ffffff; font-size: 16px; } .gh-post-upgrade-cta-content { border-radius: 8px; padding: 40px 4vw; } .gh-post-upgrade-cta h2 { color: #ffffff; font-size: 28px; letter-spacing: -0.2px; margin: 0; padding: 0; } .gh-post-upgrade-cta p { margin: 20px 0 0; padding: 0; } .gh-post-upgrade-cta small { font-size: 16px; letter-spacing: -0.2px; } .gh-post-upgrade-cta a { color: #ffffff; cursor: pointer; font-weight: 500; box-shadow: none; text-decoration: underline; } .gh-post-upgrade-cta a:hover { color: #ffffff; opacity: 0.8; box-shadow: none; text-decoration: underline; } .gh-post-upgrade-cta a.gh-btn { display: block; background: #ffffff; text-decoration: none; margin: 28px 0 0; padding: 8px 18px; border-radius: 4px; font-size: 16px; font-weight: 600; } .gh-post-upgrade-cta a.gh-btn:hover { opacity: 0.92; }</style> <script defer src="https://cdn.jsdelivr.net/ghost/sodo-search@~1.5/umd/sodo-search.min.js" data-key="b5f4afd59b3ec554dd86f2c12c" data-styles="https://cdn.jsdelivr.net/ghost/sodo-search@~1.5/umd/main.css" data-sodo-search="https://helpdocs.ghost.io/" data-locale="en" crossorigin="anonymous"></script> <link href="https://blog.helpdocs.io/webmentions/receive/" rel="webmention"> <script defer src="/public/cards.min.js?v=902bef8a68"></script> <link rel="stylesheet" type="text/css" href="/public/cards.min.css?v=902bef8a68"> <script defer src="/public/member-attribution.min.js?v=902bef8a68"></script><style>:root {--ghost-accent-color: #de2474;}</style> <meta property="fb:pages" content="163141254019828" /> <meta name="slack-app-id" content="A3Y1X4NG5"> <script defer data-domain="helpdocs.io" event-domain="Blog" src="https://plausible.io/js/script.pageview-props.tagged-events.js"></script> <script id="mcjs">!function(c,h,i,m,p){m=c.createElement(h),p=c.getElementsByTagName(h)[0],m.async=1,m.src=i,p.parentNode.insertBefore(m,p)}(document,"script","https://chimpstatic.com/mcjs-connected/js/users/2e0173ac9de27e32969b0e26a/a974f7d0d8f6ae0435976edb0.js");</script> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/prism/1.16.0/themes/prism-tomorrow.min.css"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/tocbot/4.27.4/tocbot.css"> <script src="https://cdn.jsdelivr.net/npm/chart.js"></script> <script> // Function to add announcement banner when page is ready function ready(fn) { if (document.readyState !== 'loading') { fn(); } else { document.addEventListener('DOMContentLoaded', fn); } } ready(function() { // Start by adding the text you'd like to use inside the banner const newContent = document.createTextNode("💖 Try HelpDocs. Give our simple help documentation software a spin with a 14-day free trial."); // and for the link here const linkText = document.createTextNode("Learn more →"); // then add the link title (for accessibility) const linkTitle = "Link to HelpDocs homepage"; // and finally add the link to your article/webpage const link = "https://www.helpdocs.io?ref=blogtopcta"; // We create new div elements const banner = document.createElement("div"); const textDiv = document.createElement("div"); banner.classList.add("annoucement-banner"); textDiv.classList.add("ab-text"); // Then get the #gh-head element to prepend to const mainDiv = document.getElementById("gh-head"); // and give it some content const a = document.createElement("a"); a.appendChild(linkText); a.title = linkTitle; a.href = link; a.classList.add("plausible-event-name=Blog+Top+CTA"); // then add the text to the newly created div banner.appendChild(textDiv); textDiv.appendChild(newContent); banner.appendChild(a); // finally it's added before the #gh-head element mainDiv.prepend(banner); }); </script> <style> .collections { margin-top: 40px; } .gh-head-inner { margin-top: 8px; } .annoucement-banner { font-size: 15px; padding: 8px 25px; display: flex; background-color: rgba(255, 255, 255, 0.8); color: #0a0b0c; border-radius: 50px; justify-content: space-between; gap: 10px; } .annoucement-banner { order: 1; } .annoucement-banner a { order: 2; } .article-header { display: flex; margin: 0 10%; flex-wrap: wrap; } @media only screen and (max-width: 1000px) { .article-header { display: flex; margin: 0 5%; flex-wrap: wrap; } } .article-meta { order: 1; flex: 60%; padding-right: 20px; } .post-image { order: 2; flex: 40%; padding-left: 20px; } .footer-cta .inner p { margin-bottom: 20px; } .gh-post-end-button { padding: 8px 15px; color: var(--color-darkgrey); font-weight: 500; letter-spacing: -.015em; font-size: 2rem; line-height: 1em; background: #f45599; border-radius: 30px; } .site-collections { flex: 70%; } .collections-wrapper { padding: 0.1em 3em; background-color: var(--darkpink); color: var(--lightpink); margin: 4em 0; border-radius: 6px; } .collections { display: flex; justify-content: space-between; flex-direction: row; margin-bottom: -2em; } .collections a { text-decoration: none; } @media only screen and (max-width: 1300px) { .collections { display: none; } .site-intro { flex: unset !important; } } .collection { flex-wrap: wrap; flex-direction: column; margin: 0.5em; padding: 9px 20px; background-color: white; border-radius: 3px; cursor: pointer; color: #303a3e; text-decoration: none; height: 230px; overflow: scroll; font-size: 16px; transition: transform 0.25s ease; box-shadow: 0 1.6px 2.5px rgba(0, 0, 0, 0.04), 0 5.4px 8.5px rgba(0, 0, 0, 0.06), 0 24px 38px rgba(0, 0, 0, 0.1); } .collection:hover { transform: translateY(-1px); } .collection .collection-logo { height: 65px; width: 90px; } .collections-wrapper h2 { font-size: 3.2rem; } .collection h3 { order: 1; color: #541f36; } .collection p { order: 2; } .intro-collection-image { height: 400px; } .gh-head-logo img { max-height: 45px; margin-top: 8px; } .home-template .gh-head { background-color: transparent; } .site-header-content { color: black; flex-direction: row; text-align: initial; background: rgb(255,255,255); background: -moz-linear-gradient(0deg, rgba(255,255,255,1) 23%, rgba(244,85,153,1) 100%); background: -webkit-linear-gradient(0deg, rgba(255,255,255,1) 23%, rgba(244,85,153,1) 100%); background: linear-gradient(0deg, rgba(255,255,255,1) 23%, rgba(244,85,153,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#f45599",GradientType=1); } .site-intro { flex: 30%; } pre[class*=language-] { margin: 1.75em 0; } .post-full-content .big-quote { font-size: 3rem; line-height: 1.5em; color: var(--hdpink); } .site-nav-left-wrapper:before, .site-nav-left-wrapper:after { background: none !important; } body, html { overflow-x: unset !important; } .tip { padding: 10px 20px; background-color: #fff6f7; border-radius: 5px; } .toc { border: 1px solid rgb(201, 201, 201); border-radius: 6px; padding: 20px; box-shadow: 0px 0px 0px 7px rgba(0,0,0,0.1); } .toc a { text-decoration: none; font-size: 15px; } .toc a.is-active-link::before { background-color: #f45599; } @media only screen and (max-width: 1000px) { .toc { position: initial; } } .subhead::first-letter { -webkit-initial-letter: 2; initial-letter: 2; color: #f45599; margin-right: .75em; } p.big-quote { font-size: 35px; color: #6655f4; margin: 50px 0; max-width: 800px; font-style: italic; font-family: Georgia, serif; quotes: "\201C" "\201D" "\2018" "\2019"; } a.unwrapped-link { color: inherit; text-decoration: none; } .unwrapped { background-color: #ffa8cd; padding: 35px 15px 10px 15px; border-radius: 6px; text-align: center; font-size: 17px; margin: 1em 0; border: 2px solid black; transition: border 0.25s ease-in-out; } .unwrapped:hover { border: 4px solid black; } img.wrapped-logo { margin-bottom: -85px; z-index: 2; } </style> </head> <body class="home-template"> <div class="viewport"> <header id="gh-head" class="gh-head "> <nav class="gh-head-inner inner gh-container"> <div class="gh-head-brand"> <a class="gh-head-logo" href="https://blog.helpdocs.io"> <img src="https://blog.helpdocs.io/content/images/2021/04/bookmarked-favicon.svg" alt="HelpDocs Bookmarked" /> </a> <a class="gh-burger" role="button"> <div class="gh-burger-box"> <div class="gh-burger-inner"></div> </div> </a> </div> <div class="gh-head-menu"> <ul class="nav"> <li class="nav-all nav-current"><a href="https://blog.helpdocs.io/">All</a></li> <li class="nav-customer-stories"><a href="https://blog.helpdocs.io/tag/customer-stories/">Customer Stories</a></li> <li class="nav-support-smarter"><a href="https://blog.helpdocs.io/tag/support-smarter/">Support Smarter</a></li> <li class="nav-backpage"><a href="https://blog.helpdocs.io/tag/backpage/">Backpage</a></li> <li class="nav-product-updates"><a href="https://blog.helpdocs.io/tag/announcements/">Product Updates</a></li> <li class="nav-guides"><a href="https://www.helpdocs.io/guides">Guides</a></li> </ul> </div> <div class="gh-head-actions"> <div class="gh-social"> <a class="gh-social-facebook" href="https://www.facebook.com/helpdocs" title="Facebook" target="_blank" rel="noopener"><svg viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg"><path d="M16 0c8.837 0 16 7.163 16 16s-7.163 16-16 16S0 24.837 0 16 7.163 0 16 0zm5.204 4.911h-3.546c-2.103 0-4.443.885-4.443 3.934.01 1.062 0 2.08 0 3.225h-2.433v3.872h2.509v11.147h4.61v-11.22h3.042l.275-3.81h-3.397s.007-1.695 0-2.187c0-1.205 1.253-1.136 1.329-1.136h2.054V4.911z" /></svg></a> <a class="gh-social-twitter" href="https://twitter.com/helpdocs" title="Twitter" target="_blank" rel="noopener"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><path d="M30.063 7.313c-.813 1.125-1.75 2.125-2.875 2.938v.75c0 1.563-.188 3.125-.688 4.625a15.088 15.088 0 0 1-2.063 4.438c-.875 1.438-2 2.688-3.25 3.813a15.015 15.015 0 0 1-4.625 2.563c-1.813.688-3.75 1-5.75 1-3.25 0-6.188-.875-8.875-2.625.438.063.875.125 1.375.125 2.688 0 5.063-.875 7.188-2.5-1.25 0-2.375-.375-3.375-1.125s-1.688-1.688-2.063-2.875c.438.063.813.125 1.125.125.5 0 1-.063 1.5-.25-1.313-.25-2.438-.938-3.313-1.938a5.673 5.673 0 0 1-1.313-3.688v-.063c.813.438 1.688.688 2.625.688a5.228 5.228 0 0 1-1.875-2c-.5-.875-.688-1.813-.688-2.75 0-1.063.25-2.063.75-2.938 1.438 1.75 3.188 3.188 5.25 4.25s4.313 1.688 6.688 1.813a5.579 5.579 0 0 1 1.5-5.438c1.125-1.125 2.5-1.688 4.125-1.688s3.063.625 4.188 1.813a11.48 11.48 0 0 0 3.688-1.375c-.438 1.375-1.313 2.438-2.563 3.188 1.125-.125 2.188-.438 3.313-.875z"/></svg> </a> </div> <a class="gh-head-button" target="_blank" href="https://eepurl.com/gpQnJb" rel="noopener">Subscribe</a> </div> </nav> </header> <main> <div class="site-header-content"> <div class="site-intro"> <h1 class="site-title"> <img class="site-logo" src="/content/images/size/w600/2021/04/bookmarked-favicon.svg" alt="HelpDocs Bookmarked" /> </h1> <p>Bookmarked explores the art & craft of knowledge bases and customer support while delving into the lives of the people behind them.</p> </div> <div class="site-collections"> <div class="collections-wrapper"> <div class="collections"> <a href="/tag/customer-stories/"> <div class="collection cs"> <img class="collection-logo" src="https://blog.helpdocs.io/assets/customer-stories-logo.svg?v=902bef8a68" alt="Customer stories collection logo"> <p>Hear about the companies using HelpDocs to change the world. From medical software to educational robots—they all have a story to tell.</p> </div> </a> <a href="/tag/support-smarter/"> <div class="collection ss"> <img class="collection-logo" src="https://blog.helpdocs.io/assets/support-smarter-logo.svg?v=902bef8a68" alt="Support Smarter collection logo"> <p>We delve into the world of knowledge bases and customer support to try to figure out how to create a better support experience for our customers.</p> </div> </a> <a href="/tag/backpage/"> <div class="collection bp"> <img class="collection-logo" src="https://blog.helpdocs.io/assets/backpage-logo.svg?v=902bef8a68" alt="Backpage collection logo"> <p>Personal stories, remote work, and a lot of emoji. We open up about what we’re doing and how we’re feeling so you get to know us a little better.</p> </div> </a> <a href="/tag/announcements/"> <div class="collection pu"> <img class="collection-logo" src="https://blog.helpdocs.io/assets/product-updates-logo.svg?v=902bef8a68" alt="Product Updates collection logo"> <p>Read about the latest updates to the HelpDocs platform right here. From features to fixes and everything in between, we'll give you a roundup.</p> </div> </a> </div> </div> </div> </div> <main id="site-main" class="site-main outer"> <div class="inner posts"> <div class="post-feed"> <article class="post-card post tag-support-smarter post-card-large"> <a class="post-card-image-link" href="/how-i-created-our-quickstart-guide/"> <img class="post-card-image" srcset="/content/images/size/w300/2025/02/pigeon-paper.jpg 300w, /content/images/size/w600/2025/02/pigeon-paper.jpg 600w, /content/images/size/w1000/2025/02/pigeon-paper.jpg 1000w, /content/images/size/w2000/2025/02/pigeon-paper.jpg 2000w" sizes="(max-width: 1000px) 400px, 800px" src="/content/images/size/w600/2025/02/pigeon-paper.jpg" alt="Helping Users Succeed: My Journey to Creating a Quick Start Guide" loading="lazy" /> </a> <div class="post-card-content"> <a class="post-card-content-link" href="/how-i-created-our-quickstart-guide/"> <header class="post-card-header"> <div class="post-card-primary-tag">Support Smarter</div> <h2 class="post-card-title">Helping Users Succeed: My Journey to Creating a Quick Start Guide</h2> </header> <section class="post-card-excerpt"> <p>Struggling with user activation? I finally created a Quick Start help article, and it transformed our onboarding! Learn how I built it, what I included, and how you can create one to help your users succeed faster.</p> </section> </a> </div> </article> <article class="post-card post tag-knowledge-base "> <a class="post-card-image-link" href="/best-ai-knowledge-base-software/"> <img class="post-card-image" srcset="/content/images/size/w300/2025/02/ai-kb-options.webp 300w, /content/images/size/w600/2025/02/ai-kb-options.webp 600w, /content/images/size/w1000/2025/02/ai-kb-options.webp 1000w, /content/images/size/w2000/2025/02/ai-kb-options.webp 2000w" sizes="(max-width: 1000px) 400px, 800px" src="/content/images/size/w600/2025/02/ai-kb-options.webp" alt="AI Knowledge Bases Explained: What They Are & Which One is Right for You" loading="lazy" /> </a> <div class="post-card-content"> <a class="post-card-content-link" href="/best-ai-knowledge-base-software/"> <header class="post-card-header"> <div class="post-card-primary-tag">Knowledge Bases</div> <h2 class="post-card-title">AI Knowledge Bases Explained: What They Are & Which One is Right for You</h2> </header> <section class="post-card-excerpt"> <p>AI-powered Knowledge Bases are revolutionizing customer support and documentation. Learn how AI is transforming Knowledge Bases, explore top tools, and find the perfect solution for your business.</p> </section> </a> </div> </article> <article class="post-card post tag-knowledge-base "> <a class="post-card-image-link" href="/optimize-knowledge-base-for-ai/"> <img class="post-card-image" srcset="/content/images/size/w300/2025/02/book-line.png 300w, /content/images/size/w600/2025/02/book-line.png 600w, /content/images/size/w1000/2025/02/book-line.png 1000w, /content/images/size/w2000/2025/02/book-line.png 2000w" sizes="(max-width: 1000px) 400px, 800px" src="/content/images/size/w600/2025/02/book-line.png" alt="How to Make Your Knowledge Base AI-Optimized" loading="lazy" /> </a> <div class="post-card-content"> <a class="post-card-content-link" href="/optimize-knowledge-base-for-ai/"> <header class="post-card-header"> <div class="post-card-primary-tag">Knowledge Bases</div> <h2 class="post-card-title">How to Make Your Knowledge Base AI-Optimized</h2> </header> <section class="post-card-excerpt"> <p>Using an AI-powered customer support tool that isn't suggesting the right articles? Learn how to optimize your Knowledge Base for both AI and customers.</p> </section> </a> </div> </article> <article class="post-card post tag-knowledge-base "> <a class="post-card-image-link" href="/ai-knowledge-base/"> <img class="post-card-image" srcset="/content/images/size/w300/2024/12/A-dark-creative-patterned-wallpaper-with-hand-drawn-vibrant-colourful-pheasants-with-beautiful-long-feathers-that-wrap-around-and-extend--and-vibrant-plants-that-wrap-in-between..jpg 300w, /content/images/size/w600/2024/12/A-dark-creative-patterned-wallpaper-with-hand-drawn-vibrant-colourful-pheasants-with-beautiful-long-feathers-that-wrap-around-and-extend--and-vibrant-plants-that-wrap-in-between..jpg 600w, /content/images/size/w1000/2024/12/A-dark-creative-patterned-wallpaper-with-hand-drawn-vibrant-colourful-pheasants-with-beautiful-long-feathers-that-wrap-around-and-extend--and-vibrant-plants-that-wrap-in-between..jpg 1000w, /content/images/size/w2000/2024/12/A-dark-creative-patterned-wallpaper-with-hand-drawn-vibrant-colourful-pheasants-with-beautiful-long-feathers-that-wrap-around-and-extend--and-vibrant-plants-that-wrap-in-between..jpg 2000w" sizes="(max-width: 1000px) 400px, 800px" src="/content/images/size/w600/2024/12/A-dark-creative-patterned-wallpaper-with-hand-drawn-vibrant-colourful-pheasants-with-beautiful-long-feathers-that-wrap-around-and-extend--and-vibrant-plants-that-wrap-in-between..jpg" alt="Our Guide to Using AI for Your Knowledge Base" loading="lazy" /> </a> <div class="post-card-content"> <a class="post-card-content-link" href="/ai-knowledge-base/"> <header class="post-card-header"> <div class="post-card-primary-tag">Knowledge Bases</div> <h2 class="post-card-title">Our Guide to Using AI for Your Knowledge Base</h2> </header> <section class="post-card-excerpt"> <p>Simplify your Knowledge Base with the power of AI! Discover how tools like HelpDocs AI can streamline workflows, boost productivity, and free your team to focus on creating meaningful, customer-focused documentation.</p> </section> </a> </div> </article> <article class="post-card post tag-announcements "> <a class="post-card-image-link" href="/autumn-2024-product-updates/"> <img class="post-card-image" srcset="/content/images/size/w300/2024/12/Screenshot-2024-12-11-at-17.05.42.png 300w, /content/images/size/w600/2024/12/Screenshot-2024-12-11-at-17.05.42.png 600w, /content/images/size/w1000/2024/12/Screenshot-2024-12-11-at-17.05.42.png 1000w, /content/images/size/w2000/2024/12/Screenshot-2024-12-11-at-17.05.42.png 2000w" sizes="(max-width: 1000px) 400px, 800px" src="/content/images/size/w600/2024/12/Screenshot-2024-12-11-at-17.05.42.png" alt="Autumn 2024 Product Updates: HelpDocs AI, Audit Enhancements, and More" loading="lazy" /> </a> <div class="post-card-content"> <a class="post-card-content-link" href="/autumn-2024-product-updates/"> <header class="post-card-header"> <div class="post-card-primary-tag">Announcements</div> <h2 class="post-card-title">Autumn 2024 Product Updates: HelpDocs AI, Audit Enhancements, and More</h2> </header> <section class="post-card-excerpt"> <p>We're thrilled to introduce HelpDocs AI to speed up your workflow, audit enhancements that let you filter even more, and other exciting updates.</p> </section> </a> </div> </article> <article class="post-card post tag-support-smarter tag-backpage "> <a class="post-card-image-link" href="/breaking-the-script-why-customer-support-needs-to-ditch-insincere-language/"> <img class="post-card-image" srcset="/content/images/size/w300/2024/12/break-the-script.png 300w, /content/images/size/w600/2024/12/break-the-script.png 600w, /content/images/size/w1000/2024/12/break-the-script.png 1000w, /content/images/size/w2000/2024/12/break-the-script.png 2000w" sizes="(max-width: 1000px) 400px, 800px" src="/content/images/size/w600/2024/12/break-the-script.png" alt="Breaking the Script: Why Customer Support Needs to Ditch Insincere Language" loading="lazy" /> </a> <div class="post-card-content"> <a class="post-card-content-link" href="/breaking-the-script-why-customer-support-needs-to-ditch-insincere-language/"> <header class="post-card-header"> <div class="post-card-primary-tag">Support Smarter</div> <h2 class="post-card-title">Breaking the Script: Why Customer Support Needs to Ditch Insincere Language</h2> </header> <section class="post-card-excerpt"> <p>How often do you hear the phrase "we apologize" before getting fed up? Empathy is vital in customer service. Let's improve our support and be more genuine when replying.</p> </section> </a> </div> </article> <article class="post-card post tag-knowledge-base tag-support-smarter "> <a class="post-card-image-link" href="/enhancing-connections-between-your-support-tickets-and-knowledge-base/"> <img class="post-card-image" srcset="/content/images/size/w300/2024/11/kb-connections.png 300w, /content/images/size/w600/2024/11/kb-connections.png 600w, /content/images/size/w1000/2024/11/kb-connections.png 1000w, /content/images/size/w2000/2024/11/kb-connections.png 2000w" sizes="(max-width: 1000px) 400px, 800px" src="/content/images/size/w600/2024/11/kb-connections.png" alt="Enhancing Connections Between Your Support Tickets and Knowledge Base" loading="lazy" /> </a> <div class="post-card-content"> <a class="post-card-content-link" href="/enhancing-connections-between-your-support-tickets-and-knowledge-base/"> <header class="post-card-header"> <div class="post-card-primary-tag">Knowledge Bases</div> <h2 class="post-card-title">Enhancing Connections Between Your Support Tickets and Knowledge Base</h2> </header> <section class="post-card-excerpt"> <p>Aviation is built on connections—and your support tickets should be too. Loop in your task management and Knowledge Base software to create a truly connect support experience.</p> </section> </a> </div> </article> <article class="post-card post tag-support-smarter "> <a class="post-card-image-link" href="/a-guide-to-omnichannel-support-for-self-serve-success/"> <img class="post-card-image" srcset="/content/images/size/w300/2024/10/hummingbird-support-1.png 300w, /content/images/size/w600/2024/10/hummingbird-support-1.png 600w, /content/images/size/w1000/2024/10/hummingbird-support-1.png 1000w, /content/images/size/w2000/2024/10/hummingbird-support-1.png 2000w" sizes="(max-width: 1000px) 400px, 800px" src="/content/images/size/w600/2024/10/hummingbird-support-1.png" alt="A Guide to Omnichannel Support for Self-Serve Success" loading="lazy" /> </a> <div class="post-card-content"> <a class="post-card-content-link" href="/a-guide-to-omnichannel-support-for-self-serve-success/"> <header class="post-card-header"> <div class="post-card-primary-tag">Support Smarter</div> <h2 class="post-card-title">A Guide to Omnichannel Support for Self-Serve Success</h2> </header> <section class="post-card-excerpt"> <p>Stay ahead with a robust omnichannel support platform. Discover practical steps to integrate your Knowledge Base and ensure seamless customer interactions to maintain stellar support.</p> </section> </a> </div> </article> <article class="post-card post tag-support-smarter "> <a class="post-card-image-link" href="/calming-the-noise-of-support-tools/"> <img class="post-card-image" srcset="/content/images/size/w300/2024/10/thorn-rose.png 300w, /content/images/size/w600/2024/10/thorn-rose.png 600w, /content/images/size/w1000/2024/10/thorn-rose.png 1000w, /content/images/size/w2000/2024/10/thorn-rose.png 2000w" sizes="(max-width: 1000px) 400px, 800px" src="/content/images/size/w600/2024/10/thorn-rose.png" alt="Calming the Noise of Support Tools" loading="lazy" /> </a> <div class="post-card-content"> <a class="post-card-content-link" href="/calming-the-noise-of-support-tools/"> <header class="post-card-header"> <div class="post-card-primary-tag">Support Smarter</div> <h2 class="post-card-title">Calming the Noise of Support Tools</h2> </header> <section class="post-card-excerpt"> <p>Chasing after the next big support tool is exhausting. I think it's time we stepped back to assess what we need rather than what we want.</p> </section> </a> </div> </article> <article class="post-card post tag-knowledge-base "> <a class="post-card-image-link" href="/privacy-and-security-knowledge-base/"> <img class="post-card-image" srcset="/content/images/size/w300/2024/09/flower-cookies.png 300w, /content/images/size/w600/2024/09/flower-cookies.png 600w, /content/images/size/w1000/2024/09/flower-cookies.png 1000w, /content/images/size/w2000/2024/09/flower-cookies.png 2000w" sizes="(max-width: 1000px) 400px, 800px" src="/content/images/size/w600/2024/09/flower-cookies.png" alt="Privacy Matters: How to Craft a Secure and Ethical Knowledge Base" loading="lazy" /> </a> <div class="post-card-content"> <a class="post-card-content-link" href="/privacy-and-security-knowledge-base/"> <header class="post-card-header"> <div class="post-card-primary-tag">Knowledge Bases</div> <h2 class="post-card-title">Privacy Matters: How to Craft a Secure and Ethical Knowledge Base</h2> </header> <section class="post-card-excerpt"> <p>Privacy is an important topic, and being careful with user data extends to your Knowledge Base. Here's what and how to consider people's data for your home of help.</p> </section> </a> </div> </article> <article class="post-card post tag-support-smarter "> <a class="post-card-image-link" href="/unlocking-key-insights-inside-your-knowledge-base-with-analytics-filters/"> <img class="post-card-image" srcset="/content/images/size/w300/2024/09/key-insights-knowledge-base.png 300w, /content/images/size/w600/2024/09/key-insights-knowledge-base.png 600w, /content/images/size/w1000/2024/09/key-insights-knowledge-base.png 1000w, /content/images/size/w2000/2024/09/key-insights-knowledge-base.png 2000w" sizes="(max-width: 1000px) 400px, 800px" src="/content/images/size/w600/2024/09/key-insights-knowledge-base.png" alt="Our Guide to Unlocking Key Insights Inside Your Knowledge Base with Analytics Filters" loading="lazy" /> </a> <div class="post-card-content"> <a class="post-card-content-link" href="/unlocking-key-insights-inside-your-knowledge-base-with-analytics-filters/"> <header class="post-card-header"> <div class="post-card-primary-tag">Support Smarter</div> <h2 class="post-card-title">Our Guide to Unlocking Key Insights Inside Your Knowledge Base with Analytics Filters</h2> </header> <section class="post-card-excerpt"> <p>Analytics are great, but how do you uncover insights inside your Knowledge Base? With the help of filtering, you can find the answers to the questions you're looking for! All it takes is a bit of practice.</p> </section> </a> </div> </article> <article class="post-card post tag-knowledge-base tag-support-smarter "> <a class="post-card-image-link" href="/top-tips-for-clips/"> <img class="post-card-image" srcset="/content/images/size/w300/2024/09/paper-clips-and-flowers.png 300w, /content/images/size/w600/2024/09/paper-clips-and-flowers.png 600w, /content/images/size/w1000/2024/09/paper-clips-and-flowers.png 1000w, /content/images/size/w2000/2024/09/paper-clips-and-flowers.png 2000w" sizes="(max-width: 1000px) 400px, 800px" src="/content/images/size/w600/2024/09/paper-clips-and-flowers.png" alt="Our Top Tips for Creating Reusable Clips for Your Knowledge Base" loading="lazy" /> </a> <div class="post-card-content"> <a class="post-card-content-link" href="/top-tips-for-clips/"> <header class="post-card-header"> <div class="post-card-primary-tag">Knowledge Bases</div> <h2 class="post-card-title">Our Top Tips for Creating Reusable Clips for Your Knowledge Base</h2> </header> <section class="post-card-excerpt"> <p>Discover how to keep your content Clips updated and engaging! Explore tips and examples that enhance team collaboration and streamline workflows. Your resources deserve it!</p> </section> </a> </div> </article> <article class="post-card post tag-backpage "> <a class="post-card-image-link" href="/self-care-future-self/"> <img class="post-card-image" srcset="/content/images/size/w300/2024/08/Jasper_2024-08-30T14-3A06-3A30.226Z.png 300w, /content/images/size/w600/2024/08/Jasper_2024-08-30T14-3A06-3A30.226Z.png 600w, /content/images/size/w1000/2024/08/Jasper_2024-08-30T14-3A06-3A30.226Z.png 1000w, /content/images/size/w2000/2024/08/Jasper_2024-08-30T14-3A06-3A30.226Z.png 2000w" sizes="(max-width: 1000px) 400px, 800px" src="/content/images/size/w600/2024/08/Jasper_2024-08-30T14-3A06-3A30.226Z.png" alt="Learning to Treat My Future Self" loading="lazy" /> </a> <div class="post-card-content"> <a class="post-card-content-link" href="/self-care-future-self/"> <header class="post-card-header"> <div class="post-card-primary-tag">Backpage</div> <h2 class="post-card-title">Learning to Treat My Future Self</h2> </header> <section class="post-card-excerpt"> <p>Learn how I simplified my life, reduced stress, and boosted my productivity by treating my future self with small, intentional habits for a happier me.</p> </section> </a> </div> </article> <article class="post-card post tag-announcements "> <a class="post-card-image-link" href="/summer-2024-product-updates/"> <img class="post-card-image" srcset="/content/images/size/w300/2024/08/product_present.png 300w, /content/images/size/w600/2024/08/product_present.png 600w, /content/images/size/w1000/2024/08/product_present.png 1000w, /content/images/size/w2000/2024/08/product_present.png 2000w" sizes="(max-width: 1000px) 400px, 800px" src="/content/images/size/w600/2024/08/product_present.png" alt="Summer 2024 Product Updates" loading="lazy" /> </a> <div class="post-card-content"> <a class="post-card-content-link" href="/summer-2024-product-updates/"> <header class="post-card-header"> <div class="post-card-primary-tag">Announcements</div> <h2 class="post-card-title">Summer 2024 Product Updates</h2> </header> <section class="post-card-excerpt"> <p>Our Summer 2024 product update post dives into the exciting new features we’ve rolled out, including brand new search, Dynamic Clips, advanced stats filtering, and the introduction of our V5 templates! Plus, we’ve sorted out some nifty little updates and squashed pesky bugs.</p> </section> </a> </div> </article> <article class="post-card post tag-support-smarter tag-knowledge-base "> <a class="post-card-image-link" href="/embracing-fluid-self-service-in-customer-support/"> <img class="post-card-image" srcset="/content/images/size/w300/2024/08/Screenshot-2024-08-16-at-16.23.16-1.png 300w, /content/images/size/w600/2024/08/Screenshot-2024-08-16-at-16.23.16-1.png 600w, /content/images/size/w1000/2024/08/Screenshot-2024-08-16-at-16.23.16-1.png 1000w, /content/images/size/w2000/2024/08/Screenshot-2024-08-16-at-16.23.16-1.png 2000w" sizes="(max-width: 1000px) 400px, 800px" src="/content/images/size/w600/2024/08/Screenshot-2024-08-16-at-16.23.16-1.png" alt="Embracing Fluid Self-Service in Customer Support" loading="lazy" /> </a> <div class="post-card-content"> <a class="post-card-content-link" href="/embracing-fluid-self-service-in-customer-support/"> <header class="post-card-header"> <div class="post-card-primary-tag">Support Smarter</div> <h2 class="post-card-title">Embracing Fluid Self-Service in Customer Support</h2> </header> <section class="post-card-excerpt"> <p>Nowadays, reaching out for troubleshooting can feel like a lonely endeavour. In this blog post, we discuss how to intertwine self-serve support with one-on-one human support.</p> </section> </a> </div> </article> <article class="post-card post tag-knowledge-base "> <a class="post-card-image-link" href="/invest-in-saas-knowledge-base/"> <img class="post-card-image" srcset="/content/images/size/w300/2024/08/Chrome_Goose_Prepared.png 300w, /content/images/size/w600/2024/08/Chrome_Goose_Prepared.png 600w, /content/images/size/w1000/2024/08/Chrome_Goose_Prepared.png 1000w, /content/images/size/w2000/2024/08/Chrome_Goose_Prepared.png 2000w" sizes="(max-width: 1000px) 400px, 800px" src="/content/images/size/w600/2024/08/Chrome_Goose_Prepared.png" alt="Why SaaS Companies Should Invest in a Knowledge Base" loading="lazy" /> </a> <div class="post-card-content"> <a class="post-card-content-link" href="/invest-in-saas-knowledge-base/"> <header class="post-card-header"> <div class="post-card-primary-tag">Knowledge Bases</div> <h2 class="post-card-title">Why SaaS Companies Should Invest in a Knowledge Base</h2> </header> <section class="post-card-excerpt"> <p>SaaS companies need to have a great support stack to keep customers happy. Here's how a Knowledge Base fits in and why you should keep an eye on it.</p> </section> </a> </div> </article> <article class="post-card post tag-knowledge-base "> <a class="post-card-image-link" href="/how-to-segment-your-knowledge-base-for-different-audiences/"> <img class="post-card-image" srcset="/content/images/size/w300/2024/07/segmenting-kb.png 300w, /content/images/size/w600/2024/07/segmenting-kb.png 600w, /content/images/size/w1000/2024/07/segmenting-kb.png 1000w, /content/images/size/w2000/2024/07/segmenting-kb.png 2000w" sizes="(max-width: 1000px) 400px, 800px" src="/content/images/size/w600/2024/07/segmenting-kb.png" alt="How to Segment Your Knowledge Base for Different Audiences" loading="lazy" /> </a> <div class="post-card-content"> <a class="post-card-content-link" href="/how-to-segment-your-knowledge-base-for-different-audiences/"> <header class="post-card-header"> <div class="post-card-primary-tag">Knowledge Bases</div> <h2 class="post-card-title">How to Segment Your Knowledge Base for Different Audiences</h2> </header> <section class="post-card-excerpt"> <p>Want to unlock extra functionality for your Knowledge Base? Use segmenting to show different content to different people. Here's how.</p> </section> </a> </div> </article> <article class="post-card post tag-knowledge-base "> <a class="post-card-image-link" href="/knowledge-base-articles-with-video/"> <img class="post-card-image" srcset="/content/images/size/w300/2024/07/video-in-kb-1.png 300w, /content/images/size/w600/2024/07/video-in-kb-1.png 600w, /content/images/size/w1000/2024/07/video-in-kb-1.png 1000w, /content/images/size/w2000/2024/07/video-in-kb-1.png 2000w" sizes="(max-width: 1000px) 400px, 800px" src="/content/images/size/w600/2024/07/video-in-kb-1.png" alt="Should You Include Videos Inside Your Knowledge Base Articles?" loading="lazy" /> </a> <div class="post-card-content"> <a class="post-card-content-link" href="/knowledge-base-articles-with-video/"> <header class="post-card-header"> <div class="post-card-primary-tag">Knowledge Bases</div> <h2 class="post-card-title">Should You Include Videos Inside Your Knowledge Base Articles?</h2> </header> <section class="post-card-excerpt"> <p>Videos take time and money to create, so are they worth the investment inside of your Knowledge Base articles?</p> </section> </a> </div> </article> <article class="post-card post tag-knowledge-base tag-support-smarter "> <a class="post-card-image-link" href="/the-product-managers-guide-to-utilizing-your-knowledge-base/"> <img class="post-card-image" srcset="/content/images/size/w300/2024/07/kb-product-managers.png 300w, /content/images/size/w600/2024/07/kb-product-managers.png 600w, /content/images/size/w1000/2024/07/kb-product-managers.png 1000w, /content/images/size/w2000/2024/07/kb-product-managers.png 2000w" sizes="(max-width: 1000px) 400px, 800px" src="/content/images/size/w600/2024/07/kb-product-managers.png" alt="The Product Manager's Guide to Utilizing Your Knowledge Base" loading="lazy" /> </a> <div class="post-card-content"> <a class="post-card-content-link" href="/the-product-managers-guide-to-utilizing-your-knowledge-base/"> <header class="post-card-header"> <div class="post-card-primary-tag">Knowledge Bases</div> <h2 class="post-card-title">The Product Manager's Guide to Utilizing Your Knowledge Base</h2> </header> <section class="post-card-excerpt"> <p>Boost your product management skill set by utilizing your Knowledge Base and understand how your users, engineering team, and support team utilize your company's knowledge base.</p> </section> </a> </div> </article> <article class="post-card post tag-knowledge-base tag-support-smarter "> <a class="post-card-image-link" href="/minimalism-knowledge-management-strategy/"> <img class="post-card-image" srcset="/content/images/size/w300/2024/06/simple_things-small.png 300w, /content/images/size/w600/2024/06/simple_things-small.png 600w, /content/images/size/w1000/2024/06/simple_things-small.png 1000w, /content/images/size/w2000/2024/06/simple_things-small.png 2000w" sizes="(max-width: 1000px) 400px, 800px" src="/content/images/size/w600/2024/06/simple_things-small.png" alt="The Concept of Minimalism for Your Knowledge Management Strategy" loading="lazy" /> </a> <div class="post-card-content"> <a class="post-card-content-link" href="/minimalism-knowledge-management-strategy/"> <header class="post-card-header"> <div class="post-card-primary-tag">Knowledge Bases</div> <h2 class="post-card-title">The Concept of Minimalism for Your Knowledge Management Strategy</h2> </header> <section class="post-card-excerpt"> <p>Minimalism is usually associated with travel or design. Why not Knowledge Bases? Here's how to implement minimalism and increase UX, Knowledge Management, and foster a better culture.</p> </section> </a> </div> </article> <article class="post-card post tag-knowledge-base "> <a class="post-card-image-link" href="/ai-knowledge-base-articles/"> <img class="post-card-image" srcset="/content/images/size/w300/2024/06/knowledge-base-ai-article-creation.png 300w, /content/images/size/w600/2024/06/knowledge-base-ai-article-creation.png 600w, /content/images/size/w1000/2024/06/knowledge-base-ai-article-creation.png 1000w, /content/images/size/w2000/2024/06/knowledge-base-ai-article-creation.png 2000w" sizes="(max-width: 1000px) 400px, 800px" src="/content/images/size/w600/2024/06/knowledge-base-ai-article-creation.png" alt="Does AI Actually Produce Better Knowledge Base Articles?" loading="lazy" /> </a> <div class="post-card-content"> <a class="post-card-content-link" href="/ai-knowledge-base-articles/"> <header class="post-card-header"> <div class="post-card-primary-tag">Knowledge Bases</div> <h2 class="post-card-title">Does AI Actually Produce Better Knowledge Base Articles?</h2> </header> <section class="post-card-excerpt"> <p>Get insights on how AI can enhance your Knowledge Base articles by automating mundane tasks and sparking creativity. Discover the benefits of human and AI collaboration in content creation.</p> </section> </a> </div> </article> <article class="post-card post tag-knowledge-base "> <a class="post-card-image-link" href="/knowledge-bases-in-incident-communication-a-guide-for-support-teams/"> <img class="post-card-image" srcset="/content/images/size/w300/2024/05/kb-incident.png 300w, /content/images/size/w600/2024/05/kb-incident.png 600w, /content/images/size/w1000/2024/05/kb-incident.png 1000w, /content/images/size/w2000/2024/05/kb-incident.png 2000w" sizes="(max-width: 1000px) 400px, 800px" src="/content/images/size/w600/2024/05/kb-incident.png" alt="Knowledge Bases in Incident Communication: A Guide for Support Teams" loading="lazy" /> </a> <div class="post-card-content"> <a class="post-card-content-link" href="/knowledge-bases-in-incident-communication-a-guide-for-support-teams/"> <header class="post-card-header"> <div class="post-card-primary-tag">Knowledge Bases</div> <h2 class="post-card-title">Knowledge Bases in Incident Communication: A Guide for Support Teams</h2> </header> <section class="post-card-excerpt"> <p>Downtime happens. What you do when it does is what counts. In this post, we'll explore how your Knowledge Base can help smooth the stressful experience for both teammates and customers.</p> </section> </a> </div> </article> <article class="post-card post tag-knowledge-base tag-saas-insights "> <a class="post-card-image-link" href="/employee-onboarding-documentation/"> <img class="post-card-image" srcset="/content/images/size/w300/2024/05/employee-onboarding.png 300w, /content/images/size/w600/2024/05/employee-onboarding.png 600w, /content/images/size/w1000/2024/05/employee-onboarding.png 1000w, /content/images/size/w2000/2024/05/employee-onboarding.png 2000w" sizes="(max-width: 1000px) 400px, 800px" src="/content/images/size/w600/2024/05/employee-onboarding.png" alt="How to Build Documentation into Your Employee Onboarding Flow" loading="lazy" /> </a> <div class="post-card-content"> <a class="post-card-content-link" href="/employee-onboarding-documentation/"> <header class="post-card-header"> <div class="post-card-primary-tag">Knowledge Bases</div> <h2 class="post-card-title">How to Build Documentation into Your Employee Onboarding Flow</h2> </header> <section class="post-card-excerpt"> <p>Learn how to give your new hires the best experience by giving them the employee onboarding documentation they deserve.</p> </section> </a> </div> </article> <article class="post-card post tag-customer-stories "> <a class="post-card-image-link" href="/mijn-host-dutch-web-host-customer-centric/"> <img class="post-card-image" srcset="/content/images/size/w300/2024/04/mijn.host-customer-story-copy.png 300w, /content/images/size/w600/2024/04/mijn.host-customer-story-copy.png 600w, /content/images/size/w1000/2024/04/mijn.host-customer-story-copy.png 1000w, /content/images/size/w2000/2024/04/mijn.host-customer-story-copy.png 2000w" sizes="(max-width: 1000px) 400px, 800px" src="/content/images/size/w600/2024/04/mijn.host-customer-story-copy.png" alt="Creating a Dutch Web Host that's Focused on Customers" loading="lazy" /> </a> <div class="post-card-content"> <a class="post-card-content-link" href="/mijn-host-dutch-web-host-customer-centric/"> <header class="post-card-header"> <div class="post-card-primary-tag">Customer Stories</div> <h2 class="post-card-title">Creating a Dutch Web Host that's Focused on Customers</h2> </header> <section class="post-card-excerpt"> <p>Marijn—a web developer from The Netherlands—was frustrated with his web host's support. This inspired him to found his own that was focused on its customers. With the aide of HelpDocs, mijn.host scales support while keeping things friendly and efficient.</p> </section> </a> </div> </article> <article class="post-card post tag-knowledge-base "> <a class="post-card-image-link" href="/creating-a-knowledge-management-strategy-for-your-remote-team/"> <img class="post-card-image" srcset="/content/images/size/w300/2024/04/remote-teams-knowledge-management.png 300w, /content/images/size/w600/2024/04/remote-teams-knowledge-management.png 600w, /content/images/size/w1000/2024/04/remote-teams-knowledge-management.png 1000w, /content/images/size/w2000/2024/04/remote-teams-knowledge-management.png 2000w" sizes="(max-width: 1000px) 400px, 800px" src="/content/images/size/w600/2024/04/remote-teams-knowledge-management.png" alt="Creating a Knowledge Management Strategy for Your Remote Team" loading="lazy" /> </a> <div class="post-card-content"> <a class="post-card-content-link" href="/creating-a-knowledge-management-strategy-for-your-remote-team/"> <header class="post-card-header"> <div class="post-card-primary-tag">Knowledge Bases</div> <h2 class="post-card-title">Creating a Knowledge Management Strategy for Your Remote Team</h2> </header> <section class="post-card-excerpt"> <p>If you're a distributed team, knowledge is essential. But how you do make sure it's being used and updated? Here's our top tips.</p> </section> </a> </div> </article> </div> </div> </main> </main> <footer class="site-footer outer"> <div class="inner"> <section class="copyright"><a href="https://blog.helpdocs.io">HelpDocs Bookmarked</a> © 2025</section> <nav class="site-footer-nav"> </nav> <div><a href="https://ghost.org/" target="_blank" rel="noopener">Powered by Ghost</a></div> </div> </footer> </div> <script src="https://code.jquery.com/jquery-3.5.1.min.js" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"> </script> <script src="https://blog.helpdocs.io/assets/built/casper.js?v=902bef8a68"></script> <script> $(document).ready(function () { // Mobile Menu Trigger $('.gh-burger').click(function () { $('body').toggleClass('gh-head-open'); }); // FitVids - Makes video embeds responsive $(".gh-content").fitVids(); }); </script> <script> window.addEventListener('DOMContentLoaded', (event) => { document.querySelectorAll('pre[class*=language-]').forEach(function(node) { node.classList.add('line-numbers'); }); Prism.highlightAll(); }); </script> <script async src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.16.0/prism.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/tocbot/4.11.1/tocbot.min.js"></script> <script> tocbot.init({ tocSelector: '.toc', contentSelector: '.gh-content', hasInnerContainers: true, ignoreSelector: '.kg-header-card-heading', scrollSmooth: true, collapseDepth: 0, }); </script> </body> </html>