Salesforce Help Portal Modernization for CanadaHelps

CanadaHelps needed to modernize its Salesforce-powered Help Portal to improve the self-service experience for donors, charities, and internal content administrators.

WebSolo helped CanadaHelps assess Salesforce Knowledge and Experience Cloud capabilities, redesign the Help Portal structure, and implement custom Lightning Web Components for search, category navigation, article pages, related articles, mobile responsiveness, bilingual support, and administrator-managed content.

Success Story

Salesforce Help Portal Modernization for CanadaHelps

Custom Salesforce Experience Cloud and Knowledge enhancements for a modern, bilingual, self-service Help Portal.

Talk to us

Client Profile

Business Challenge

CanadaHelps had an existing Salesforce-powered Help Portal that needed to provide a cleaner, more intuitive self-service experience for multiple user groups, including donors and charities.

The project required more than a visual redesign. CanadaHelps needed practical Salesforce architecture decisions around search, guest user access, article discovery, category navigation, related content, bilingual support, mobile responsiveness, and ongoing administrator control.

• Improve the Help Portal experience for public, unauthenticated users.
• Modernize the homepage, category pages, and article detail pages.
• Support clear navigation for donor and charity help content.
• Improve search usability with autocomplete and managed Popular Searches.
• Display Knowledge articles in a more structured and user-friendly way.
• Support English and French portal experiences.
• Allow administrators to manage key page content without unnecessary developer involvement.
• Prepare a deployable Salesforce solution with documentation and handoff materials.

Key Requirements

• Assess Salesforce native search, Einstein Search options, guest user limitations, and alternative search enhancement paths.
• Migrate current Help Portal functionality to a new Salesforce LWR site while preserving existing capabilities.
• Implement a custom homepage experience with a modern hero search component.
• Create a category grid that supports grouped sections for different audiences.
• Build custom category landing pages with breadcrumb navigation, category descriptions, subcategory groupings, and article lists.
• Build custom article detail pages with breadcrumbs, article title, metadata, and structured article content.
• Create an article sidebar with same-category navigation, related articles, and recently viewed content.
• Support manual curation of Popular Searches and Related Articles where automated logic was not producing ideal results.
• Implement responsive mobile behavior across redesigned portal components.
• Apply consistent branding, typography, and Inter font styling across the portal.
• Resolve English and French content, label, and translation gaps.
• Provide administrator handoff documentation for ongoing portal maintenance.

Delivered Solution

Salesforce Search and Guest User Assessment

WebSolo reviewed Salesforce search capabilities, including native search behavior, public guest user limitations, search suggestions, category-based navigation, related articles, guided pathways, top-task concepts, analytics, and configuration options that did not require AI.

This assessment helped CanadaHelps make informed decisions about what could be achieved with native Salesforce capabilities and where custom Lightning Web Components or Apex logic would provide a better experience.

Experience Cloud and LWR Site Modernization

WebSolo supported the migration of existing Help Portal functionality to a new Salesforce LWR site on a preproduction environment. The approach preserved the existing portal baseline while allowing the redesigned experience to move forward without unnecessary feature gaps.

The work included site structure review, styling migration, layout planning, reusable page components, and preparation for deployment.

Custom Hero Search Component

WebSolo implemented a custom Hero Search Lightning Web Component to support the redesigned homepage experience.

• Centered high-contrast search input.
• Custom search button and visual styling.
• Autocomplete dropdown behavior.
• Popular Searches below the main search field.
• Debounced input handling to reduce unnecessary Apex calls.
• Language-aware labels and article selection.

Administrator-Managed Popular Searches

CanadaHelps wanted more control over which articles appeared in the Popular Searches area. WebSolo refactored the approach so administrators could manually manage the list instead of relying only on automated view-count sorting.

This allowed the content team to remove unwanted entries, prioritize more useful articles, and better align the homepage with current support needs.

Multi-Section Category Grid

WebSolo built a custom Category Grid Lightning Web Component to organize Help Portal categories into audience-based sections, such as donor-focused and charity-focused help areas.

• Grouped category sections with branded headings.
• Custom category cards with icons and accent colors.
• Dynamic article counts or Explore Articles links.
• Automatic hiding of empty categories.
• Responsive grid behavior for desktop and mobile.
• Support for English and French category and label handling.

Custom Category Landing Pages

WebSolo implemented custom category landing page functionality to move beyond a flat article list and provide a more structured hierarchy.

