Suggestions as badges
View code 21258d713229f67554ceda9baa3b0b7fab0c7e14a944b250b6c48a262645581521285b6065ce0b2c2679b7d6b9f6c0f45d8c2dade7d1d83a1feb6c00b1f37aac7f7989a6b4c4ff09e1af772b3a2cc25dd1f453d85617e3e57b80527b5ecef60f799b43589e09fe795fa6717d4aab97664a2ef7b8cfe61da5596d360db4d159198613a64a8051f2763bfd3ee19ea1093cc204e1067e8bc3ce68e42a60dd5ef06bee0be0d437f7880893c086892959239f0c940b6dc07b8f2b89179961e600037482c68889e8c85a3b17d1c22199582b45434873bff38f9ba68369bfea9065c44ff614a16a6d2c3a41c4b1f1e20366e5164826cb6e433aabdb60998ad899cd7c99590dce6f8d6423f3b909433800dd6c250b788ca81e38dd6c63434922ae3af4cae585475f70c75eb09cf8874eb5bddbb9168f0b53f72dc09d0084a6626f53a308b0b92a015a6cd11c969ace9c08f49ee38338c330c1443793826f9e0547d34fd158c174af4e8071f5c3a4b22de1b0df930ca64b9cf3cb3129b9de7f4f9b5530116eb8882a0430b15f6cac725ca03aeb2b2a627237706a967399fd36563e7cd898d98beacce813e7155208f2ab99da55c4eba89196993cd4524fc8c1ff413aea87b11463e70a9c9e8680622f76d63ea002644c89bdd5945361de2d4925e4fc305b93a9304812b919f0314560e125292d8466766091c32166375619709293611cb185f22afffdfa01e0cf27c1700171451b2717e0a11ba92f478bbf08d7acf831749aa4964e58ba833e20399a14d93f604fd34f3e00df3a0ebaa8ea98336726bf8462cf87980bba693096220c6038eaa1f00d2ce5ae15c2d428561d143c952de4e592aebc4c13482a9ede8bb3a412206f4c68061aa2ad803a7c95c1a4fd83d2e078658a9f125d489c9fb158db043081ed41023d5ff38d23a0a71a826b35e6c876b8f837196822319b3394a18ce22bfb4a0a4dd3c0328dcabb0f25dec27fc8f8dc889cad1ed5c9849ac6a324a548c1357a04e0bb9d678ea55ce6928f624676a9053f5ca6b3fd3c2851654e37b9970d55d810e5bdd4df76fa989df1cb15f955b0196d1f459e356cbfb7dd9afeb70558de9a1d33de6f4e130888c61bc8f6620095c35ac3ae94b17a2690683a3e13f258b24d1d982357218d40ce06abb52d7b9e04b8a677006185bcb95a0f43dedf26d2e0eb076c601e84bea2d82057414beac4bb2833c465a3b93016a97408ef6a56731c781d1c681ca05a29cc31b714854b2a234ac90e01e6ccec991b8b9e8b6c2f8ebab977d94e55a8b8f162541b476d1edb45d852f0b1202751e82113cfb6ce4028b95064a6bd1f30de6aedd5ef85cf0407db54a952a6fbea4175983b1c0a0a81ebe7dc3604c1c7c56476477b9e926ddc81fd230dd7fe54322308fb405e5958f5ab3973d88a7906af633f49d2b11947c0ead287121dcd4263c7a07c380e1ffaea505596d12478c7e5ad105dec204b3b6ad41d032d86b76cdc612c2f02e36af648eac2bbc8f17f7737af6714a48bdae1fcb3c4697cf16c2320d3b0ea4326e74ffd8f27a29c6556fae4ee8978589ef8f48ff319302feb5fcdf5ab039b9fd74cf6dd710cfa0e0d40472c8bee96e2a50bbc9039444f293dd0fa4d151d77157a9a890c52eade8374bcc547c0e04a5a6429f29a96424553e12293d134e0f483c3e6868d6f108c96981eccddf7106b9b6a4a83e5e7978c294a0173bd97f87dafe678f373835f5cd749f25380d4aec880e44d1c4d12a88d837ab844299b2ce5a69bfcf633b3509a98fb372dee7ca665335321ca690f43d9a94351cf01ae051587827595b5908e1c9b36740bd729651fa2a5cd5c5df0c73b34348eff0bb5c150e658577109f0921ab43d9d3e93513ee83214a3fad017f1545611e30239b2082c21fcab7201ab6ae1044036a1be5e8e40cc18bdf3a8b2e3dc8f10875330c868f953f44b9f09b755f055
Suggestions as badges
View code 3b68fd3163bccd15008db8d8c1cdb4fbb6e62e14179a6384e0d12e36ee86c862f034a058e5a282c05788a6cd71acaa3630248071595cfc69ce7b15131b1cdb0441448589e45897ed6ad86064196df0e2de37ed912d3e0b22c5e047b94ac37f880ec88979f01bbbde2cfb20b9b7494915ecd5f7ebbc6f3f8839e563eff67e06d5cbd8685c1ef8db0f1e8fd9936b4547c30888a35d3571229e4ab81ba98ac1828b3cb962c10b4103f13990851735c13d1c3de9005934f0f83f34388e6524fcffb0c09485b88f8d45ce6a4ce6c3aa0174d0a03200a03cff7a4fbf43888d5dd992b16347772d2f4adf6ec9ca9135230622dc0b04ecfdedd52aa39115b17814ee655da765a001204cb546a6f8ba1d4d7a5771d186d3205911fe91009535ae3c4b76f054f1967307504899649eceebc6c78e15ac50d0e002ef4595c0df7ba537eb0979f6a9db241d407986b288c9d595dbf50dde724d5d06feea00577d4491655b3029c6992808ef37db4fe8dbbd84e12e6b99b0341589011e718d3484ecb2a8fce648ce4c1fee20c6d3fc9f71b7d008c8bb0e236f232d54035211f5cbd1e94c4cfa4de9ba28c7c208b84346670ee9332a6423f9777ed4ffaf7f4d5f49f86a0b1537d2799ba7d4fe92c839b7a491610d04816cb1fa2ac1147d19a32b1470cd05c312caf5b2a457fe38a86e7db3b4791fef7f7a77ce56ca6b9d403bc2cef9ba35cc6abd743ed239b2e3b570597abe4720143b044466af0c9fea45a97fa1980cbc0ead1104dcf07a959a984d465b0b4949a26770fb9f44405369fc78300f000ec8796eafb2e6c25e6df5646350557e987ca1f9d886f6a159909a1b3e6d21b93f60b52ffa0668925b383be48c13bbdc2e829e341616b5b32212731b65b8142ae8fbd41748223612707944096d374909fbf11d4c761d0de73acedd3ebddbad21dc4c0938786fd14f951ac3c72937fdf9cfced7b26d308d53301614d5535a57f935492cbefb036f3c9d80fdee9363977838c77021d3bee2077a22f4b424c3081114d0a8f70054d13d7cd458da6b5840b10f7ebe7f55535ac6e65932f33d4c59e5b73deec6d290fa0c2b7cd3015b1546940a83615ae75521f7130e755a831eef7c74f0bd601a509f76f753a532ed8f45a4433a083b61b9eee4579a4df8f54f7755ee4ca2e8015ef7575041da54f99100e4490f0ba0bb65359c6486c90c143fc460d9b9a6942749805ca1c4d823daa3b0eb41e806a51f31c7ace42c9b78d283b40a568c1a1295ba6175eea544c93453b9db5c67cac34a16209a376e344f2dd777c7bddcb404f6043d5ed30871abda14889e7b30d45c4c679147f5fabc2b71ff745e92ca07397cbaf1951de5739a602822daa35716159fe773f100b2fe95adce72819455bc796964c844172f47be892953f53020fc1ff3e5fdd41785de299b97e958c000f720f12634be55e0668701d00b52c47570a02638b1de0f087cfbaf0a5fd89ca881d0696f3d29c4933c89a0fbbd45c1483b1f93349fc6d1d1bed0b5b77e8e93bfc4d4863595603c1d4a28e2e84a70d33ac2250ead47844c604ea7ff2b72588e787c242cc0049236f3a5824a8a4fcc9f2f0658dfa952290ebeae0f746abaf76719ee07d7a3e24fe48086fd8fcdd486756f9167acf75153170f0e921c5f7640c474168610eb74f64fab99ffc00df1f0a565bc805b3953691fdfb5d52c84991b70cc89cfa8e79212ae909f48a2adb0b9c14d80cc8e29600938e551ba49c1704b5a81ba02b8190d9531ec281750e9b490b449882fdca1042fb76fad61792fb5fd1786acee6b4dad2aec482f43866e2ccf25e146940fdf84e57d76f3aaaaaf8fbc67d192afc80e7155b1336315cf2b8efefb25fbe3e405de481fbaae1092adcd12b06a8873be5e73406b1ffffb7b92c44c8c9653d88e02155be284e8ca49585e65f9103af528002e29461cde2e7fa37922bdefc77d45
Search suggestions are designed for use with the search bar on the Home page, but can be used anywhere in the help center.
Search suggestions can be added to the Home page (home_page.hbs) using the Popular keywords theme setting in the Home page elements setting group.
- Select a style from the Popular keywords style dropdown list.
- Enter one or more keywords in a comma-separated list.
The search suggestions will then appear below the search bar in the hero element in the style selected.
To use a custom pattern, copy the <template> from your selected pattern into the bottom of the Footer (footer.hbs) template.
Search suggestions can be added to any page by copying-and-pasting the following hook into a page template:
{{~#isnt settings.popular_keywords_style 'none'}}
{{~#if settings.popular_keywords}}
<div id="popular-keywords">
<script type="text/javascript">
document.addEventListener('DOMContentLoaded', () => {
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~}}
{{/isnt~}}}
The search suggestions will appear in the position of the hook element on the page.
To use a custom pattern, copy the <template> from your selected pattern into the bottom of the Footer (footer.hbs) template.
If you select the Custom template style option, copy-and-paste your selected pattern template into the bottom of the Home page (home_page.hbs) or Footer (footer.hbs) templates.
