KreativePro Masterclass
Hello, {first_name}
Collecting Data
Learn to Build Websites with Editor X
Oops! Something went wrong while submitting the form.
Browse Lessons

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


Collecting Data with Editor X

In this lesson, we learn about datasets and the read & write permissions to collect reviews directly from Editor X.

Try out Editor X for FREE


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
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®
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

We can use these data sets, not just to display our data, but also to collect. If we head over to our movies page, one of the ways that we can collect users data is maybe by. Letting the users write a review on our paint. And so to do that, it's actually really simple. What I have done here is I've already gone ahead and created a design for how we can collect that, uh, that information.

So the information we want to collect is basically a score that can go from one to five, the movie, their name, and the. So when they click submit, basically what's going to happen is they're going to send that information over to one of our collections. So you can go in here and add like radio buttons, drop downs, check boxes.

Anything that you can think of, you can add in and later with datasets, you can sync them up and map them to the correct field. So before we get into creating the data set, we need to create the collection. So if we head over to our collections, you can see here, I've created one called reviews. So let me open that up.

So here we have the name. So this would be the name of the person, the review, the texts that they will leave. The score, this is a number field, and then the movie notice this is a reference field to the movie. Okay. So if we have this ready to go, then we can now create our first data set. So for example, let's go ahead and add any form data set right here.

What we're going to do is just make sure that we hook and sync this to this dataset. We select our collection. So this is where we want to send and submit our data from this form. Let's give this a name. So reviews form to make sure it is a right only because we're giving it permission to send that.

Over to our collection. There's no filters needed or sword. So we can go ahead and close that. Now, under each of these forms, we have this little connect to data. So right here, you'll notice we have managed options, which one in this case, the score, every element here has the label and it has value. Let's make sure that the value.

All have the exact number we want to give. So if it's to make sure that it's two. Okay. And just like this, we're going to connect this one to the reviews form and the values connected to it's going to be the score. So whatever the values are from here. We're going to connect that to the collection field type score.

And we're going to do the same thing with choose the movie. So right now, these options are by default coming in through fault element that we've brought in. But don't worry about that because when we connect the data, here's, what's going to happen. We're going to choose reviews form, and the values connected to this will be the movies what's going to happen here is because this is a reference field.

When we preview this. We're going to be able to see that all the values that come by default get replaced with the actual data from the movies. So check it out. All the movies are now showing up correctly in here because it's pulling the data from the, from the reference. And then for the numbers. So we're actually pulling the ones we created going to finish off by making sure that the connection is complete.

We assign this to the correct value in this case, the name same here, make sure that we have the reviews forum and connect it to the review itself. Once we're ready to go, we look for the button. And under the connect data, what we want to do is choose reviews form, and the action is going to be submit.

Now, when you click submit there's couple of things you can do can create a success message. So by clicking this button right here, it's going to drop in a text that you can customize. So this feedback, we can place it anywhere. You can customize it. But in this case, I'm not going to do that. And instead, what I'm going to do is that it's going to actually read direct if successful to a link.

And then the link we're going to choose is a thank you page. Now this thank you page. I've already went ahead and created it. It's very simple. Thank you page. It's going to be on the current window and when we fill out that information again, it's going to take us to this. Thank you page, right. There we go.

It's going to have that video and it's going to show this information. If you're tracking kind of conversions, if you're tracking a pixel, uh, it's actually very handy to have this page for you to later integrate into your marketing campaign. So let's go ahead and take a look at the collection. Okay. And we can see here on the reviews.

All right. There we go. The name, the review, the score and the movie they have chosen. So once we have this, we can now display it. So if we head over to our movie title again, we can create a section that just displays all of those reviews. So, let me go ahead and display this layout here. I have a simple section and then we just created a repeater that has both the score, the text, and the person that left this review.

So now what we have to do is create a new data set. We're going to go ahead and bring it over here. Give it a name. Choose the reviews and there's no filters needed and there's no sorting needed. So let's go ahead and test this out. We're going to connect this data right here of the repeater. Make sure we choose the repeater and connect to our reviews dataset, just like that.

The first text is going to connect to the score. I love how you can just connect all of these layers without having to click on each one. I think that's very handy. The review is going to be the second one and the third one is going to be the name of the person. You're going to see here this right now is showing all the reviews, even if it's not related to this movie, because we haven't added any filters.

If we want it to just filter these reviews, based on the movie itself, we'll be do is going through reviews under filter under the field. We want to select movie, which is the current movie of this particular page and make sure the condition is same. And then the data set movies item. And there we go. We go ahead and look for Casablanca.

Cause that's the, that's the, where we created that. If we preview, there we go. So now it's working the charm. We are collecting the information and we're displaying the review and we are filtering it so that it only appears on the specific movie. Okay, I get it. It feels like a lot of information, but trust me, this really opens up the doors for unlimited possibilities.

So now that we know how to collect data, we still need to have a way to collect payments and protect these pages from public members. So let's go ahead and check that out. The next lesson.

Coming Soon

Editor X
Digital Media Masterclass by Neftali Loria

Neftali Loria

Author & Instructor
KreativePro Masterclass Bundle

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

Welcome to the Tribe! 💜 Something cool is coming your way...