Getting Started

Lableb UI widgets allows you to add Lableb cloud search to your website with only HTML.

To use Lableb UI widgets, first of all include the following script in your HTML docuement.

First of all download the js file

<script type="text/javascript" src="lableb-ui.min.js"></script>

Then before the body tag end </body>, add the following script:

<script type="text/javascript">
  new LablebUI('projectName', 'searchToken', 'collection', {
    searchFormSelector: '',
    resultsContainerSelector: '',
    resultTemplateSelector: '',
    noResultsTemplateSelector: '',
    filtersContainerSelector: '',
    filterTemplateSelector: '',
    suggestionTemplateSelector: '',
    activeSuggestionStyle: {},
    resetButtonSelector: '',
    loadMoreButtonSelector: '',
  });
</script>

Warning!

Do not forget to replace projectName with you actual project name.

Do not forget to replace searchToken with you actual search token.

Do not forget to replace collection with you actual collection name (posts for example).

Next. We will discuss what options we passed to LablebUI in the last parameter.

How helpful was this ?

star-emptystar-filledstar-emptystar-filledstar-emptystar-filledstar-emptystar-filledstar-emptystar-filled