Customizing status icons for Community posts

The new Community features are wonderful, especially the post actions. However, what happens when the default actions aren't exactly what you are looking for? Currently there is no way to add or modify the actions that are available, but with Curlybars the existing actions can be re-purposed. Please note that this information will only affect the customer facing actions, as the admin options in the drop-down cannot be modified.

This article contains the following sections:

• Displaying new status icons
• Using dynamic content to translate your statuses.

Displaying new status icons

For the purpose of this article, let's say we want to change the actions from Planned, Not Planned, Completed, and Answered to: In the Works, Under Construction, Implemented, and Officially Answered. To make these modifications, the replacement text will need to be inserted in all of the affected pages. To learn more about how to use Curlybars to make these changes, see Enhanced Help Center theming framework .

The image below displays what the original statuses look like:

The image below displays what the new statuses will look like:

There are two steps to change all customer facing instances to the desired replacement name:

1. Modifying 'Show all'
2. Changing status icons' names

Modifying 'Show all'

1. In the Help Center, select Customize design > Edit theme .
2. Select the Community topic page as the page to edit.
3. Confirm that 'All' is selected under 'Show all' in your Community topics.

   

4. Modify the {{#each filters}} with the following 'identifier' information:

   {{#each filters}}
   
    <a href="{{url}}" aria-selected="{{selected}}" role="menuitem">
   
     {{#is identifier 'all'}}{{name}}{{else}}
   
     {{#is identifier 'not_planned'}}Gathering Feedback{{/is}}
   
     {{#is identifier 'planned'}}In the Works{{/is}}
   
     {{#is identifier 'answered'}}Officially Answered{{/is}}
   
     {{#is identifier 'completed'}}Implemented{{/is}}
   
     {{/is}}
   
    </a>
   
   {{/each}}

5. Click Save .

Changing status icons' names

The next change you need to make is for the actual status icons on the Community topic page. Your updated status icons will resemble the image below.

1. Scroll down to the {{#if status}} expression lower on the Community topic page.
2. Enter the following code to change your status icons:

   {{#if status}}
   
    <span class="post-{{status_dasherized}}">
   
     {{#is status 'not_planned'}}Gathering Feedback{{/is}}
   
     {{#is status 'planned'}}In the Works{{/is}}
   
     {{#is status 'answered'}}Officially Answered{{/is}}
   
     {{#is status 'completed'}}Implemented{{/is}}
   
    </span>
   
   {{/if}}

3. Click Save .
4. Select the Community post list page as the page to edit.
5. Enter in the above code.
6. You have successfully modified your list pages and drop-downs. The only thing left to do is make sure the status indicator on the individual posts reflect the correct wording as shown in the screen shot below.

   

7. Select the Community post page to modify individual posts.
8. Enter the following code on the {{#if post.status}} expression:

   {{#if post.status}}
   
    <span class="post-{{post.status_dasherized}}">
   
     {{#is post.status 'not_planned'}}Gathering Feedback{{/is}}
   
     {{#is post.status 'planned'}}In the Works{{/is}} 
   
     {{#is post.status 'answered'}}Officially Answered{{/is}}
   
     {{#is post.status 'completed'}}Implemented{{/is}}
   
    </span>
   
   {{/if}}

   

9. Click Save .

Using dynamic content to translate your statuses

If your Help Center is available in multiple languages you can use dynamic content helpers to translate your new terms. For more information on dynamic content see, Dynamic content helpers and Providing multiple language support with dynamic content .

You can create the dynamic content in Zendesk Support and then use the helpers below in place of the previous term.

This will enable your status icons to translate for your many customers.

Now that all of your bases are covered, all end-user facing information should display your own words, and not the default options provided with the feature!