Play Video

How to Add Pagination bar to Any Wix website

This video is only for people who are using repeaters and databases, great for websites who want to save space and have multiple items.
Please if you have questions, let me know or reach and i can try help to you
wixepicsolutions.com

hello everyone hope you’re having an amazing day in this video i want to show you uh how to add pagination or pagination to be honest i don’t know how to say this word i even have to use google translate and this is how it sounds pagination pagination okay a pagination bar and this was requested by uh one of uh my followers he asked how to do this part and that’s what i’m gonna show you now uh it may be used in different ways but this is the
home page right so usually it’s gonna work only with repeaters so if you have repeaters and let’s say you have multiple properties but on this page you’re only showing three but you want to keep showing more that you have on that listing without having to show all at the same time but instead like a pagination then this is how we’re to do it so we’re going to go to the editor and it’s super easy this video is pretty much going to be the fastest
probably i have so once you’re on your page or the area where you want to add the pagination you’re just going to go to the toolbar right here on the search bar you can just type page nation so it’s actually right there already pagination and it’s called pagination bar and you have a few options as you can see right here i have uh the progress bar and i have this one right here so you can select the one that you like the most this case we’re just
gonna select this one and we’re gonna add it right there so at first it shows you a bunch of pages because it’s just a sample but all you gotta do is make sure you just connect sorry just connect it to your data set and this is gonna work only if you have a repeater and two you already have to have your repeater connected to your data set and if you don’t know how to do the process let me know i can show you how to connect repeaters with your
database or your data set okay so once you add it all you got to do is just select on the little snake and just connect to the data set that you have in your page and that’s it now you’re gonna see we’re gonna go to preview and now i have two pages so whenever i go to the number two it’s gonna show me this the the other properties i have there and then number one so now to show you a little bit uh i would say like have more pages uh we’re gonna
add one more uh three more properties so this is what we can do actually we’re gonna do this first we’re gonna make sure we only display let’s say two properties that way we can play for it and right here we’re just gonna select two and then we’re just gonna see now we added one more page here because it’s not showing all of them and if i only add one at a time so let’s say i’m only displaying one property so i can go to preview and i have six
different properties and i can just go like this and it automatically changes it so now is uh changing the properties based on this and this is very useful uh if you want to save space so instead of displaying like 20 different properties on one page which can be a lot because people have to be scrolling uh and you gotta always keep that in mind don’t don’t see it on the perspective of just the desktop but remember people mostly are gonna be on
their phones so this is gonna definitely gonna help help like uh minimize the space on the phone and as you can see right here and they can just go here of course you’re gonna adjust it right now it’s not aligned so let’s actually fix a little bit i’m gonna go to the editor and we’re gonna add it right here we’re gonna move it down here let me move this right here perfect so this is how how it will be right so instead of people having to scroll
down all the way to look at the properties they can just go here and look at each property now another thing is if you see everything very messed up is because this is just a testing page but i just wanted you to show i want to show you how the pagination of pagination works so there it is so hopefully this video was helpful and please leave me a comment let me know if you want something else i’m still working on a big project right now it’s a
success calendar so i’m gonna be have uh they’re ready very soon and i’m gonna share with you guys so you guys can also use it and i’m also gonna show you how i built it and could potentially help you create more awesome stuff and again i have spoke two weeks directly uh so they they’re saying that they’re gonna be adding new content very soon so that’s very important to know so if you guys have a question again just let me know if you need help
i’ll be very happy to help you and we’ll stay connected take care