Zendesk hires Lotus Themes for their help center customization. View case studies

Community hot posts

 

This extension for your Zendesk Guide allows you to display recently updated, most commented, most voted posts, and posts with certain statuses (Planned, Completed, etc.)

  1. Unpack the downloaded zip file. There will be three files:

    • hotposts-min.css
    • hotposts-min.js
    • Readme.txt
  2. In Guide, click on the Customize design icon in the sidebar. The Theming center page opens.

  3. Click the theme you want to edit to open it.

  4. Click the Edit code button.

  5. In the Assets section, click Add asset, then browse to select your files.

    Select the *.js, and*.css files from the unpacked zip. The files are added to your list of asset files.

  6. In your theme code configuration page under the templates directory, click the document_head.hbs file.

  7. In the document_head.hbs file, paste the following snippet:
    <link rel="stylesheet" href="{{asset 'hotposts-min.css'}}" />
  8. In your theme code configuration page under the templates directory, click the footer.hbs file.

  9. In the footer.hbs file, paste the following snippet:
    <script src="{{asset 'hotposts-min.js'}}"></script>
  10. Add the following snippet in the place where you want to display the extension:
      <div class="tabs hotposts-tabs">
            <div class="tabs-menu">
                <span class="tabs-link is-active">Recent Activity</span>
                <span class="tabs-link">Most voted </span>
                <span class="tabs-link">Most commented</span>
            </div>
            <div class="tab" data-hotposts="{limit: 6, showVotes: false, showComments: false}"></div>
            <div class="tab is-hidden" data-hotposts="{limit: 6, sort: 'votes', showComments: false}"></div>
            <div class="tab is-hidden" data-hotposts="{limit: 6, sort: 'comments', showVotes: false}"></div>
        </div>
    
  11. Click Publish. The Community Hot Posts extension is displayed in the desired place.

Name Type Default Description
cash boolean true Use local storage to cache requests.
cashTimeout number 1 Cache time in minutes
status string all Filter posts by status: all, none, planned, not_planned, completed, answered
sort string created_at Sort posts by: created_at edited_at, recent_activity, votes, comments
limit number 10 Number of posts to display
We use cookies to provide you with a better service and for promotional purposes. By continuing to use this site you consent to our use of cookies as described in our Privacy & Cookie Policy .
Thank you!

We’ll get back to you within 24 hours.

In the meantime, you may look at the examples of Zendesk help centers we customized.

Bonus: We’ve emailed you “Zendesk Help Center Best Practices from CX Leaders”

Get a Personalized Solution for Your Help Center

Answer 7 questions and get an exact quote. It will take 2-3 minutes, and you'll get a custom help center solution that solves your business problems.

Bonus: Get a compilation of Help Center Best Practices from CX Leaders

What is your Help Center URL, if you have one?

Where can we find your website? *

Add a link to your mockup if you have it.

What problems do you want to solve with the help center?

The better you describe your current situation, the more personalized solution we’ll offer you.

What is important to you in this help center project?

Please describe what is important to you to make a decision (except the price).

Which of our themes would suit your brand best?

Choose as many themes as you like. You may skip the question if you aren’t sure.

What is your budget range for this project?

The higher the budget is, the more customized your help center can be. Lower budgets allow you to get more standard changes.

Enter your corporate email to get your personalized solution and quote

Email *
Name Phone number (optional)
Please submit recaptcha