In the fast-paced world of ecommerce, staying ahead of the curve is crucial for success. As technology evolves and user expectations continue to rise, it becomes imperative to adapt and innovate. That's why we are thrilled to share some exciting news with you today.

At HelpCenter, we believe in constantly pushing the boundaries of what's possible. We understand that a seamless and visually appealing user experience is vital for businesses to thrive in the digital landscape. That's why we have made significant changes to our HelpCenter app, migrating it to the renowned Shopify Polaris design system.

This migration marks a monumental leap forward in the evolution of HelpCenter. Our team has gone the extra mile to not only release a complete new app design, but also seamlessly integrate the latest industry trends. The outcome? A visually captivating and contemporary interface that not only exudes elegance, but also delivers an unparalleled user experience.

In this blog post, we will take you on a journey through the changes and improvements you can expect with the new HelpCenter. Together, we will dive into the user-friendly interface and discover the enhanced functionality that will completely transform the way you interact with our app.

Overview of Shopify Polaris

Shopify Polaris, developed by Shopify, is a comprehensive ecommerce design system empowering developers and designers to craft cohesive and unified user interfaces across various platforms. Equipped with guidelines, components, and tools, it enables the creation of seamless experiences for users. Introduced in 2017, Shopify Polaris has rapidly gained popularity among businesses seeking to elevate their Shopify experience, with a wide adoption by numerous enterprises.

Shopify Polaris offers a wide range of key features, including a comprehensive set of UI components, accessibility guidelines, and a design language that prioritizes clarity and consistency. By utilizing these features, developers and designers can effortlessly create intuitive, user-friendly interfaces that maintain a consistent experience across different platforms.

There are many benefits to using Shopify Polaris in your eCommerce business. Let's dive into some of the more notable ones:

  • Developer-Friendly. Shopify Polaris provides developers with a robust set of tools, resources, and documentation. This empowers them to efficiently build, customize, and extend the functionality of your ecommerce platform. The developer-friendly nature of Shopify Polaris enables seamless integrations and future scalability.
  • Time and Cost Savings. Shopify Polaris offers a comprehensive set of pre-designed UI components and guidelines, reducing the time and effort required to build and design interfaces from scratch. This saves valuable development resources and accelerates the time-to-market for your ecommerce platform.
  • Improved User Experience. With its user-centered design principles, Shopify Polaris focuses on creating intuitive and user-friendly interfaces. By incorporating best practices and industry standards, it helps streamline navigation, simplify workflows, and reduce friction, ultimately leading to an improved user experience.
  • Enhancing Trust and Credibility. Implementing a design system developed by a reputable company like Shopify can significantly boost the credibility of your app. By leveraging the same principles used in Shopify's own applications, users can place greater trust in your app, knowing that it adheres to the standards and practices that have earned Shopify its renowned reputation.
  • Seamless Integration. When you align your design with Shopify's through the use of Polaris, your app seamlessly becomes an organic extension of the Shopify platform, rather than a separate entity. This fosters a more cohesive user experience, allowing your app to integrate effortlessly and minimizing any disruptions for users.

What’s New in HelpCenter?

Let’s explore the exciting changes and enhancements that come with the migration of HelpCenter to the Shopify Polaris design system. This transformation brings a completely new app design and a wide range of improvements, all aimed at elevating your experience to unprecedented heights. It's time to discover the possibilities and unleash the full potential of HelpCenter with Shopify Polaris.

One of the key advantages of migrating to Polaris is the seamless integration of our app within the Shopify admin interface, right within your store. This integration brings a familiar interface, resulting in a more pleasant and intuitive user experience. With everything in one place, managing your store and accessing HelpCenter becomes even more effortless and efficient.

Now, let's delve deeper into the changes within the app and explore them in more detail.

#1. Dashboard.

