← Back to Blog
help scoutknowledge basedocscustomer self-servicehelp center

How to Set Up Help Scout Docs for Customer Self-Service

·10 min read·ScreenGuide Team

Help Scout is known for its clean, human-centered approach to customer support. Its knowledge base product, Docs, follows the same philosophy -- simple, elegant, and designed to make self-service feel effortless. But simplicity in design does not mean simplicity in setup. A Help Scout Docs site that genuinely reduces your support queue requires deliberate planning, structured content, and consistent visual documentation.

Many teams activate Docs, write a dozen articles in a weekend, and wonder why customers keep emailing the same questions. The issue is not the platform. It is the approach.

Key Insight: Help Scout's research indicates that 67% of customers prefer self-service over speaking with a support representative. The barrier is not willingness -- it is the quality and findability of the help content available to them.

This guide covers the full setup process for Help Scout Docs, from initial configuration to article creation, visual content strategy, and ongoing maintenance.


Activating and Configuring Help Scout Docs

Help Scout Docs is included in Help Scout's standard plans. You can create multiple Docs sites, which is useful if you have separate products or audiences that need distinct knowledge bases.

Go to Manage > Docs in your Help Scout dashboard to create your first Docs site. You will be prompted to name it and configure the basic settings.

Configuration Essentials

  • Site name and subdomain -- Help Scout provides a default subdomain (yourcompany.helpscoutdocs.com). For a more professional appearance, configure a custom domain like docs.yourcompany.com under Docs Settings > Custom Domain. This requires adding a CNAME record with your DNS provider
  • Branding -- Upload your logo, set your brand color, and customize the help center's appearance under Docs Settings > Look and Feel. Help Scout's templates are intentionally minimal, which means your branding changes have a big impact on the overall aesthetic
  • Beacon integration -- Help Scout's Beacon is a widget that embeds in your product, providing search access to your Docs content from within your app. Enable and configure Beacon under Manage > Beacons. This is one of the most powerful ticket deflection tools in your setup
  • Contact form -- Decide whether to include a contact form in your Docs site. Keeping it visible builds trust -- customers who know they can reach a human are more willing to try self-service first
  • SEO settings -- Help Scout Docs supports custom meta descriptions and search engine indexing. Enable indexing under Docs Settings so your articles appear in Google results

Pro Tip: Create your Docs site with a custom domain from the very beginning. If you launch with the default subdomain and later switch to a custom domain, any links to articles shared in emails, chat transcripts, or bookmarks will break.


Structuring Categories and Collections

Help Scout Docs uses a two-level hierarchy: Categories at the top level and Articles within each category. There are no sub-categories or sections, which enforces a flat, accessible structure.

This simplicity is a feature, not a limitation. It forces you to create categories that are genuinely distinct and to write articles that are focused and self-contained.

Designing Your Category Structure

Start with your ticket data. Pull the top 50-100 ticket subjects from the past quarter and cluster them by theme. These clusters become your categories.

A typical structure for a SaaS product:

  • Getting Started -- Account creation, first-time setup, quick start guide
  • Managing Your Account -- Profile settings, team members, permissions, security
  • Billing -- Plans, payments, invoices, upgrades, cancellations
  • Using [Core Feature A] -- How-to guides for a major feature area
  • Using [Core Feature B] -- How-to guides for another major feature area
  • Integrations -- Setup and troubleshooting for each supported connection
  • Troubleshooting -- Error resolution, common issues, diagnostic steps

Common Mistake: Creating categories based on your org chart (such as "Engineering," "Sales," "Product") instead of customer needs. Customers do not care which internal team owns a feature. They care about what they are trying to accomplish.

Category Order and Presentation

Help Scout lets you manually order categories on the Docs homepage. Place "Getting Started" first since it serves new users who are most likely to need guidance. Order the remaining categories by frequency of use, not alphabetically.

Each category displays a brief description on the homepage. Write descriptions that help customers quickly determine if the category contains what they are looking for. "Everything you need to know about managing your subscription, payment methods, and invoices" is better than "Billing information."


Writing Articles That Empower Self-Service