The redesigned category pages supported hero headers, breadcrumbs, category descriptions, subcategory groupings, article lists, and sorting controls. This helped users browse help content more naturally and find relevant articles faster.

Custom Article Detail Experience

WebSolo created a custom Article Detail Lightning Web Component to replace the standard Salesforce Knowledge article presentation with a more controlled, branded, and usable page layout.

• Breadcrumb navigation back to category and subcategory pages.
• Clear article title and metadata display.
• Last updated information.
• Structured article content presentation.
• Consistent typography and spacing.

Article Sidebar, Related Articles, and Recently Viewed Content

WebSolo implemented a multi-section article sidebar to improve content discovery and user engagement.

• Same-subcategory article navigation.
• Related Articles area.
• Recently Viewed article history using browser local storage for guest users.
• Logic to exclude the current article from recently viewed results.

When automated related article logic produced irrelevant results, WebSolo adjusted the approach to support manually curated relationships so the content team could control which related articles appeared.

Feedback, Discovery, Header, and Footer Components

WebSolo implemented shared Help Portal elements including header navigation, footer structure, language switching considerations, subscription and policy areas, social links, and article feedback and discovery elements.

These reusable pieces helped create a more complete and consistent portal experience across the homepage, category pages, and article detail pages.

Mobile Responsiveness and Bilingual Support

WebSolo adapted the redesigned portal for mobile devices and supported bilingual English and French behavior across labels, navigation, category links, article links, and footer/header elements.

The work included mobile layout refinements, Inter font implementation, and fixes for French translation gaps identified during review.

Deployment Preparation and Admin Handoff

WebSolo prepared the implemented solution for deployment by reviewing changes, collecting references, preparing a change set, and creating administrator-facing documentation.

The handoff documentation covered tile maintenance, homepage descriptions, header and footer updates, localized labels, and CSS/font management so the CanadaHelps team could manage key portal updates internally.

Results and Benefits

The engagement helped CanadaHelps move toward a modern, more flexible Salesforce Help Portal that better supports self-service, content discovery, and administrator control.

• Improved Help Portal structure for donors, charities, and public users.
• Modernized Salesforce Experience Cloud user experience with custom Lightning Web Components.
• Better search experience with autocomplete and managed Popular Searches.
• More intuitive category navigation with grouped, audience-specific sections.
• Cleaner article detail pages with breadcrumbs, metadata, and related content areas.
• Manual curation options for Popular Searches and Related Articles.
• Improved mobile usability across redesigned portal components.
• Better English and French support through labels, translations, and localized content handling.
• More consistent branding through shared styling and Inter font implementation.
• Reduced long-term dependency on developers for routine content and navigation updates.

Platform and Technologies

• Salesforce Experience Cloud
• Salesforce LWR site
• Salesforce Knowledge
• Lightning Web Components
• Apex
• Custom labels for multilingual support
• Experience Builder configuration
• Salesforce data categories and article relationships
• Local storage for guest-user recently viewed history
• Responsive CSS
• Inter font styling
• Change set deployment preparation

WebSolo Services Provided

• Salesforce Consulting
• Salesforce Implementation and Enhancements
• Custom Salesforce Development
• Experience Cloud Portals
• Salesforce Support and Training

Frequently Asked Questions

What type of Salesforce work did WebSolo perform for CanadaHelps?

WebSolo supported Salesforce Experience Cloud consulting, Help Portal redesign, Salesforce Knowledge enhancements, Lightning Web Component development, search improvements, category navigation, article page customization, bilingual support, deployment preparation, and administrator handoff documentation.

Was this only a visual redesign?

No. The engagement included technical Salesforce assessment, LWR migration support, custom LWC development, search behavior review, guest user considerations, content relationship logic, bilingual support, mobile responsiveness, and administrator-maintainable configuration.

Why were custom Lightning Web Components needed?

Custom Lightning Web Components were used where the desired user experience or business logic went beyond standard Salesforce components, including enhanced search, grouped category grids, custom category pages, article sidebars, recently viewed articles, and curated related content.

Did WebSolo help with bilingual portal requirements?

Yes. The solution included English and French considerations, custom labels, localized links and titles, translation gap fixes, and language-aware component behavior.

Can WebSolo help with similar Salesforce Help Portal projects?

Yes. WebSolo can help organizations modernize Salesforce Experience Cloud and Knowledge portals, improve search and navigation, build custom Lightning Web Components, support bilingual experiences, and prepare administrator-friendly handoff documentation.