Lately many of us start to look for an alternative option for a search engine for our Webflow sites. And I want to share what I found.
Service calls FindBerry (http://www.findberry.com) and has pretty affordable range of prices: from FREE to $29.99/month
- Has no commercial in search results, even with a FREE account.
- Very customizable.
- Easy to install.
- Serch results on the separate page FULLY customizable and can have exactly same look as your site design.
- Seems there is no option to show page thumbnail in the search result, but I am still in the communication process with their support team and hope they will tell me how to enable this.
- Option “Serch results on the separate page” will bring the page with Findberry url in the slug.
Installation process is pretty clear:
- Create an account
- Add site address
- Depend on your preference, copy the code for the SEARCH FORM: (I prefer modal window since it is not effect url)
- page with search results
- pop-up (modal) window with search results
- Customize Search results appearance.
They have their standard HTML snippet but you can easily add your own HTML and CSS
If you will choose Search form with pop-up window search results, you will have to separate their code snippet in few parts and add them to different places on your site:
1. This line goes to the custom code area before
<link href="//www.findberry.com/search/css/colorbox.css" rel="stylesheet" type="text/css" />
2. Next part of snippet will go the custom code area before
</body> tag :
3. This snippet goes to the embed widget into your page :
<form action="//www.findberry.com/search/" method="get" id="sr_iframe"> <input type="hidden" name="wid" value="3855" /> <input id="sr_searchbox" type="text" name="query" size="35" /> <input id="sr_searchbutton" type="submit" value="Search" /><br /> </form>
Style Webflow form as you want it to look Search form and add Webflow form classes to Findberry form code. You will see styled fields and submit button right in the Designer mode.
Hope it will be useful.