Help Scout's article editor is a clean, distraction-free writing environment with support for rich text, images, videos, code blocks, tables, and embedded content. The simplicity encourages focused writing, which is exactly what help articles need.

Write each article as if the customer has zero context. Do not assume they read a previous article or know your product terminology. Each article should be fully self-contained.

Article Template

  • Title -- Use a verb-first task description or a question. "How to invite team members" or "Why are my emails going to spam"
  • Brief intro -- One to two sentences explaining what this article covers and what plan level or permissions are required
  • Numbered instructions -- Each step contains a single action. Begin each step with an action verb: "Click," "Select," "Navigate to," "Enter"
  • Screenshot for every key step -- Show the customer exactly what they should see on screen. Annotate screenshots with arrows or highlights pointing to the relevant element
  • Success confirmation -- Describe the expected result so the customer knows the task is complete
  • Related articles -- Add links to connected content at the bottom using Help Scout's related articles feature

Content Quality Standards

  • One topic per article -- If you find yourself writing sub-sections for different tasks, split them into separate articles
  • Customer vocabulary -- Use the same words your customers use. If your ticket data shows customers say "delete my account" but your UI says "close account," use both phrases in the article
  • Active voice -- "Click the Export button" not "The Export button should be clicked"
  • Short paragraphs -- Two to three sentences maximum. Help articles are scanned, not read linearly

Key Insight: Help Scout's internal data shows that articles under 500 words have the highest helpfulness ratings, provided they are complete and focused. Brevity works because customers are looking for specific answers, not comprehensive documentation.


Visual Documentation Strategy

Screenshots are the backbone of effective help articles. They provide immediate visual confirmation that the customer is looking at the right screen and clicking the right element. Without screenshots, customers must mentally translate text descriptions into UI actions -- a step where most self-service attempts fail.

Every step that involves a UI interaction should have an accompanying screenshot. This is not optional if you want your Docs site to actually deflect tickets.

Creating Consistent Screenshots

  • Capture the relevant context -- Show enough surrounding UI so the customer can orient themselves. If the action is in a settings panel, include the sidebar navigation so they can see how to get there
  • Annotate purposefully -- Add numbered callouts that match your step numbers. Use arrows to point at specific buttons or fields. Highlight the target area with a colored box. ScreenGuide streamlines this process, letting you capture and annotate screenshots with consistent styling that integrates cleanly into Help Scout's article format
  • Standardize dimensions -- Resize all screenshots to a consistent width. Help Scout Docs renders images responsively, but starting with uniform dimensions creates a polished, professional appearance
  • Use descriptive file names -- Name screenshot files descriptively (such as "invite-team-member-settings-panel.png") rather than "screenshot-12.png." This helps with organization and makes future updates easier

Pro Tip: Create a shared screenshot annotation template that your entire team uses. Define the annotation color palette, arrow style, callout shape, and font. Consistency across articles builds a professional, trustworthy help center.

Handling Sensitive Data in Screenshots

When capturing screenshots, be mindful of visible customer data, email addresses, or other sensitive information. Use blur or redaction tools before uploading. ScreenGuide and similar tools include redaction features that make this easy to do consistently.


Leveraging Help Scout Beacon for In-App Self-Service

Beacon is Help Scout's embeddable widget that puts your Docs content directly inside your product. Customers can search articles, view suggestions, and contact support without leaving the page they are on.

Beacon is arguably the most important component of your Help Scout self-service strategy. It meets customers where they are -- inside your app, at the moment of need.

Beacon Configuration

  • Placement -- Beacon appears as a floating icon, typically in the bottom-right corner. Choose a position that does not interfere with your product's UI elements
  • Default mode -- You can set Beacon to open in "Ask" mode (contact form first) or "Self-service" mode (search articles first). Set it to self-service to encourage customers to check articles before contacting your team
  • Suggested articles -- Configure suggested articles for specific pages. On your billing page, suggest billing-related articles. On your integrations page, suggest integration setup guides. This contextual relevance dramatically increases article engagement
  • Contact availability -- You can restrict when the contact option appears in Beacon (for example, only during business hours or only after a customer has searched articles). Use this thoughtfully to balance self-service encouragement with accessibility

