Popular search terms

Allow visitors to access popular searches below the search bar.

The Popular Search Terms extension allows you to display a curated list of search keyword suggestions to users in order to help them find helpful content. When a user clicks on a keyword they are taken to the Search Results page to view results for that keyword.

Suggestions as badges
View code
bb493d1dac3110a1d41bfebd802d3c560d224e6a60135feb6376b920e79199b980acbb189f0bd3429dd6617bff34a56f3625936bebc87bcf94ad43afc4ce2f1ccc188af54fe90efdf0b05bc50dc4f351d8413535d47b32ef1a705f30173f39d8542be82d95f527265be9805d919d60889c4cc53c614a43835e16904a01f7dfdbaa670a47ff38a2a31c0c01dada16b58039996dc45d6fd1704810cbea194111516b379dfd9e1164d384127d2126cdcf102af9dcb22a5809ed5f285f2420b5b95b7f5e59d8a29e06d28f93065ab4d4279b1d44267a727219f7d34c0305745c4523b3d6831a4f5359e088cb9975cd7d79048bfcc6df9ebb726eee89669fb21fea82e13ba8b8e691a3c4d4d8a6ac06c8cba7dd4b7cdab66f9cff4afa4867bbc7fcda254b57b0b78449ca545f61524217168cd420ce39eb61f9bcb1fc68da43ff85775e0b24203a7f21f597b6d22d43fe3b50549e48671a69f996a827520c16f8adf9fe319fd5d80bddece2c8987ee068aacf81d4ceeebfd60b971ed129bf86e0e2a1e50f9374cfe6392bd33411389df41c683c42403a6f0e296a3fb510e431bb966aaa8870ff5223018f415515007045e98cda4a600b303d3a3174ebd1f194cb56ad0c8bd4b246ea6247395aff6f4293bd8c1fd37de9d049c056af5f7350e452e0df0ae1c98475a5f9b4593ccdfbfd040d9bc68ff7d5aff1aa93870c31eb5aea3796555067fe85fb593690ab1350070b27f277f487249664bc55f845e3f964447d8336280b471797f829577c6fe59aa9cc253ffd062a4a58aae6d5ed4c621600f4f43dcf56eb69daa99b3bca54927b88d85dbf9c6c349b33584cc8e560277b0ea128a2be39e25f8b641afa968554019789468caf5a879967ee971f066ec1dba4d4abe74f720f9284fda65fbdd36541300a195ceddc9f6c4ccf24ebf2e379c05156b9a0e27172b403cc427b5379579834608763cdf8264f1aadca74fdd681a6f98a727c69362b63e419a6075c3a3a09b2cbf1dc4f76d9e35ffe6617a06bc4ad48dc67f21f75487803193f25a9b7f647998030d14b5201b38f076afa9bb972281ee39543a9463815bb70d8d08e1f33f57dc45b7149a8a61b5a9d03bbf8cb8d2abfbcc7c981437dc4b7fcfd091386d832a1307499b9d5bc7e5ef35dc4b543e0079e7764dba01e91c53fb2d7461deca44152606e1b148eb42095a1390afaf0e9920e9253b9f8cc06a7be21615745fcd422a7fe1880391da377f5cfc181e73336f4e63a2463fc387b37c775ec03635ba75b188efe868fb2e22097a2ad7d45f8165bba2c317f12b7ce35cdd6fde95b5240333f736a963f1c81d190c31ad68a0736c0201123367ca93df2e39b78af7d5842db85d56b0648e01e2de8d9bbe49b1942944809d3ead8697682609bbcc06aba73b56491411c4c2c4704d92686aa12bcde1ff37465e133ddf1122af47ea67d33b5c017d0944f6f3541d5511c0f5eb9c2e220cfc4f36b12b71561701811a0806a0d2198381d3b52723f85e454001f5d8727f0bb6d7f473e71c0a49e4f49766076fe5e0e2be41dee3a8597c5580726d388683eef4a72cdce6098252174701d7aa3e51c8f1d75a90fe49185ee81acb2c173d2ee64beb5e97c9e48fd0e9a8cd6bc0d26fbe8995ed011cfb82847a20a1d298ba22dd507202ca845d7bcdceb1f16efa517a9a3fc4a12236eaf8ed9180d85f00f9761dbb12fed9f58f1b499cfbbdd78d6e3908f480bc1ec9f3f28debb406a52bf977e69e93abfac5ab9eb2a8e84512e2bb571fbf836cc6b2af415760a54ee93d51d05156fb4b44b3907324b248e081200b0569d097d2d2e97b94968b3abc2fa77c5e645cbb7409749b153f227fb82444f6f03b240c9303ce4153385158178d5bd776b4cf1d28b97e2f161932d70ccc72202ea0df6c52638d5e8ccd63fff5414d16b565286ed23fbcebce17bcc0bea6571a618be7d315e2a7049308ef4ca6d09c2e316e660fd76b01b06e0acbefd37f16bce13deb127ccfbf49b539059101fb852c6f200943e8e4c547844aa7b8e8654142904f56afe222282d3e2629ecbc23612202bf2f03bd0f2465601128ee0b1aa0c90fa5f286d0c0aa11003a415a455a3e0b8ecb855ef9d091775470834ee5aed9b877e2f28f226876bde50524752ded3eec1266e3a5712a5430fa8518d44e3e4e9e4eb0eac995479b69419312619c7899c60bf6ea1c6d572c7224dc0bfaddd280dea83148d5b5034ac1245894768d7337326e8e3184c40d071de6efc1675f027afa546b3b3a8b078d09bca0af2dcf5ccc829141aa80047bb86320785869563d3a471c6ae523f9fc23e78769b0320373bd33b252d9282f3d3e39817261acb9c1494ec6169169cf3978f123bb0d122f61b9a7b8d8051a8773e397244b54f424cd45fb3de316b5203fcb0b186c23af24dfc801bef9dfdf95170c967670129def7b3228e6d918cc5489c4c6bac4b531bc8e1423e3f4c5f0e
Suggestions as badges
View code
4c7e4cff756aa53f16479d65ae20aa0b63d22dc649d513abc4a40cd3720314180dc082c1109b3d5e6964f895902151a2d2d4611c74902fae84b7d4095412c151386f351deb0996cd75ac0fea5c08a3be08a04713830b7494a2c5a3962753bf8f476a22d5a4776a713d77286358c432ccca2860c35aadb875602723a1306556ca123f1fb0230dc4337d32f927aef71207f514552c1b95bbd1d3ace9a4d0bd363adb0f5fb1c18768719e364ea81083734e2022823dc24234e824a91a5529bfc835295d1f8c44c3a93ebef10e478273a714051eca2be7570268d7dab15a6827adedf5b2d2622548ca59fbf243b39ac00fb6192653c41681342b3a28380353588f95d600e0e5c2195c0a15b4ba96053976f941e4c9d7435407b91337ae16dd1c0360a43565a59a4124262c9578156ae3d2dd5427c3f67113ecb611d8a78064af966be92a4c40cdb669c211b4543dd708177f973e9f92ca662578ae8776758a3e064eba4ba7d09b054124a53f1c2e2c7e480ef27aba3e0434d481c678191352c4394034d0cfa8426a243ed934aadea00478adc10872e7511d1818e5bf3529c34873ab792b949d5e6791f3e7560e88dadfe3c0cdbb6c3815d94344acab3bccc5a8f1b26e53177266b2d90160052b2bed1c02c53f0eb28483f9d87e8a7dfb530d123d0854e3251ff433c59e716cf6e31a2eaa0995591b0b61c311bc0c42ed945c364a3b4dfc8776518acd7d8b5848663ef4719c4c100203fe818dcde83ceef1fc5b4ebb05223ed7d07fa8a6de2d51b5de6707f957eca94ee270724d0febb4b5acbc21447ec1ff1326bf00055eede64ec4fc159a80ebbfdf9cd7a0e59c26ef7fe155264671b49491bfc85662f6bd8a823c89ad6bccd3124b76c2266466ae8060f0ac925305911bd0d4ebaa198b00bf413b3dfd6eef284a97cf4bfaa3ce29368f7faf1e180386dd8c8959d31d086d45a896d1c7eb2f9db1cfbdb369a752ea23e425c83bcce47b6a1c08293f268965efb5fe79b40ed6e06c2bfac5824faafb2a364e2468403c6ceeb98c91ae8505e996c7b42935147f6ea88f1d562986881643a54d176786a52e8286312951c285b892ab6f0c31d13233c420ea60526df51ef96d048649fb7a3a8194a77083f22508eb1cba973c8c2f7b35df62a16c332da66ac8b8a34d3ac1fbb943486964086d5a8376684bc459ef541572b7e1455ae0ce971abe9f9208d7629205576ba754f525ba706d8588ea89b3f1b31e9d9dca7c90781a46431d925f9224be3b44d5252988a81301a4b8dbd157ed04668966f5b2e025f6f719697214844e402a55f1bbab3e5c72492cfd0fe33fb2bd44932f5d53a15f033590616ed64c99ee10d7327be65adc97529262a13b831434152dd32789afe8b14cfa195dd769ff5c1510965d3d19a98a1ae19f54ec764584d29e630a37dd3b76d720c2317b381c416c0eabf4c9f99feb5709f36459e2419c7679b15f002dcf4df91376efe668cfc177237ce51008f171848ea507ab99f72fe37e285af66f4755a93eb20cd79a8e6ae9f07fa0bbe5c4f6433490871e5c680cb6feaab73295272fcdc5e816b04dca39f4d781c0722febaf3def832e58da362515356c95118e844fbc9e18926b781313214a71edfa1b4a2421daabf5849d746bdb2b6f6269b647eaf60867ca2fae1b4bf3f3f3d7ff91b11033adbf5b17ec9d34fa89d4e03bcb89ab308b94ec1d106ae65589f962f9b6ac2850c2f07423e42912d3bc5c54b496e802b6382739eb52ee24471d2f80fbd1c2ee6ae81bcf0913453ec594fcf4e0a7542954158257cf87d1ef9c8972de92c3f8e02ea4bcf40ac3eb271919002e4844edc3725d1994cf4d85c1300ca325afb1dfccb9877c4275d563f2f5112015f74f071dc7171f7a8c93d86d3f2c1b27eef11ae5711f359e08621f690cbea0e2e0f82214a8031a1c715d4dfa1eb1b7821048d64e31f1046c151de73247b17f515fac71a284bef009e7387c2d0840ef555b59588b4ce21eba0088b83c79ec068eb6e54ebffcf5dbe65c5990baf6db0c49e8494bbdbd975f9a29761776fcef58957c418e03a30bc6162c7dbf5a1e949702e3ef487409a56c63b5aa43df9982c4e5fa7f8351179a1e8f5e4bd56f2a4476f5c3b6e9515abb6152c9a7788f81a5b3f0586acfdc1dcc032deb8e276fb020bce434f580686909563cb7b0d70873f8fb6abfce4e572135ce7928f136a68b8d716128e86cb733ccc9e00425a26a0496dc958c55020e980881a3ff0d4619cc1108d88732da40d6e648596e3da1898dff1a333fabe5b01d6396c88958e2bcb6549017e490232c3197e72763c9af5b5d3965a2082172b25c4c7af78f27ad559233bd772737f284c843f9589f35f9a357083028625ac60436986f88775f5e286cda66b1faba4e923e4f1f6d907cc8b2c8c50323af3ebab059b9c575c102cd1db69f7dd275a3d4f2f08809cfd35046540ad4a60c3b97cffb863a46ea

