How can we help you today?

Our Zendesk theme Flatrock is a perfect basis for a bespoke help center. It can be branded according to your company style guide and customized to meet all your unique needs in visual design and help center functionality. Look at these Zendesk Guide examples that are based on the customized Flatrock theme.

Want to see more Zendesk Guide examples?

View our Portfolio

Explore the Lotus Themes world and learn more about us, our products, our services, and our themes’ great potential.

About us

Lotus Themes is your destination for well-developed themes for your Zendesk Guide Help Center and all related services. We sell our templates as digital downloads. Within a short time, Lotus Themes has become a leader in outstanding theme creation and Zendesk customization. We are trusted by big and successful companies such as Dropbox, SimilarWeb, Booking.com, Imgur, Deloitte, JetBrains, Zapier, Lyft, and even Zendesk.

Our themes 

All of our themes are responsive and are designed to work seamlessly on both fullscreen and portable devices. They are created using the most modern technologies. All the original features and tools of Zendesk are available and fully supported in our themes. Moreover, we provide an extra library to extend the Knowledge Base and Community with some cool visual components and features.

All templates we offer are provided with editable source files and can be customized according to your needs. As long as you’re the owner of the Help Center, templates can be used without any time limit. Read what you can and what you can not do with the themes.

Our services

We provide our customers with all related services such as Installation, Customization, etc.

After the job is done, we create a demo Help Center where you can check all the changes made. Afterward, we install the modified theme on your Zendesk Guide Help Center where everything can be tested again but with the real content in the preview mode. Only after that and when you are ready, we publish the final theme.

Our advantages

1. The major benefit of purchasing our themes and services is the price: you get a high-quality design at a reasonable price. You don't have to hire a web designer, web design studio, or specialists who know Zendesk architecture.
2. The second advantage is the time frame: you get a theme from our catalog immediately after making the payment. If you need the customization service, it usually takes 5-10 business days. If you hire other teams or specialists without Zendesk expertise, it usually takes anything between five to fifteen business days for a good designer to create web pages of similar quality, and from five to fifteen business days for a good web developer to code them.
3. Zendesk is our specialty. Thanks to our deep knowledge and expertise, we can guarantee high-quality results faster, cheaper, and better than freelancers, web studios, or direct competitors. We know every detail of Zendesk, even the smallest ones, and don't miss anything. Moreover, we provide an extra library to extend the Knowledge Base and Community with some cool visual components and features.

About Zendesk Help Center

Rest assured that we provide you with the best services as Lotus Themes is one of the certified Zendesk partners. 

That's what Zendesk says about their partners:

"To ensure you have the best possible experience with Zendesk, we have a team of partners around the world with excellent technical skills and a deep understanding of our products. Whether you need consulting, technical assistance, custom development or any other services with Zendesk, you will find a knowledgeable partner to help you in our partner network."

https://www.zendesk.com/support/partners/

Zendesk Guide templates from Lotus Themes are ideal for both beginners and experienced developers because they are easy to use, maintain, and customize. You can make basic changes without coding skills, whereas some knowledge of HTML and CSS allows you to create a bespoke help center that meets all your needs.

This option is available for customers with Guide Professional, Enterprise, or Legacy plans.

Theme installation

You can install your new theme fast and in a hassle-free manner. Follow the instructions in our step-by-step Theme installation guide, and your Zendesk help center will be up and running in no time. Need help installing the theme? You can order our free installation service.

No-code changes

Our themes have advanced tools for basic changes (colors, fonts, hero image, icons & homepage layout). All you need is the Zendesk theme editor to make these changes. If you prefer not to do customization yourself, order this service from us.

The Appearance section of the Customize design panel lets you brand your Zendesk Help Center on your own and change the following elements without coding:

• Name of your Help Center;
• Logo;
• Favicon;
• Main colors;
• Fonts;
• Icons;
• Main hero image (in case the theme contains it);
• Home page layout;
• Colors for formatting components;
• Social media links.

Code changes

If you have the basics of HTML and CSS, you can customize our themes for the Zendesk Guide at any time. You get access to the source code that’s easy to read and modify for other developers. 

