How to integrate FindBerry search engine with Webflow site

Community resources Webflow Tips
22

Is there any way to make the results pop up responsive? My integration looks really awful on mobile.

23

This is a pretty big problemā€¦ unless turning search off for mobile is accommodated in some other way on your website (mobile only navigation perhaps?). Findberry looks promising, but without some manner to implement responsiveness for the pop-up modal, it will come up short for a lot of project needs.

24

Hi everyone, I am trying to have a search functionality in my Webflow website with so many difficulties to find a solutionā€¦Does anyone have the step by step on how to integrate Findberry in Webflow?? I sow that Sabanna gave us tricks but I am not a developer myself and pretty new wit Webflow and do not know how to work this search functionality yet. Can I use your kindness and professionality to get some help?

I really appreciate your time and If you have some time to answer.

ps. probably the answer is already in some post but I do not see it

25

It didnā€™t work and the look is awful

26

Hi Sabanna and how are you? thanks for sharing your post with everyone, I am trying to integrate Findberry in my first project but I am facing some difficulties with the search of the pages that I have already built. I try to explain: I have chosen the popup modal and separate the lines following your instructions and add the snipped in the 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>

and changed the form action into:

<form action="http://nicola-s-amazing-site.webflow.io/jobs/jobs" 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>

this way I publish the site and it actually works ok and find my http://nicola-s-amazing-site.webflow.io/jobs/jobs

can I ask you where do I add other pages to be found?
is it on the Findberry snippet? or maybe on Webflow form action?
I really appreciate if I could hear from you or maybe if you have already answer to this question to someone else to kindly send me the link that I can look a it.
My sincerely best regards
Nicola

27

Hi, @nicolacasula1971

Not sure I understand the purpose of changing the form action, sorry.

28

Hi Anna and thanks for answering so fast, I set everything the way you show in your tutorial but I believe there is something that I do not get it.

The search bar is present and the search button too so far fine, the only thing is not clear for me is where I need to include other pages of mi website to be found by Findberryā€¦

this is the 1st page I included in the action : http://nicola-s-amazing-site.webflow.io/jobs/jobs" and Findberry is able to find it but I do not know how to make it work if I also want to include other pages for example this page http://nicola-s-amazing-site.webflow.io/thailamd/thailand?email=nicola.casula1971%40yahoo.it&password=barcelona (this is just a testing page) .

The way I see is that Findberry only allowed me to show only one at timeā€¦I know that I am doing something wrong but I cannot find a way to solve that.

Where do I have to include other pages to be found??

I really thank your for your kindness and if there is a way to have a little help on that I would appreciate.
My sincerely best reagards
Nicola

29

Could you, please point me to the search form on your site?

UPD: Nevermind, I found

You donā€™t have to change the action link, Findberry should call its own functionality for being able to show you list of pages

30

Hi Anna how are you?
I think it works now, thanks very very much for your time.
Have a nice day

My sincerely best regards
Nicola

1 Like
31

Hi Anna. Iā€™ve added the code and the search works, but it breaks the editor view. It makes it stop working. When I remove the findberryfx.js script, the editor works again.

But then while the search still works, it no longer opens in a modal window. Anyway to repair this so that the modal works and for it to not interfere with the editor?