Creating a Database Collection in Wix - Wix Code - Wix My Website Tutorial

Creating a Database Collection in Wix - Wix Code - Wix My Website Tutorial


What is up guys, ComputerMDofGilbert here. And in today's video, I'm going to be showing you guys a new tutorial with the new Wix code. So I finally got my beta. They I filled out my application, did all that. They granted me access. Awesome. Pretty sweet. So now I have Wix code equipped in my editor.


Now obviously this isn't unleashed to all of you yet. It's not officially out and released. However, if you would like to sign up to be part of the beta testing and get access to the beta, I'll drop the link down in the description somewhere below, and you can go check that out, check that out and get your version. It's awesome. It's cool. But in today's video in particular, I'm going to be showing you guys how to add a database collection in Wix code now there's a ton of moving parts to like Wix code in general, not just the database I'm talking about, but just Wix code.


So I'm going to be bringing you guys tons of tutorials on Wix code, because honestly, as soon as it's released, you guys are going to want to know how to use it and you guys are going to want to start using it. So let me just hop right into it. Before we get into that though, really fast guys, if you haven't signed up yet for my weekly Wix tips go to wixmywebsite.com or click the link in the description below hop on this email list, it's helping people out. Don't forget. I have my blog and my forum here that are really helpful to people, a great resource.


And finally, I have a workshop, a free workshop this Saturday at 10:00 AM, Pacific Time, and it's on building a killer landing page. And you guys can learn tips and tricks with design in Wix and how to, you know, offer like a free ebook, free PDF, anything like that, and just build a good looking landing page so you guys could go to workshops and sign up for that. Now let me show you how to create a database collection here in Wix code.



Creating a Database Collection in Wix

So first to even activate Wix code you have to go up here to tools, and then you have to press developer tools. So now when you actually get Wix code the beta, and when they release it out into the general public, this is where it'll be. And you'll have to turn on developer tools. So your properties panels over here. So if you click on an element, this is going to be for your like JavaScript type information. And you can work with that. I'll get into that in a later tutorial, to be honest, I have to learn more of the properties management, all of that myself. But we'll hop into that later.



And then you'll see tools, the hidden elements. So you can view all of your hidden elements and that is on as well. However, over here, you'll see your strike site structure pops up and you'll see, these are all of your pages. And then you'll see lightboxes and pops up your lightboxes as well. And then you'll see a few options, public backend, and database.


Now, today we are going to be working with database. So if you press database, you'll see add new collection. So databases are cool because they actually store information in them on your site and can be used at any point on your website. Now, I know that's a bit confusing and I'll kind of touch on that with different things, because I'm going to teach you a lot of things with databases. But for example, one of the things you could use a database for is to collect a user input form so when someone fills out a form, you can have it go into the database and then you could collect that information. Not only that, but you can even use that information to display somewhere else on your website.


I know that might be hard to wrap your head around. I understand it, but I will get into that. And one of our upcoming videos here, because the next video I'm going to show you guys is how to create a user input form in this. This is phenomenal, Wix code has made this much better for all you people looking to create custom forms, all of that, wWix code made this so much easier for you. So I'll show you guys is that in the next video, but to create a new database, you have to add new collection. And then once you do that, you'll get the whole introducing database collections. You can see store all of your content and the cloud, like images, texts, and more as many custom fields as you mean. So you can add as many custom fields as you want.


You can connect content from your collections to elements on your site. I'll kind of explain that again with the input forms, and you can say who can view, edit and add content to your collections. So this is very cool. So now members can even add content to your collections. They could add, make their own profile pages. It's very cool. So I'll get into that again, in some upcoming videos. For now, let's start with the basic and show you how to actually create the database.



So then you'll press start creating. Now, you're going to need to give this database collection a name. For mine you’ll see why I'm doing this in a second and not in a second and upcoming videos, but I'm going to name it a Wix web design leads. And then what is this database collection for? It's a form input because I'm going to be using this as a form. Now this is an important part guys, because when you click this, this will determine what your database is for. So is it for site content? Anybody can see the content in this database. Is it a form input? Anyone can submit data to this form collection so that that's, you know a form on your website, anything like that, user generated content, anyone can view the content, but only members can post. Is it content for members? So only members can see this type of content? Is it a form input from the members? So only members could submit into the form? Is it data so only the admin can access this collection? Or is it custom use, create custom permissions for the collection? All of them you could see are pretty flexible.


Now I could either go with form input or private data, but I've decided after thinking about what I'm using this for, I'm going to go with private data. And again, I'm going to show you the form I'll create for this in the next video, but I'm going to go with private data. Collection named, to keep it lower case guys, Wix web. And there we go. So no, no spaces in your collection names and that's due to some of the JavaScript coding and stuff because it doesn't read spaces well, and then it'll mess up the code somewhere in the website and then you'll have an issue. So make sure you don't put any spaces, dashes numbers, that kind of thing. Keep it just words. And you can see, you could have uppercase letters but just don't do any spaces, anything, fancy numbers, dashes, none of that.


And then you'll simply press create collection and then your collection is created and this is your database. Now you can see up here, this is your sandbox database. So anything you edit in here will not like really take effect onto your, it won't affect anything on your website. Like you can add fields on here, but nothing's actually going to take effect until you edit the live database up here. And when you edit the live database that's, as it says live. So those changes will happen. Whatever you do in there will take immediate effect on your website. But that is where you would edit the live database. This is your sandbox before you were not allowed to. So when Wix code released their beta, I want to say about a week and a half ago they didn't have the option for deleted field. So you could create a field right here, but you wouldn't be able to delete it.


So that was kind of frustrating to some users, but thankfully, which code is in beta. So they have a special forum for everybody that’s got the beta and they have a section that says changes, updates, stuff like that, new features, and they added the deleted fields. So now you can delete fields on and in your database. So if you make a mistake or you don't want a certain field that you added, it's fine. All you have to do is delete the field.


Now guys, title, this is a default field in your database. You can choose to use that or you can choose to not. You can see right here, you can't move to trash. It’s just a default field that your database has, but you can begin adding different fields along the lineup here after title. Again, you don't have to use this, but it is a default field. So you can't get rid of it. It's just that initial square in the database. But this is how you create your database.


You can see, you can add rows to add a field. You would simply click that plus button. I don't need to add a field right now. I'll explain that and show you guys the fields I'll add when I create my form, but that is how you create your first collection in your database, sharing Wix code.



Conclusion


Guys, if this video helped you out, drop me like down below, it's much appreciated comment. If you have any questions at all, if you think this whole new Wixcode thing is pretty awesome, because I'm telling you Wix code is going to solve a lot of your answers that you guys asked me on a daily basis. So drop a like if just for that comment, if you think that's awesome.


Like I said, and subscribe to me here on ComputerMDofGilbert for some more awesome Wix content coming up, as I said, you're not going to want to miss like the upcoming videos, because it's going to have a lot to do with Wix code of course I'll mix in, you know, regular editor stuff, because I know not everybody has Wix code, but when you guys do get it, because you will, it will be released. You're going to want to come back and reference these videos for sure, because they will help you out because Wix code as awesome as it is, can be a little bit more confusing than just working in the editor.


So thank you guys for watching this video and I look forward to helping you guys out and seeing you in the future. Don't forget to get on that email list. Go check out the blog, forum and check out that workshop. Get signed up for this Saturday. It is free.


Thank you guys again. I'll catch you on the next one.

0 views