As all our templates follow the industry code standards, and are well-optimized, theme maintenance and customization will be easy. Even if you messed something up, you could quickly fix the problems.

• Colors;
• Fonts;
• Icons (we usually use Streamline Icons, but it is possible to use any others as well);
• Links;
• Logo return URL;
• Header;
• Footer;
• Layout changes. For example, the number of columns;
• Anything else...

Changes via Lotus Themes

If you prefer not to spend time on the job, we have the Customization service.

We will create a demo Help Center where you can check out all the changes we've made. Afterward, we will install the modified theme on your Help Center where you can test everything again but with your real content in the preview mode. Only after that, and when you are ready, you can publish the theme.

Our themes offer a diverse range of layout styles designed to showcase categories, sections, and articles within your help center in a visually appealing and organized manner.

Whether you're aiming for a more traditional look or seeking a modern, dynamic presentation, our layout options cater to every preference. Furthermore, these layouts are designed with flexibility in mind, allowing for easy customization and adjustments through the theme settings. This means you can effortlessly change the appearance and structure of your help center's content display to match your brand's aesthetic or to improve user navigation, ensuring a seamless and engaging experience for your visitors.

Typical homepage structure

Usually, homepages in our themes have the following customizable and configurable blocks:

• Info block
• Custom blocks
• Promoted articles
• Recent activities
• Contact Boxes
• CTA

You can adjust their appearance in the theme settings.

To change the homepage layout

1. In the Zendesk Guide, click the Customize design icon in the sidebar.
2. Click Customize on the theme you want to edit.
3. In the Settings panel, select Homepage layout.
4. Select preferred layout options for the info block, categories/sections, promoted articles, etc.
5. Click the Publish button to save the changes.

Need deep adjustments? This service is what you need.

Questions

Our Customization service is a convenient and fast way to completely change your Help Center's appearance according to your company's corporate standards. Explore some details below.

For your convenience, there is a free Installation service.

You can also install your Zendesk help center custom theme by yourself if you like. It is rather simple. Use the following instructions.

1. In Guide, click on the Customize design icon in the sidebar.

   The Theming Center page opens.

   

2. Click the Add new theme in the upper-right corner.

   

3. Click Import theme.

   

   Find and select your theme file.

   The theme is imported and appears on your Themes page.

4. Click the Customize button on the theme you would like to preview.

   

5. Click the Help Center link at the top bar panel to test the new theme with your real content in preview mode.

   Your Help Center visitors see the previous theme since the new one is not published yet.

   

   • You can preview what different pages look like if you choose the corresponding page in the Templates menu.
   • You can also test the theme as an end-user, anonymous, or agent by clicking the Preview role menu at the top bar panel and selecting the corresponding role.

   

6. Publish the theme. When you're ready to implement the changes, go back to Guide admin.

   

   Click the Settings icon on the theme image and select the Set as live theme option. Confirm this action.

   Note

   You may not see the Submit a request button because you are logged in as the agent. You can view the theme as an end-user or anonymous if you select the corresponding option in the Preview role dropdown.

   Alternatively, you can enable access request forms for your agents. 

    

   Note

   If you want to embed videos or use article formatting components, you must allow unsafe content within your Zendesk Guide settings.

The variety of possible changes is amazing, you will be surprised how many of them we have for you. Just take a look! This article contains visual component samples included in our themes with explanations on how you can use them to extend your Help Center content.

Table of content

• Accordions
• Tabs
• Font sizes
• Code blocks
• Quote
• Descriptions
• Lists
• Links
• Tables
• Callout blocks
• Images
• Videos
• Font Awesome

Accordions

Accordions are useful when you need to toggle between hiding and showing large amount of content:

Learn how to use accordions.

Tabs

Tabs are perfect for displaying different subjects in your article!

Learn how to use tabs.

Font sizes

This is a Zendesk huge size or Header 2

This is a Zendesk large size or Header 3

This is a Zendesk medium size or Header 4

This is a header 5

Small size

This is normal text. Lorem ipsum is a pseudo-Latin text used in web design, typography, layout, and printing in place of English to emphasize design elements over content. It's also called placeholder (or filler) text.

Learn how to use font sizes.

Code block

This is what a code looks like:

