KreativePro Masterclass
Hello, {first_name}
6.6
Search & Index Data
Learn to build websites without code in Webflow
Completed
Oops! Something went wrong while submitting the form.
Completed
Browse Lessons
56
lessons
7
hours
MINUTES
2
files
Level

Access our premium community including bonus tutorials, project files & weekly resources.

UNLIMITED ACCESS
Overview

Search & Index Data with Webflow

On this Webflow lesson we take a look at search and index data. How to use the search component in Webflow and how to setup your search results page correctly using Webflow.

It's your turn!

Take a moment to download this Webflow Template so you can practice, experiment and use however you want!

đź“Ą Download Template

Webflow Project Files

All our project files for you to practice and play with along with some bonus materials.

Download
Download
Webflow Project Files

Reviews

Manases
Being the best means investing in the best, no matter what level you are at, this course will take you through the entire process you need to be able to implement an idea and turn it into a fully functional business.
Manasés Padilla
Photographer & Entrepreneur
Noel
It has been the best investment I made in my design journey so far. I would consider myself a novice but I honestly feel like I've gained a genuine professional insight into the process of creating a high-level website.
Noel Hale
Founder of Slush Monkeys®
Mae
I'm an early adopter of the KreativePro Masterclass, and I love how well put together it is. Neftali takes you through each step of the process from paper sketches to marketing all with fun visuals & clear instructions!
Mae Green
Product Designer @ Dropbox

all right guys so another cool feature

that we get from the cms plan is the

ability to search through

all these data entries so if we add a

for example if we go back into our

entries

page and we select the plus icon to add

a component

we will see that there's a component

called search

if we simply drop that in into our

entries page

and maybe we want to move that all the

way up to the top

we can use this to start searching for

any specific

keyword based out of pages that we have

created

or dynamic templates so how does this

search tool work

the search tool is going to work based

on pages

so if you click on the settings of any

of these pages for example we click on

the home

you're going to have some additional

settings and one of those

options is called the site search

settings you can decide whether

a page can be indexed or searchable

by toggling this option over here so

simply by toggling that off or sorry

by toggling that on you're excluding

that page from the site search results

and also you once you've added that

search bar

across your page you can use it

as many times as you want and it always

going to take you

the search results so if you go to the

search results page which i've already

stylized and added some of the

components

you're going to see here i have created

a series of

cards from our playground we saw that we

created some cards

but i'm utilizing the wrappers that

webflow gives me

which which just basically works the

same way as the collection list wrapper

it gives us the search results in a

great way

and you can decide how many you want

based on the results length

yeah so you can stylize the search

results however you want

and just consider that you have some

basic settings here that you can use

the most important thing is to

understand the indexing

so if you go over to the cogwheel on the

left panel and you click on the search

tool

you'll notice that webflow gives us the

ability to

index our entries or our pages we can do

that

manually once a day if you have the cms

plan

or if you have a professional plan or

business plan you can

probably do that once an hour that

actually for me

seems like a limitation because it makes

me

have to wait once i've uploaded a lot of

entries or a lot of posts

think about it maybe i have a portfolio

you know or a large database i can't

really search for those

entries until it's been indexed i'm

going to go ahead

and start indexing some of the data's

entries that i've created so let's click

on

index now and let's wait until the whole

system

is pulling all that data and uploading

it into our

system once i'm done doing that on our

search results page

so if i were to select on the search

results wrapper

i can go to the settings and just simply

type in a preview

of what i'm looking for so godfather and

boom

right away i see the results based on

that keyword

and all the pages that have been indexed

based on

my collections that i've created cool

let's publish this

and check it out live

‍

Coming Soon

The future of the web without code
56
lessons
7
hours
MINUTES
2
files
Level
Digital Media Masterclass by Neftali Loria

Neftali Loria

Author & Instructor
@kreativepro
KreativePro Masterclass Bundle

Access our premium community including bonus tutorials, project files & weekly resources.

UNLIMITED ACCCESS
NEXT COURSE IN
00
Days
00
hrs
00
mins
00
secs
🚀