Searchable Webflow CMS in 10 minutes with Finsweet Attributes

[@dougstar1535]

wow! Thank you so much! I have been stuck for months almost losing hope trying to make a dynamic search feature which can grab individual words regardless of order and show all relevant results. Thank you!

[@newjsan]

this is very helpful. this is exactly what i'm looking for. i read some articles and watched some KZbin videos on creating a blog with searchable text but I couldn't find the one I wanted. thank you for creating this video.

[@webbae]

Glad it was helpful!

[@dimitrisqq]

Slowly becoming my favorite.

[@webbae]

SLOWLY?!?!? 🐢

[@DorkniteCrew]

Bang on - Thank you! Saved me from going mad there for a moment

[@webbae]

Stay sane 🤝

[@JonasSmithsz]

Thank you! Really helpful video as always

[@MetaTrixx]

Im having a problem with the search aspect of the form. I've copy and pasted all the attributes in the proper spots but when I go to test it out, the text in the search bar stays light grey and nothing gets filtered. Does anyone know what the problem might be? I have double checked all my attributes and code to make sure there wasnt a type but this keeps happening. NOTE* I am on a newer version of Webflow in comparison to the demonstration in this video, maybe there are extra steps needed since the latest update? thanks

[@webbae]

Webflow version shouldn’t matter! Did you try the automated support tool? kzbin.info/www/bejne/rIeXpa2QpbesqZo

[@developermsmahadi]

Thank you. Thank you so much brother❤❤❤

[@mcobanoglu]

Great video , can you please do the same video for the nested cms ? all videos I watched were hard to follow , I really enjoyed quick and straigt to the point approach . many thanks .

[@webbae]

Done: kzbin.info/www/bejne/eZKqhIinjK-am9k

[@mcobanoglu]

@@webbae 3 weeks delayed Thanks message , better than never .Have seen it now - appreciated !

[@filetmignon9978]

will this still work if I also have cms load more added to the collection? From what I remember if the items are limited because of the load more then the search function should only work with the ones currently visible as the others arent loaded in the dom yet. Is this true or does that not apply here?

[@AidenCook-q2r]

awesome video! Question - when I hide a second component I'd like to search, it doesn't show search results with that text - only when it's visible. ANy thoughts on why this might be happening?

[@webbae]

I'm not sure - it should be able to search it! Are you using display none or visibility hidden? The first keeps the element in the DOM (searchable) but the second removes it (not searchable)

[@IVANLIKEAB]

Do you know how to create an "Apply/Start searching" button separately for search when you have other filters in the Form block?

[@webbae]

CMS Filter supports the native Webflow form submit button. No attribute needed. As long as it's visible on the page then filter will wait until the button is clicked. Look for the "Submit Button" option in the docs: finsweet.com/attributes/cms-filter

[@IVANLIKEAB]

@ Yes, the Submit button for the whole form works without problems. I need to have a separate one just for the search. But in the same form block with other filters, which should work automatically without Submit button.

[@Animals_Drawing_for_Kids]

I have pagination on my blogs and search is working for just first fold like i have 10 blog in and then next button so i want when someone search in search bar it should apply for whole collection not just for the first or opened 10 blogs, Please help me out

[@webbae]

Are you using CMS load as well?

[@brainybitesOfficial035]

hi i have 300+cms collection items as you know there are maximum 100 items are showed on the page at a time but i want to filtered out items from all 300 items how it can be possible

[@webbae]

Use with the CMS Load Attribute

[@brainybitesOfficial035]

I tried but didn't work maybe didn't generate a right code

[@Nashadelicable]

Did you find a solution? Searching within just 100 item just isn’t practical and will eventually break for any implementation.

[@7amca]

@@webbae I as well cannot get these two to combine. Can you make a follow up video that shows it working with a few hundred items?

[@thinkersmap]

@@7amca yeah that would be helpful

[@fabianschierz]

Thanks for the great tutorial. Do you know if using Finsweet Attributes counts towards the Webflow form submissions quota? If so, my 1000 form submissions/mo would be used up pretty quickly.

[@webbae]

It does not. The finsweet code prevents default form action so it wouldn’t count toward your limit.

[@fabianschierz]

@@webbae Awesome. Thanks.

[@heatherliu6856]

Bad Dogs NFT Rarity still in side bar 👍👍👍

[@webbae]

I wonder where those dogs are these days...

[@RahulNagpal98]

My input field shows Thanks for your submission. ??

[@webbae]

Hey Rahul - did you figure this out?

[@RahulNagpal98]

@@webbae just delete the submit button, and make sure filter attribute is applied to form div instead of form block element.

[@HitendraVarma]

what a dressing

[@joshcherner8483]

@webbae This seemed to work great, however, when I word search nothing shows up even though I am typing in words that are in each collection items description. Any clue why this might be happening - thanks!!

[@joshcherner8483]

It appears to work when the text block within the collection list is visible, but not when its hidden. is there a workaround?

[@webbae]

Feel free to hop in discord and post a link