🟣 HubSpot Service Practical Textbook — 2026 Edition
Chapter 6

Customer portal design
How to reset your password if you forget itFeedback collection

A customer portal can be the "single entry point for customers to contact your company." Track tickets, browse the knowledge base, and create new inquiries all on one screen.Dramatically improve the customer experience while reducing calls to your support teamI can. This chapter systematically explains the portal's basic settings, UX design, branding, ticket label customization after March 2025, and feedback collection mechanism.

📖 Estimated reading time: 25 minutes
🎯 Target: CS managers, web managers, HubSpot administrators
📅 March 2026 version — Ticket label customization (from March 2025) supported

📋 Contents of this chapter

  1. 6-1Customer portal overview and settings
  2. 6-2Portal UX design and branding
  3. 6-3Ticket label customization (from March 2025)
  4. 6-4Gathering feedback from the portal
Section 6-1

Customer portal overview and settings

A customer portal is a web page with a login exclusively for customers. Here, customers can ``check the progress of tickets they sent,'' ``receive replies,'' ``search the knowledge base,'' and ``create new tickets,'' all in one place.Without a portal, customers worry that they sent an email but aren't sure if it was received, and send another email to confirm - this is the main cause of duplicate tickets.. Available for Service Hub Professional and above.

🌐 The value a customer portal brings to your customers and support teams
👤
Value for customers
You can check the current status of your ticket in real time. You no longer have to worry while waiting for a reply. Since you can self-solve with KB, you can eliminate questions that are not worth sending an inquiry to.
Duplicate ticket reduction
🎧
Value to support team
Progress confirmation emails such as "Did you receive the email I sent earlier?" will be significantly reduced. When a customer creates a ticket through the portal, the ticket is created with all the information from the form fields.
Automated information collection
📊
Start with “few and clear” ticket properties.
Urgent FRT 15 minute alert
Improving brand CX

Setting flow and customization items

Settings categorySetting locationMain setting items
Basic settings Service → Customer Portal → Settings Portal activation, subdomain settings (e.g. help.yourcompany.com), language settings, time zone
branding Services → Customer Portal → Branding Logo, favicon, brand color (primary/secondary), font selection
navigation Services → Customer Portal → Page Select the page to display (home, ticket, KB) and change the label of navigation items
Ticket settings Service → Customer Portal → Tickets Ticket form field settings and ticket label customization that customers can create (from March 2025)
KB display settings Service → Customer Portal → Knowledge Base Select the KB category to display, sort the articles, and edit the "Support guidance if article not found" message
access control Service → Customer Portal → Access Public to everyone / HubSpot account required / Invited contacts only—Choose from 3 levels
💡 Set up your subdomain first—if you change it later, you will need a bookmark notification to your customers

You can change the portal URL (subdomain) later, but doing so will invalidate the URLs that your customers have bookmarked.Decide on a subdomain for "help.yourdomain.com" in the first stage of setup, complete the DNS settings, and then guide the customer.. It may take several hours to complete the DNS settings, so be sure to allow plenty of time.

Mockup of completed portal

Home
My request
knowledge base
inquiry
mountain
Taro Yamada
Hello, Mr. Yamada. Need help?
Search our knowledge base or create a request
🔍
📋 Recent requests
#4821
An error occurs when linking with API (payment processing)
2026/03/08 · Person in charge: Keiko Tanaka
Currently being supported
#4798
Although the three indicators are often confused, they are completely different in what they measure.
2026/03/02 · Person in charge: Keiko Yamada
waiting for answer
#4755
Garbled characters in CSV export
2026/02/20 · Solved
👤 Inquiries that should be handled by humans
+ Create a new request
📚Most read articles
🚀
Introduction
12 articles
⚙️
Feature guide
28 articles
🔧
troubleshooting
15 articles
💳
Billing/Contract
8 articles
📄 New/Popular Articles
Check procedure if you cannot log in
How to reset your password
How to download your invoice
Section 6-2

Portal UX design and branding