Our newly revamped Dashboard now provides you with all the necessary information regarding the app, conveniently accessible in one place. Here's what you can expect:

  1. Easy Help Desk Access: Seamlessly enter the Help Desk section directly from the Dashboard, allowing you to efficiently manage customer inquiries and provide prompt support.
  2. Ticket Usage Tracking: Stay informed about the number of tickets you have utilized, giving you a clear overview of your support activity and helping you stay on top of customer interactions.
  3. Plan Details and Upgrade Options: Quickly view your current plan information and explore the possibility of upgrading to unlock additional features and capabilities that cater to your growing needs.
  4. FAQ Management: Keep track of the number of FAQs (Frequently Asked Questions) you have created, ensuring that your knowledge base remains comprehensive and up to date. Plus, easily create new FAQs to address common customer queries effectively.
  5. Tab Creation and Management: Monitor the number of tabs you have created within the app, enabling you to organize your content and provide a structured navigation experience for your customers. Additionally, effortlessly create new tabs as needed to accommodate evolving requirements.
HelpCenter's dashboard

#2. FAQ section.


In addition to a completely new design of our FAQ app for Shopify stores, we have expanded the range of settings in the FAQ section to provide you with more control and customization options. Along with the ability to edit FAQ pages and select templates, you now have access to additional useful settings, including:

  1. Backup History: Safeguard your FAQ content with the backup history feature, allowing you to revert to previous versions if needed. This ensures that your valuable information is always protected.
  2. SEO Enhancement: Boost the visibility of your FAQ page by refreshing the page to increase its priority for search engines. This optimization helps drive organic traffic and improve your overall search engine rankings.
  3. Translations: Expand your reach and cater to a global audience by utilizing the translations feature. Easily translate the content of your FAQ app for Shopify stores into multiple languages, ensuring that users can access information in their preferred language.
  4. Social Live Chat Integration: Enhance your customer support capabilities by connecting additional social chat platforms to your FAQ page. This integration enables users to engage in real-time conversations and receive immediate assistance, expanding the channels through which they can reach out to you.
  5. Article Ratings: Enable article ratings to give your users a voice and allow them to express their opinions on the helpfulness and quality of your articles. This valuable feedback can help you gauge the effectiveness of your content and make necessary improvements to meet user expectations.
HelpCenter's FAQ section

#3. Tabs section.

Within the Tab section, you have full editing capabilities for all types of tabs, including Specific tabs, Shared tabs, and the Content below tabs. This means you can customize and tailor each tab to align perfectly with your store's needs and design preferences.

Additionally, you have the freedom to select and customize templates, allowing you to create a cohesive and visually appealing layout that seamlessly integrates with your overall store aesthetic. Take advantage of this flexibility to showcase your content in the most engaging and impactful way possible, providing an exceptional user experience for your customers.

HelpCenter's Tabs section

#4. Contact Form section.

The Contact Form section has undergone significant improvements, streamlining the process of making changes and customizations all on a single page. Now, you can conveniently set up your inbox, adjust the position of the contact form, and select a suitable template, all in one centralized location. Once you've chosen the desired template, you can easily customize it to align perfectly with your store's unique design and branding. This enhanced functionality provides a seamless and efficient experience, allowing you to optimize your contact form quickly and effortlessly.

HelpCenter's Contact form section


#5. Widget section.

The Widget section now offers you the flexibility to select a template that best suits your brand's aesthetics and requirements. Once you have chosen the ideal template, you are free to make customizations and changes

according to your preferences. The exciting part is that you can instantly preview these modifications within the chosen template, ensuring that the final result aligns perfectly with your brand's identity. This streamlined approach empowers you to create visually appealing and engaging widgets that seamlessly integrate with your website, enhancing the overall user experience.


Conclusion

The introduction of the new, convenient design for our HelpCenter app marks a significant advancement in providing a better user experience. With the enhanced interface and functionality, the HelpCenter app has transformed into an exceptional FAQ app for Shopify. The integration with Shopify's design system ensures a seamless and familiar experience for users, while the user-friendly features and customization options empower businesses to create a knowledge base that aligns perfectly with their brand.

But it doesn't stop there. As technology continues to evolve, so do we. The migration to Shopify Polaris sets the foundation for future innovations and ensures that HelpCenter remains at the forefront of industry trends. We are committed to constantly refining and enhancing our app to meet the evolving needs of your business and your customers.