Hubl code for site search

SOLVE
dennisedson
Community Manager

Hey all, 

Looking to employ the new-ish site search capabilities of hubspot rather than the google search.  Was trying to find the hubl code for it, but cannot seem to find it.  does anyone know what it is or if it exists?

 

maybe it is super simple and is {% site_search %}

 

If anyone could point me in the right direction, i would be much obliged!  

 

d

Thanks,

Dennis




Check out our Community Developer Blog
where we feature our Community driven developer podcast and how to content
0 Upvotes
2 Accepted solutions

Accepted Solutions
tjoyce
Solution
Recognized Expert | Platinum Partner

@dennisedson

Go through this walkthrough to setup your search results page.

Then add this form to your coded file. There isn't a HUBL tag but this html/HUBL should work

      <form action="/{{ site_settings.content_search_results_page_path }}">
        <input type="search" class="hs-search-field__input" name="term" autocomplete="off" placeholder="{{ module.placeholder }}">
        {# 
        You can set additional search parameters by adding hidden inputs 
        like the example below. Both the typeahead and search results 
        modules will accept these, except 'limit' which only works for results.
        
       	<input type="hidden" name="limit" value="5">
        #}
      </form>

 


tim@belch.io

View solution in original post

0 Upvotes
dennisedson
Solution
Community Manager

@Hubmate,

If you right click on the search module you should see an option to edit.  You will be led to a new tab and be told that you cannot edit this module, but can clone it.  Clone and play 🙂

Thanks,

Dennis




Check out our Community Developer Blog
where we feature our Community driven developer podcast and how to content

View solution in original post

7 Replies 7
tjoyce
Solution
Recognized Expert | Platinum Partner

@dennisedson

Go through this walkthrough to setup your search results page.

Then add this form to your coded file. There isn't a HUBL tag but this html/HUBL should work

      <form action="/{{ site_settings.content_search_results_page_path }}">
        <input type="search" class="hs-search-field__input" name="term" autocomplete="off" placeholder="{{ module.placeholder }}">
        {# 
        You can set additional search parameters by adding hidden inputs 
        like the example below. Both the typeahead and search results 
        modules will accept these, except 'limit' which only works for results.
        
       	<input type="hidden" name="limit" value="5">
        #}
      </form>

 


tim@belch.io

View solution in original post

0 Upvotes
Hubmate
Contributor

Thanks for your contributions to the community site, Tim. Just wondering if you know the HubL tag and parameters used for the site search results? I wanted to customise search results but the standard drag'n'drop module doesn't provide any options.

 

Thanks,

Steve

dennisedson
Solution
Community Manager

@Hubmate,

If you right click on the search module you should see an option to edit.  You will be led to a new tab and be told that you cannot edit this module, but can clone it.  Clone and play 🙂

Thanks,

Dennis




Check out our Community Developer Blog
where we feature our Community driven developer podcast and how to content

View solution in original post

Hubmate
Contributor

Thanks Dennis, perfect. For some reason I can't select your answer as the solution.

dennisedson
Community Manager

My answer is too good for that solution button. Hubspot knows it will make other people jealous

Thanks,

Dennis




Check out our Community Developer Blog
where we feature our Community driven developer podcast and how to content
Hubmate
Contributor

You are, indeed, the man. A legend.

 

Incidentally, have you had much luck configuring the search results? I'm trying to display the URL of each result but it is displaying like this: http://hubmate-co-3.hs-sites.com/hs-search-results?term=Advisors I'm also wondering how to display more text in the results snippet, I believe it has to do with this '&length=' parameter, not sure how to apply it :S

 

Any input much appreciated 🙂

0 Upvotes
cph_design
Contributor

@Hubmate did you ever get an answer on how to display the URL for the results?

0 Upvotes