The ticket that is automatically created at the time of handover includes the entire conversation history, the resolution steps attempted by the AI, the customer's contact information, and the CRM health score.By unifying the color scheme, logo, and wording of your brand on the portal, customers naturally accept the portal as ``part of your company's services.''It becomes like this. By adhering to UX design principles, you can minimize the number of steps it takes for your customers to reach their desired information.

🔍
Principle 1: Place search at the top
When a customer opens the portal, the first thing they do is search. By placing a large search bar in the hero area and displaying suggestions for frequently searched keywords, the self-resolution rate will improve.
❌ Bad example
The category list is listed first, and the search bar is at the bottom.
✅ Good example
As soon as you open the page, you can see the search bar and start typing.
📋
Principle 2: Display the ticket list with “latest at the top”
The main purpose of customers visiting the portal is to check the progress of the tickets they sent. It is important to have a design where the latest tickets are displayed at the top and the status can be immediately understood using colors and labels.
❌ Bad example
Old tickets are lined up at the top and I have to look for the latest status.
✅ Good example
The latest tickets are at the top. Status badge lets you know the status at a glance
💬
Principle 3: Display the inquiry button only after reading the KB
If you display the "Create inquiry" button immediately, the inquiry will come without reading the KB. Promote self-solving by setting a button to display after searching and viewing one or more articles.
❌ Bad example
The “Create Inquiry” button is noticeable the moment you open the portal.
✅ Good example
Guidance for “Did this article solve your problem? No → Create inquiry”
📱
Principle 4: Check mobile first
30-50% of customers access the portal from their smartphones. HubSpot's portal is responsive, but if you add custom CSS, be sure to check the mobile display.
❌ Bad example
Looks beautiful on a PC, but the font is small and the search bar is difficult to use on a smartphone
✅ Good example
You can search, check tickets, and create inquiries on your smartphone without stress.

Branding setting items

🎨
brand color
Set the button, link, and active state color to your company's primary color. You can also change the background color of the header. Specify accurately with HEX code.
Branding → Primary color
🖼️
logo/favicon
Set the logo image (PNG/SVG recommended) and browser tab icon (favicon) to be displayed in the header. Prepare both a version that supports white backgrounds and a transparent version.
Branding → Upload your logo
🔤
Portal name/title
Set the portal name in the page title and header displayed on the browser tab to match your company brand. By removing the "HubSpot" text, it looks like a complete in-house brand.
Settings → Portal name
🌐
custom domain
The default is "company.hubspotpagebuilder.com", but you can publish with your full company brand by setting a custom domain of "help.yourcompany.com". Requires DNS CNAME settings.
Settings → Custom domain
🗣️
Customize display language
You can change navigation labels such as "My Tickets," "Knowledge Base," and "Contact Us" to your company's own words. Choose words that customers can relate to, such as "My request" and "Receive support."
Settings → Page → Edit label
✉️
Notification email branding
Set the sender's name, logo, and footer of portal notification emails such as "Ticket has been updated" to your own brand. Prevent situations where customers decide that the email is from an unknown company and do not open it.
Settings → Notifications → Email Templates
Section 6-3

Ticket label customization (from March 2025)

With the March 2025 update, the label "Tickets" on the customer portal will be changed toYou can change the words to suit your business.It became like that. Customers often have difficulty familiarizing themselves with the IT service-specific term ``ticket.'' By using words tailored to the industry and customer base,Increases portal usage rate and lowers psychological hurdles for inquiries

SaaS/IT services
Tickets
incident
ITIL terminology that IT professionals are familiar with. Can be used naturally in the flow of “incident management”
Manufacturing/Construction/Equipment
Tickets
Request / Work request
On-site personnel are familiar with "request forms" and "work instructions." Easier to understand than “ticket”
Medical/Clinic
Tickets
Consultation
Patients and related parties feel reassured by the word "consultation." Expression in line with medical ethics
EC/Retail/D2C
Tickets
inquiry
Simple words that are most familiar to consumers. Easy to check past status as "inquiry history"

Steps to change the label