Common Mistake: Installing Beacon with default settings and never configuring page-specific suggestions. A generic Beacon that shows the same articles on every page misses the primary benefit of contextual self-service. Take time to map relevant articles to specific product pages.

Beacon Analytics

Help Scout tracks Beacon interactions including searches, article views, and contact form submissions. Use this data to understand which pages drive the most help-seeking behavior and whether your suggested articles are effective.


SEO for Your Help Scout Docs Site

If your Docs site is publicly accessible and search engine indexing is enabled, Google will crawl and index your articles. This means customers can find answers through Google searches, even before they log into your product.

Help Scout Docs generates clean, SEO-friendly URLs by default. Each article gets a URL based on its title, and each category has its own URL. Your job is to ensure the content behind those URLs is optimized for the queries customers are searching.

SEO Optimization Steps

  • Write meta descriptions -- Help Scout lets you set a custom meta description for each article. Write a concise summary (150-160 characters) that includes your primary keyword and clearly states what the article covers
  • Use keyword-rich titles -- Place the primary search term near the start of the article title. "How to export data as CSV" ranks better than "Data Management: Export Options"
  • Internal linking -- Link related articles to each other using descriptive anchor text within article body text. This helps search engines map your content relationships and keeps customers navigating within your help center
  • Image alt text -- Add descriptive alt text to every screenshot. This improves accessibility and gives search engines additional context about your content

Key Insight: A well-optimized Help Scout Docs site can become a significant acquisition channel. Potential customers researching your product often encounter help center articles in search results, and comprehensive documentation signals product maturity and strong support.


Maintaining Your Docs Site Over Time

A help center is a living product, not a project with a deadline. The day you stop maintaining it is the day it starts eroding customer trust.

Integrate help center updates into your product development workflow. Every feature release, UI change, or pricing update should trigger a corresponding Docs review.

Monthly Maintenance Routine

  • Product change audit -- Review the past month's releases. Update screenshots and steps for any features that have changed visually or functionally
  • Ticket gap analysis -- Identify recurring ticket subjects that do not have corresponding articles. Create new articles for the top offenders
  • Helpfulness review -- Check the feedback on each article. Help Scout Docs includes a simple helpful/not helpful rating. Articles with poor ratings need immediate attention
  • Search term analysis -- Review what customers are searching in Beacon and on the Docs site. Failed searches point directly to content gaps
  • Freshness audit -- Review articles that have not been updated in over six months. Even if the content is still accurate, refresh the screenshots and verify every step

Pro Tip: Add a "last reviewed" date to your internal tracking for each article, separate from the "last updated" date visible to customers. This ensures articles are periodically verified even when they do not need changes.


Measuring Self-Service Success

Help Scout provides reporting on both Docs and Beacon performance. Use these metrics to quantify the impact of your knowledge base and guide ongoing improvements.

Metrics That Matter

  • Beacon article views vs. conversations started -- The ratio between these tells you how effectively articles prevent customers from reaching out to support
  • Article helpfulness ratings -- Aggregate the helpful/not helpful responses across all articles. Target 70% or higher positive ratings
  • Top viewed articles -- Ensure your most popular articles are also your most comprehensive and up to date
  • Failed searches -- Every search with no results is a customer telling you what article to write next
  • Docs traffic trends -- Is your help center growing in usage over time? Increasing traffic paired with stable or declining ticket volume is the strongest signal of self-service success

TL;DR

  1. Configure Help Scout Docs with a custom domain, branded appearance, and Beacon integration from the start
  2. Design your category structure based on ticket data and customer needs, not internal product organization
  3. Write focused, self-contained articles with one topic per article, numbered steps, and clear outcome statements
  4. Add annotated screenshots to every article using consistent styling for callouts, arrows, and highlights
  5. Configure Beacon with page-specific suggested articles to deliver contextual self-service inside your product
  6. Maintain articles monthly and tie help center updates directly to your product release process

Ready to create better documentation?

ScreenGuide turns screenshots into step-by-step guides with AI. Try it free — no account required.

Try ScreenGuide Free