Webflow sync, pageviews & more.
NEW

CMS Autocomplete Search

Try the cloneable below

Cloneable tags

Description

The CMS Autocomplete Search feature in Webflow allows you to create a search input that provides autosuggestions to users as they type. This can be particularly useful if you want to allow users to search through a list of items within your Webflow CMS. To implement this feature, you can use a small JavaScript snippet that can be added to the closing body tags of your page settings. This will ensure that the CMS Autocomplete Search feature works properly on your website. This Webflow cloneable, created by Aviv Shwartz, is classified under the Search category and can be easily customized to meet your specific needs. The CMS Autocomplete Search feature can greatly improve the user experience on your website by providing quick and relevant search suggestions as users type.

Add a Google places autocomplete search to your Webflow site via Google places API and this cloneable. Be sure to follow the steps to get this activated within your Webflow site and working properly.

Here's an example of a live search built with Jetboost. This uses the real time search booster and power-ups to mimic a live collection list search like Algolia in Webflow.

DRAG
Real-time sorting by

Here's a way of rotating/transitioning text on a section of your Webflow site. Perfect for hero and headline sections in which multiple headlines or text is needed to explain or demonstrate something.

Here's a way of creating an autocomplete style search input in Webflow via a small JS snippet. This is perfect for giving your users autosuggestions as they search based on items within your native Webflow CMS list. Be sure to add the custom code found within the closing body tags of the Page Settings for this to work properly.

Here's a way to add background video, with sound, to your Webflow site that features a mute/unmute button. This is completed using plyr.js plugin and works on any Webflow site. Perfect for background videos or other sections that require sound/audio but with the ability for users to mute and unmute. Be sure to add the html video embed, as well as the plyr.js code found in the closing body tag section of the Page Settings.

Here's a way to add an underline effect to your Webflow headlines and text. The underline is fully editable to customize to your requirements.

Ever wanted to achieve slanted/diagonal sections on your Webflow site? With this no code technique you'll be able to create a Webflow section that isn't flat but has a slant or diagonal edge between sections.

Never change the copyright year or other year on your Webflow site again. With this simple javascript code you'll be able to have years automatically update on all of your Webflow sites. Simply add the custom code found within the body tag section in Page settings, identify the div, and you're all set.

Here's a unique contact form designed as a chat widget in Webflow. Perfect for simulating a chat widget on your site without paying hefty fees. This gives the user a feeling of a live chat element that's hooked up to Webflow's native forms.

Add dynamic, auto changing tabs to your Webflow site. These tabs can be changed automatically based on a time interval. Add a dynamic layer to your Webflow native tabs via this unique interaction.

DRAG
Real-time sorting by