1. Leaf Theme Demo
  2. Usage Guides
  3. Technical guides

Technical guides

These easy steps can make you feel like a web-programmer while installing your theme by yourself. Facing difficulties? We are always ready to help!

  • Theme installation

    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.

      start.jpg

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

      select_add.jpg

    3. Click Import theme.

      import.jpg

      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.

      customize.jpg

    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.

      preview.jpg

      • 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.

      roles.jpg

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

      set_live.jpg

      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.

  • Images and icons requirements
    Logo

    No specific sizing requirements.

    Transparent background and SVG format are preferred.
    Custom blocks icons or any other icons

    100x100px

    We recommend using SVG icons as they look beautiful on all devices.

    Search area background image
    (hero unit)

    At least 1600x1100px

    We recommend using a colorful photo in the JPEG format.
  • DIY Branding

    Changes you can make in our themes:

    1. Main colors of the theme, fonts from Google Fonts, logo, favicon, background image in the search area

    theming_theme_4baf0d56-6b0e-49ac-8878-71a4aa95513e__1__2.png

    1. Icons on the main page, as well as their names and links

    theming_theme_4baf0d56-6b0e-49ac-8878-71a4aa95513e__2__2.png

    1. Home page layout. You can choose which blocks to show, for example custom blocks, category list, category tree, promoted articles.

    theming_theme_4baf0d56-6b0e-49ac-8878-71a4aa95513e__3__2.png

    1. Colors for formatting components

    theming_theme_4baf0d56-6b0e-49ac-8878-71a4aa95513e_3.png

    1. Social media links in the footer

    theming_theme_4baf0d56-6b0e-49ac-8878-71a4aa95513e1_2.png

    If you need more complicated changes, you can order Zendesk branding and customization from Lotus Themes.