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 6496b4aeff1fa11f04405c2b6b145175fd1ecb018354cedbb771e947ea59e0a40c9077be55141b4590f0d77e2d35029d5427946cdde5c7158e7abe50ba2fad7b32bc08884163b23d934569edca66e9ed8778403cf510852c64f362b7bfe44528d86b23e161d8d2b294b642db167625772e4823a897ce4c969df2d297ba5dab32fb0073faa6590b69492ead41349eebbbddb8e2ba738e6d7ff0af8fb5f78da6ef43b67a49a9fed4a49fb05784aca3409657bdb2b5bcd8a2767bad8ff8af4babe66e4ed87980339e214089a191fb3cf3c76a641c6bb76ad073875e12bfbddf393c313120f1e238f6d67d61e83efa56609e544f852ed534b92d871c5b1254ffbf1c51ebaebe5ebca41e8e2e76a6e50bbe780bfffb40af2d9cd5011c10bd9e01910516739f157228471c783eea3d7dae018efa874b1696c97c2df70d3afe80e491433482c9810bd529b36dd4e335092eee8feca8f9ff8e4fd4e5280274b36b89c0c9b4199a1fa07a65883e96a490d5835f3e4f97c3cac6bb664c7fd718b50b3a349df5b0912be44864da22bb4d04e3ca2ec689182ee7fab68034bf9c7796aee3d3972fa2112c126e202d1d5914612a2c93917553dae1fb5832e1bc153035e0e7f5396221566754bbde75abd359f537e793d470856197a11c8d79f130d3b6d57efcc16c03714e8e281d463a7261e5b928ac10b01068a2085fb56b20ec6e79085b236c32526c1363ac6d5e5509f672c58433b5845efdd855485ebee83fc68d4882b66fcca09b184e29d8a982593d71c887a9535b34acaa6deb24e3d1c4f18886ca352a97dfb4e9da9a70eb0a51068bc2a1d17e7c8d6756933ae5902a14efbbf0d802fd28ef8f61ebf0d1536207103eea740f301d5967972b5c79d7c58c50d500aea784c0b5aad8ddbbafc622fbe0e7ee2213debabd44440d7a94b74e959c7aa4be0f462d9e362f06dca52b60a7c4b5753bba6b4684651d9e19f13f9dba1cbf25a44224c7e0448f96d7614601c92c228fa1384b0c4ca644f29d0d03557a3568edb009a6bfc5827d04d4aa00e4750233170ad6a75443ed33b5d84823fd6ccdb876d0612982edaa9a9a2d9cea3766093aed49f2438fe4cd935eb1ac08c255b15a213bc1af3c2c431bb410dd20f2dcb7c95810ee4f3fbbadaa504db4af8360844226130327a1dc28478a25a43f4a5f8e0ec9f7c308e236240f411db51c72bdd791db730df12532807b35e33b81bfdfe03b6d8a74207c1aeaebc02621c6b199552ed533f21fa9ba365621740cd616c284f7a5485d4fd4b6be5350a9dc28cf2a5bb39845d1730ad2d77e7abc1c3e1a472d8fc58c5762bdb5d9ec52dc69fb2c90e04ba5d79a48d8bb53d7ff0149e13e9c321debd9309f57cb528feca5739625babacb11be1c0b656bc027d95e84769bdb05b7f0b30a68c873412cf8e146cc91ac3ed57093a0cd7f67f44ffe8ff8c9abe22bc749f4325683665b305c5b9dd913c547313f3cc573f4621ab48ed74aac5def2756595191ccf7b48e7061a38542b994e7e137f15c70a6cbe7dae4e3fcbcdeb94e2eaaa4b233981593cc357e34ea0791e0d0a0f217cbfeb30aac093077ca692c800bfe3640f188ebe77f1ec0713029c0df2fe15f4e100dffbc2d7dc52a00f3ca8bbfae8a83b2aff1589dbc5b415fbb5d4e7a4fddf6493154ac63a4ee8679d80ef9838b773334f13b29269d8d74b132944d749d6f3ae973e6e4fe11038af5914949b6b9dde1bbac5f6c6994926b6025609c21a0a544c9c1cff529eb2d7bd6292f718b87cfe5bcf6e17d5d292d739a242ede3f561a501cfa7bec348e89974e84e84f0b7417b41f520edadf7b7c67114b34dd282223df7d93d4ab23f9b76ad621891a2ab20369bae8edd9583ab8c9dc553079f9dd9ad7c655de4c25fc2bb04ac91bff34502d881053fedc3337e90c9a7c2bc8c892f17634b1060100c63b5fe2972ed3bde6cf4fda694e1581185d81cc851830f2b0b2f1e276edaf9e7cb7489f42fdc1bea0a8e6c857d3cfe355d92cb4319c384472e46ac9ea1965a875680df60953dcf98b200aca1131a9467290b7ac61ac42052478d7617c60c36fa1626ec833d96b87ade45467d73b5c1b44373e6afde3d7d1806487adea3f6ab1e3b41fdf110cc39656b1a325732722fa082edf8608a93d22d804b5f0be1b111f99e76bc9b6c6e3b43637cc3aa876e99bbe3636b4b3ebc9b4a541a543166ccb152d1dc3bfda77e256c3d8b5ccdf8a79cd79d1720c60923c275f9130d84c1b907f20131733d399717868cd88dbbb04fe8ea5fd2eccf23169ea26706dcf389bd1e863a5038603cffc4e9e485cb48bdc3361974a62781015ca2df23beba9f0eacfe28869806e5bc4a86907584cba112a99869f2ecfb41e45bc6af47394c60ecdd4ecb36171d3ffddb73588e089275754841f095d90a10b4881386da6502612e09d2c20702460fc4d15f4c758f9c138bc322d1f83cb975c7acef84ca60c3c
Suggestions as badges
View code 0f3d6f2f7a35d29b88fede49130045c826e3ef264eb65f18c56ece724e0d9d0fb3e9e4f911ab33f5d41c67a26e3ea2446efa281ae703c1a8a73e73bf6277dd5aa54342696fb6a535395042b998e2306a042a416bc408647a8160a6be4e97529cb2d72e96183cdac63c9ce07563e63eff37bf68f9dd15ba493c169d9e2fd47059fc56aabe6a5dd1c77b23b130746fb4495bcc022208d51939fd10cb0d4e1f88d557c8f2556ea8f58b0733be017b9ce1cc147fb1efca39a922cf0e1d6a6815ed3b306c740c60a7f688a12c531583615bb86e64eeff7ed27e0c0e7a1d3b5fa57239d447d2889109191a1966c57c28aa4c869a0329dc130d4dc23af601ad9e642916acc65763235749595bfdd6b272ef1b0dce5ba3591dcedfb7e3e38a47e38df8edb072769407bd27e3b92b223d3e960e7500bc2c68fb643c45ef674ce6ca7b8e338fad8c5da405db7ed4c96e97b1f51b60e68f72d52601e4a322ac42a5577bb6c94b8818ca7dda4ce153eb2e92f53338ac232ceecc2ca88b531a2a5bdf6f28ffa995c6b3857f5a97ac6a2cb46d860ff757a7f01d30a4b1830c915a1c67e3fd36c5e7d7317fac47495f183700a50d501d0aa375b0d1d54b98b46d0ad778e67241954db68c0d2f4681ce271cc1fb9fa59f1a6b264b4053fea1132d8b90b009460bf1eda39edd62d2a9247ecfb65faa0a74af17d46aaa8efad7cadf263975b2fa7b0102f1bc0a4d17bf5bbd83757a1e3910356be7081a9ee6ca064f7ea38ed871a09467a852ad62913404a1b5cc7a889c824ece1ce6bfcdcf18af50ef463cb36279a0200ccee5d0834082e2520e6b50525d92a17c2d54a3e619200a7987e77faab1b2c888378b32ec6d3d7deeb76f090dd138166c3fc6fedd0a838d1c3b89330981f71753c1fa696536903482b5cb599911dc42032f33f8f854287c10d54936291fb63c35bcc40d701d0aa2803c43d3433237a05b26ac5d46f761fd0aa7b232adb37efe2c2102fcf14c91f129863c565bea78506fb7619a36a95c80645d7330a590bc580b8b601941351b0e85f4314606d26dbec32467dd13580b82b89451b5fc0b234c0773e1c862c1fc9db494ae9cd139e0073ad68141fe81bb4b1c6c855793071f9325d821ba5af02fb26aa98f90bedb83608557c231a19327d29920974f1b88090572e5ccf323abe5a7ab54f9b74dd850fa9be5c5e7f3f529e415564f9bf97b6e4e47644b825f3ebdfdcc45afd75d6b1227d4a9479f39b63185f9e8eefd046cdb252c0eda7f0c8ed8e88db9b47a7b3294b48b92387f600e6228e4b94f38a2fc1d7b3d0ca6701fd42d775b1a2e96f6e751f2edda2341a61cab22714ef6b84fb1d4875336444f19fb85aa63303d9087ed90d73cb7bc4db21813b317729cf3ee4d4d96c1462b2014687eb33d78e8d6734df54109c7cca0be3176ee6b5d204bfd64add261f68590e51748f79427746b35119064ec0a8007ea2ce4b0c8eee910986d4a8d7004b7b5bcfb0e204846f6c1173e3dfd91cd98e5873526081eccea75d3615e6fe53ac19de14ce3ef70449f6d58ec0396e826721325b95e5feda0cfbd802caef5ab9a2ccea912f928d496e8c1a8fbf565cbb2a7c11d261995fa93f5173f7165a92dba208169cfbac29c67d8a21db6065c18b1dc7d3f6f5816d96fc036154930dfa0f3fc7c047b24ede4e8cb2f68d81c8f80f6b0d2087152d2ee7a2a919cbee0d18e5b6a7605ab4d7bc7691551b92364e198ec78fef072d2878b1045152b603f73bbc5accd22554ba90b410a21fd13f888f82a01d6b334d177031364a77b3e7939bcef99956a85da570a5f1fd7789f9718c45b645207cbd96d88335d9c4b0a10a3fcef130dda8097535777df0a06ed2fb564038268e340d157c936d5935dffe162d01ab2c55cdb1b3dae27db73e058c997723e271486abfa172277ad07814484544d5ce524b6c0495953006ad70c32247479c5b2b69f59fcb0b6f7aa6854b3684d030cf09b9633e1fd3908180665a97bb7740dc54b9bd8ca3e787e9503b45b371f32f5b528ecd809d4d365fce3b5a948dfce50055cc67c4a3a021cfdd70e01e3170a68a541757ab043c0faca50b3f24d54bc87cfc43dbb52479ceea7fe99e06bd8b5e9f28acf8b4f116d3cd409dd42baf6b91a4d5948adc581ed511c1b58005be17d7a40a18f1bd338c0ddb9eed9c17a603703fb49afa5c3243a7daf1c8066e84ac2395010e6e0326103cafedb6143020fe1092b328f9170aca4678247ff613e0d766d2108b8dc3b1c238c22a402642d1ccec1a4974ab2e07278533d130ae3b933ca74c516b75c0c3e77569afbf65b6ff417135ae28c0295e8ec935ecb15901102fe2f537e31ee2b95b10db6587c93166586dc677f31b2a85f50ea386eaf798389e42e6cf63b16ad8f64d7f8bd7b69d3bdad16a3f096636de9ab9f2f8c6280e82b1255d35262934fad8a6fb42e57796d51da0edc7b3c54b47834df5490dad274
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.
-
In Zendesk Guide, click the Customize design icon (
) in the sidebar. -
Click Customize on the theme you want to edit.
-
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.
-
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:
- Editing the micro-template of your chosen style on the
footer.hbstemplate. - Copying a style across from another theme if you purchased our Complete Package.
- 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.