<!DOCTYPE HTML>
<html>
 <head>
  <meta charset="utf-8">
  <title>HTML</title>
 </head>
 <body>
  <p>Lorem ipsum dolor sit amet. </p>
 </body>
</html>

Learn how to use code blocks.

Quotes

"Here's a really fancy quote. Can you believe what they say about us? Here's a really fancy quote. Can you believe what they say about us? Here's a really fancy quote. Can you believe what they say about us?"

Learn how to use quote styles.

Description lists

Default description list

Euismod

Vestibulum id ligula porta felis euismod semper eget lacinia odio sem nec elit.

Donec id elit non mi porta gravida at eget metus.

Malesuada porta

Etiam porta sem malesuada magna mollis euismod.

Horizontal description list

Description lists

Such a description list is perfect for defining terms.

Euismod

Vestibulum id ligula porta felis euismod semper eget lacinia odio sem nec elit.

Donec id elit non mi porta gravida at eget metus.

Malesuada porta

Etiam porta sem malesuada magna mollis euismod.

Learn how to use description lists.

Lists

Bullet/unordered list

• bullet list one
• bullet list two
• bullet list three
• bullet list four
  • enclosed element one
  • enclosed element two

Bullet colored list

• bullet list one
• bullet list two
• bullet list three
• bullet list four

Ordered list

1. bullet list one
2. bullet list two
3. bullet list three
4. bullet list four
   1. enclosed element one
   2. enclosed element two

Ordered list with colored numbers

This type of list is a great way to display content with longer, step-by-step instructions, descriptions, etc.

1. Mix flour, cinnamon, salt, and starch in a bowl.
2. Whip the eggs with sugar for 3-4 minutes with an electric wire whisk. The mixture should lighten a little and increase in volume.
3. Continuing to whisk, gradually add the flour mixture into the egg mixture. Whisk until it is a homogeneous mass.
4. Peel the apples and cut them into small cubes.
5. Put in the oven, preheated to 180 degrees, and bake for 30-40 minutes depending on the features of your oven. As soon as the apple pie is covered with golden crust, check the readiness of the dishes with a toothpick.
   1. Mix flour, cinnamon, salt and starch in a bowl.
   2. Whip the eggs with sugar for 3-4 minutes with an electric wire whisk. The mixture should lighten a little and increase in volume.
   3. Continuing to whisk, gradually add the flour mixture into the egg mixture. Whisk until it is a homogeneous mass.
   4. Peel the apples and cut them into small cubes.
   5. Put in the oven, preheated to 180 degrees, and bake for 30-40 minutes depending on the features of your oven. As soon as the apple pie is covered with golden crust, check the readiness of the dishes with a toothpick.

Learn how to use lists.

Tables

Learn how to use tables.

Callout blocks

Success callout

Info callout

With dashed border:

Warning-callout

Danger callout

Learn how to use callouts.

Images

By default, images don't have any borders:

But if you want, they can be framed:

Or they can have shadow:

Or they can even have overlay:

Image Lightbox

It's possible to open a larger version of the image in the lightbox:

Learn how to use images.

Videos

Video in a lightbox:

Learn how to use videos.

Font Awesome icons

Font Awesome is a variety of scalable vector icons that can instantly be customized — size, color, shadow, and other changes that can be done with the power of CSS.

You can use any of 650+ icons free of charge anywhere in your Help Center (layout, articles, etc.). They are already included in all our themes. Find all Font Awesome icons and their codes on this page.

Font Awesome inside the text

It is rather easy to insert a Font Awesome icon in any text of your Help Center  . Font Awesome is completely free for commercial use. The icons are vector, which means they're gorgeous on high-resolution displays  . It is very easy to make your own design by changing icons' color, size, shadow, and anything that's possible with CSS  .

Font Awesome titles

Additionally, you can use any icons from Font Awesome library to make your titles more eye-catching.

  Title with a motorcycle

  Title with a calculator

  Title with binoculars

  Title with a heartbeat

And not only your titles:

Tomorrow we will run faster, stretch out our arms further... And then one fine morning So we beat on, boats against the current, borne back ceaselessly into the past.

Animate them!

And mix them: