Search functionality

Hey Sergie, looks interesting indeed. I didn’t know that service before - actually wondered how you’ve done your search before I posted. I forgot to mention that. Thanks for thinking ahead. :smile:

Currently finishing a webflow homepage for a SaaS product we’re starting. We’re using Zendesk for ticketing and I’m currently building the helpdesk but their cms feels like working with a toaster compared to webflow.

Looking at your documentation page and remembering http://making.webflow.com/, I was thinking about building it with webflow instead. Only thing missing was the search.

Thanks for this! I was looking for kind of service has been ages!

1 Like

Hi @thesergie
thanks for suggesting Swiftype. Looks like something i could use on one of my Webflow sites.

Any chance i could get clarification of exactly how to implement it onto a given page on my site.
What is the correct way to enter the following code into your site.

<form>
    <input type="text" id="st-search-input" class="st-search-input" />
  </form>

Create a new form, delete everything except one input field?? Or embed the above code as a HTML element??

Yeah create a new form, have just one input in there. Then add st-search-input as the id for the input that you want to be the search field like so:

Then add an embed with the appropriate script that swiftype requires for this type of integration.

3 Likes

Can Webflow interactions be used to create the side navigation menus shown here: https://www.airbnb.com/help?ref=help-dropdown

Hi @thesergie,

I created a new form leaving an input and changing the ID but always get a “Thank you, your submission has been received”. I embed the script in the same page. Is that correct?

Thanks!

Hey @thesergie,

How did you guys implement the “autofill dropdown” feature? Is it a separate div with a special ID or is it something else? I’d love to see a help article on swiftype integration, and I’m sure many others would too. :smile:

Thanks!

Put this is your form’s action to prevent webflow submitting the form.

It’s integrated that way at: http://help.webflow.com/

If you look at the code on that page, you’ll also find id="st-search-input" on the input field. That’s the id for swifttype’s javascript, which you can configure inside your swifttype account.

1 Like

Hello Sergie, I had a question about Swiftype. Specifically I have implemented Swiftype at the top of each of my pages in a custom input box. I would like to have Swiftype index the sections on the page by ID so It scrolls down the page to the related section. So far I can only get the search bar to take me to different pages in the site.

Hey @Scott_Van_Zandt I would ask Swiftype if you can assign keywords to specific IDs in the pages.

1 Like

Where do we embed the js code they provide?

Also how do I embed the html into my “form field” ?

Hi David, I used the embed widget to set up my Swiftype: Custom code in head and body tags | Webflow University

Hope this helps! :slight_smile:

1 Like

Hey @thewonglv Thanks the hangup I have is that is where to embed the dang HTML widget lol. When I do that ( within the form) I see and box but I can’t change the dimension of it. So is it supposed to be a hidden element? also where do would I embed the actual js script they give you. Here’s my site: https://preview.webflow.com/preview/ct-therapy?preview=4731ee4dc9402222666301ad5c66116b When I publish it I get no results or actions so I must have it set up wrong :-/ . THANK YOU

+1 for this idea.

Now that we have a great CMS a native search function would be amazing. :smiley:

5 Likes

Are there any plans to add native search functionality to the frontend of Webflow sites? It looks like Swiftype has been the common suggestion for a while now but at $19 per month for their lowest tier, it seems cost prohibitive to some smaller websites. This seems especially true if all you are looking for is simple blog post search functionality.

As and alternative, I have looked into Google Custom Search as a free solution. The problem is that they provide limited styling options making it more difficult to visually integrate into your designs. That, and the free tier is ad supported. To remove ads, you must pay $100/year.

It seems kind of strange that this feature is absent. I would love to hear some more insight on this from Webflow. Particularly whether we can expect this at a future feature release.

4 Likes

are you considering to add Search box to webflow ?

2 Likes

Swiftype is not currently offering the PRO plan anymore, the basic plan starts now from 249$/month.
So does anybody know any alternatives??? @thesergie

4 Likes

The CMS search function is seriously the most needed / wanted feature currently imho and a huge turnoff for newcomers. Im sure this feature will boost Webflow sales incredibly. Please can someone give us an eta on this feat? :slight_smile:

5 Likes

I will be using the google solution http://forum.webflow.com/t/adding-google-search-with-a-custom-field-and-button/24605