Label to be changedSetting locationExample of change
Portal “Tickets” tab name Services → Customer Portal → Tickets → Edit Label “Tickets” → “My Request” “Incident” “Consultation”
"Create new ticket" button Same as above → button label "Create a new ticket" → "Create a new request" "Send inquiry"
Ticket details page heading Same as above → Detailed page label “Ticket details” → “Request details” “Incident details”
Notification email text Settings → Notifications → Email template → Edit body “Ticket #4821 has been updated” → “Request #4821 status has been updated”
✅ After changing the label, the notification emails, help articles, and onboarding materials will also be unified.

It's confusing when you change the portal label to "request" but the notification email to the customer says "ticket".After changing the label, make sure to use the same wording for the text in the notification email, where the word 'ticket' is written in the KB article, and in the information materials for new customers.It is important to do the work in sets.

Section 6-4

Gathering feedback from the portal

Because the customer portal is a place where you have continuous contact with customers,The perfect time and place to collect feedbackThere is also. Immediately after a ticket is closed, after reading a KB article, after logging into the portal—by displaying short surveys at these times, you can accumulate customer feedback in real time.

CSAT survey design (displayed in portal)

Please let us know your evaluation of the support.
Request #4821 · API linkage error (payment processing)
How was the support this time?
Please let us know if you have any opinions or improvements (optional)
*We will use your feedback to improve quality.

Automate feedback collection settings

Feedback typeSending timingAutomatic action (when low score)
CSAT (Customer Satisfaction) Email sent within 1 hour after ticket close (set with portal banner) Score 2 or less → Create a task for the agent in charge “Conduct follow-up call within 1 business day”
KB Feedback "Was it helpful?" button after viewing the article/at the end of the article (always displayed) “No” rate exceeds 30% and continues for 7 days → Email notification to KB staff “Article needs improvement”
NPS (recommended level) Automatically sent 30 days after initial ticket close and every 90 days thereafter Score 6 or less (critic) → Slack notification to CS manager + create follow-up task
CES (Effort Index) After completing a complex onboarding process or closing a specific ticket category Trend of score decline → Send monthly review proposal report to CS leader
💡 “Action” is more important than “collection” of feedback

Even if you send out a CSAT survey, if you only look at the results and take no action, customer satisfaction will not increase.The biggest effect of setting up a survey is to set up a workflow that says “low CSAT score → follow-up within 24 hours.”is. The most reliable way to turn a customer from a critic to a promoter is to have the experience of ``I was criticized in a survey, but a representative called me the next day and responded politely.''

📌 Chapter 6 Summary

Portal achieves both “prevention of duplicate tickets” and “promotion of self-resolution”

If it becomes possible to check the progress of a ticket on the portal, the number of "emails confirming receipt" will be greatly reduced. By searching the KB and then creating an inquiry, you can reduce the number of inquiries sent to agents.

Subdomains and branding should be done at the beginning of setup

If you change the URL (help.yoursha.com) later, you will need instructions to disable the bookmark. Unify the logo, color, portal name, and notification email brand to the company brand by default, and then guide customers.

UX design that places the search bar at the top and displays the inquiry button after viewing the KB

Positioning the search bar so that it is visible to customers the moment they open the portal increases self-resolution rates. The ``Create Inquiry'' button increases the utilization rate of the KB by designing a navigation line that is displayed after searching and viewing the KB.

From March 2025: Change ticket labels to your company's own words

"Tickets" → Change the words to match the industry, such as "request," "incident," or "consultation." After making changes, don't forget to use the same words in notification emails, KB articles, and guidance materials all at once.

24-hour follow-up on low CSAT scores is key to customer retention

Sending a survey alone will not increase satisfaction. CSAT 2 or below / NPS Automatically create tasks for detractors / Set up a Slack notification workflow and create a mechanism to take action within 24 hours of receiving feedback.

Portal feedback data serves as the basis for KB and process improvements.

The "useless" rate in KB articles, ticket categories with low CSAT, and comments from NPS critics are the best data to show you where to invest in improvements. Establish a cycle of monthly analysis and conversion into improvement actions.

Next Chapter
Chapter 7: Customer Feedback Design — How to use NPS, CSAT, and CES and utilize VoC →