The Popular Search Terms extension is bundled into all of our themes by default, so you can start using it straight away. It builds upon our powerful micro-templating system and gives you full control over how the search terms look and behave.

Our themes allow you to add a list of popular search terms on the Home page using theme settings.

  1. In Zendesk Guide, click the Customize design icon (Customize icon) in the sidebar.

  2. Click Customize on the theme you want to edit.

  3. Expand the Home page elements section select a style from the Popular keywords style setting dropdown list. You can add an optional heading using the Popular keywords heading setting.

  4. Add one or more search terms to the Popular keywords setting in a comma-separated list.

If you’d like to display the list of popular search terms outside of the Home page hero section, you can copy-and-paste the following HTML and JavaScript code into your desired position:

{{#if settings.popular_keywords}}
  <div id="popular-keywords">
    <script type="text/javascript">
      ready(function() {
        Util.renderTemplate(document.getElementById('popular-keywords'), 'popular-keywords', {
          keywords: '{{#if settings.use_translations}}{{dc settings.popular_keywords}}{{else}}{{settings.popular_keywords}}{{/if}}'
        });
      })
    </script>
  </div>
{{/if}}

Custom micro-templates

Each theme comes with a number of built-in styles that you can choose from using the Popular keywords style theme setting, but you can add additional styles to your theme by:

  1. Editing the micro-template of your chosen style on the footer.hbs template.
  2. Copying a style across from another theme if you purchased our Complete Package.
  3. Copying a style from our Pattern Library.

All popular search term micro-templates use the same keyword list defined in theme settings but can differ significantly in terms of their look-and-feel and behavior.

Related extensions

Animations and transitions Free

Animations and transitions

Add engaging animation and transition effects to elements.

Carousels Free

Carousels

Present content in well defined and easy to follow steps.

Content blocks and icons Free

Content blocks and icons

Display icons against categories, sections and articles.