Enhancing Customer Connections through Help Center Customization

Enhancing Customer Connections through Help Center Customization

Hello Everyone!
Welcome to journeying with ZylkerShop on setting up its Help Center. ZylkerShop set up the customer portal for its users to have a self-service platform as well as grab the mind share of its customers with Branding.
ZylkerShop made use of the customization option available on Zoho Desk to customize the content, theme, colors and tabs. Zoho Desk also offered no-code drag and drop features to add widgets, banners, and edit placeholders on the Help Center. ZylkerShop made use of these features to make announcement on new products, and festival bonanzas. 
ZylkerShop went a step further, tweaking the placement of buttons to create a Help Center that truly reflects their brand. How about doing the same for your Help Center?
Zoho Desk made this process a breeze for ZylkerShop by revealing exclusive CSS codes that unlock the full potential of customization. Now, we’re excited to share the same privilege with you! These codes, once reserved for ZylkerShop, are now yours to use, giving you the opportunity to create a Help Center that is perfectly tailored to your needs. Consider yourself fortunate to have access to this level of customization!
Steps to add the CSS code
i. Navigate Setup (S) >> Channels >> Help Center >> Select the Help Center portal >> Select Customization. Click Customize on the theme you want to change. 
​


ii. On the left panel, under Customize, click on CSS and paste the code. On the top right of the screen, click Preview to view the changes, and then click Publish to see the live changes.



Help Center Customization
I. ZylkerShop decided to hide the company name since its logo and page already conveyed their identity. The CSS codes provided below can be used with the respective themes to remove the company name from the Help Center UI.


  1. /*Elegant Theme*/
  2. .Header__name{ 
  3. display:none
  4. }

  6. /*Materialized Theme*/
  7.  .Header__brand .Header__brandName { display: none; }

  9. /*Flat Theme*/
  10.  .Header__brandName{
  11. display:none;
  12. }

  14. /*Classic Theme*/
  15. .Header__logotxt {
  16. display:none
  17. }


II. The footer of the Help Center displayed 'Powered by Zoho Desk,' indicating the service platform used by ZylkerShop. To customize and hide the footer, Zoho Desk provides the following CSS codes, which can be implemented across different themes of the Help Center.


  1. /*Elegant Theme*/
  2. .Footer__footerCopyrigt{
  3. display:none
  4. }

  6. /*Materialized theme*/
  7. .Footer__footer {
  8. display: none;
  9. }

  11. /*Flat Theme*/
  12. .FooterContainer__footer {
  13. display: none;
  14. }

  16. /*Classic Theme*/ 
  17. .Footer__footer {
  18. display: none;
  19. }


III. By default, Zoho Desk allows Help Center users to delete their profiles. To prevent accidental deletions and protect their customer base, ZylkerShop chose to hide the Delete Profile option. 


  1. /*Elegant Theme*/ 
  2.  .ManageAccount__deleteBox{
  3.  display:none
  4.  }

  6. /*Materialized theme*/
  7.  .ManageAccount__deleteBox {
  8.  display: none;
  9.  }

  11. /*Flat Theme*/
  12.  .ManageAccountContainer__deleteBox {
  13.  display: none;
  14.  }

  16. /*Classic Theme*/ 
  17.  .ManageAccountContainer__deleteBox {
  18. display: none;
  19. }


These customizations ensured that users seamlessly navigated from ZylkerShop's website to the Help Center, powered by Zoho Desk, without any disruption. Stay tuned for exciting codes in our upcoming series that will allow you to enhance and personalize your own Help Center!
Regards,
Lydia Kiruba | Zoho Desk 
P.S: The CSS codes for customization are optional and can be used as needed based on the organization's requirements.




      • Sticky Posts

      • Zoho Desk Virtual Meetup: US Central, October 5 - 7, 2021

        After the interactive Virtual Meetups in the other regions, we are starting with the US Central and Midwest regions from October 5 to October 7, 2021. The dates for other regions will be announced soon.  At this event, we will explore the topics which

      • Register for Zoho Desk Beta Community

        With the start of the year, we have decided to take a small step in making the life of our customers a little easier. We now have easy access to all our upcoming features and a faster way to request for beta access. We open betas for some of our features

      • Ask the Experts 10: A 5-hour online Q&A on Zoho Desk Best Practices

        Welcome to Zoho Desk's Ask the Experts session! This is a monthly discussion on our  forums; wherein a panel of experts will take on questions  specific to topics related to Zoho Desk. The panel will be available for a 5-hour period and will answer any questions posted here.   Let's begin the year learning some best practices from our experts. In this month's ATE we are opening the floor to questions on how to use Zoho Desk the best way.  If you have a business use case but not sure if Workflow is

      • Share your Zoho Desk story with us!

        Tell us how you use Zoho Desk for your business and inspire others with your story. Be it a simple workflow rule that helps you navigate complex processes or a macro that saves your team a lot of time; share it here and help the community learn and grow with shared knowledge. 

      • Ask the Experts 7: A 5-hour online Q&A on Telephony and Call Module

        Welcome to Ask the Experts session! This is a monthly discussion in forums; each session, a panel of experts will take questions on specific topics related to Zoho Desk. The panel will be available for a 5-hour period and answer any questions posted here. In this month's Ask the Experts, we will take questions on everything related to Telephony and the Call Module in Zoho Desk. We will discuss the following aspects:  Integration with different Telephony vendors Routing calls to agents Converting