Are you a business owner looking to add testimonials to your Wix website? If so, you're in the right place. I'm thrilled to have you here. I'm founder and CEO of Wix Training Academy.
So first and foremost, I just wanted to say that you and this amazing community have made it possible for the Wix Training Academy to grow and scale throughout this entire journey and you have amazing stories. In fact, I want to hear those stories and guess what? In today's video, not only I’m showing you how to add testimonials, but I'm going to build it into the Wix Training Academy, so you too can share your story. So other people can learn how you have grown as a business owner and how you have grown in your Wix journey right here on the Wix Training Academy.
So with that said, let's first subscribe if you haven't subscribed already so you never miss any of these videos. And secondly, what I want you to do after watching this video, or even right now, after I show you how to build this, head over to ‘wixtrainingacademy.com/testimonials’, and if you've watched any of my videos or you've been in my Wix Training Academy and got to use the content, and it's helped you in any way, drop a testimonial on this page, so you get the double of both worlds here. You get to see the live version of what we build today. Plus you get to see how we build it, so that's our goal for today. Thank you guys for joining me! Let's jump in.
How To Add Testimonials & Reviews To Your Wix Website
So we come in here to our Wix editor, right? I already created a base page. I just created a testimonial page, added text, and all that good stuff. Now let's show you how to actually go ahead and build out the testimonial function here.
Adding Database Fields
How do we actually build it out? Well, we need a couple things. Number one, we need a database to collect the testimonials. So what we have to do is we have to go over here to “Data”. We're going to click on that. We're going to see “Data Manager” and we're going to “Create New Collection”. I'm going to go ahead, create a new collection. And I'm going to name this “Testimonials”, and I'm going to add custom permissions. So we're going to set up our “Custom Use” permissions. Essentially, what this means is we choose who gets to add data to this database and who gets to view data from this database.
So who can read content from this collection? “Anyone” I'm making this available to anyone. So whether you're subscribed to the Wix Training Academy or not subscribed, if you haven't already, it's completely free. So click that “Yes. I want free training" on wixtrainingacademy.com and subscribe because you get tons of free content, shameless plug. Who can create content? “Anyone”, if you got all been affected or touched by my channel or the content that I provided, go leave a testimonial. Anyone can leave one. Who can update it? “Anyone” and who can delete content? “Anyone”, I might actually change. Yeah, we'll keep that anyone and then we'll create our collection.
Then it's going to create, and we're going to see the database populate. So we're not in the Wix code tools portion here. We're actually just in the database, so Wix has actually made it now from the editor. We could add databases from that data button, which is kind of nice. So now that we're in our sandbox database, we need to add the proper fields.
So the fields that I want to add is I want someone to be able to put their “Full Name” number one, and we want that to be a “Text” field. We'll click “Add”. I want someone to be able to put a “Profile Picture” and we'll make that an “Image” field. And we'll also click “Add”. I want someone to be able to put a “Testimonial” itself and we will make that a “Text” field as well and click “Add”. And then do we want a star system? We'll go with just that right now for the purpose of this video and show you how to make a testimonial section with someone's full name, profile picture, testimonial. And we may also add “Company Name” because most of you watching this video and have been impacted own a company, own a website, any of the above, you can put whatever the name of that website or company is in this field and we'll click “Add”.
Adding A Repeater
So now we have our database fields. Now what we need to do is we need to add a repeater. Why do we need it at need to add a repeater? We need to add a repeater because that's what's going to display our testimonials. So to do that, we're going to come in here to “Add”, we're going to go to “Lists & Grids”. And these are all different repeaters in here. And we have to determine what one we want. I like to go to this one because it's already got just about all the elements that I'm looking for added to the repeater itself and that's a plus for me.
So what you're going to do is you're going to go ahead and add it. You're going to drag it to the corresponding size that you want it to be. That's not quite it for me. What I want to do is I actually want to drag each one out. So I want it to take up the full middle width of the page here. I'm going to change the look of this. I'm going to drag the testimonial out further. I'm going to keep the picture actually where it is. And I'm also going to change the design of this box. The border, we will change to be this color right here and we'll add a one with on the border. I like that little border effect.
I'm going to come in here and change the text effect. And you could come in here and I'll show you how to do all that. You just come in here, change it. So you guys are seeing this real time. I'm showing you the actual build out here of the Wix Training Academy testimonials page. I'm going to change this right here. I'm going to go with a “Lato Light” and then I'm also going “Lato Light” here. Bingo! And I'm going to change the text color here as well to this same color. Perfect!
So now what we've got here guys is we've got the actual look and feel of the repeater. So when someone like yourself comes in here, what you're going to do is I'm going to show you how to post and all that good stuff here in a second. But your name would be displayed here. Your company will be displayed here. Your testimonial will be displayed right here, and your profile picture or logo will be displayed right here. That's how it'll work, so this is where the results are going to be displayed.
Adding A Dataset
What we have to do is we have to add a data set. What does the dataset do? Well, we're going to go to “Add”, we're going to go down to “Database”and we're going to add “Dataset”. So we need a dataset to connect the data from the database to this repeater. So we're going to double click on the dataset and we're going to choose a collection. We're pulling from the “Testimonials” collection. And we want the mode right now to be “Read-only”. We want number of items to display, I'll go fancy. Let's add “50” testimonials to this page within the next week. If you guys do that, you're awesome! So we're going to add 50, this means that it will display 50 items from the database on this page. I can change this at any point in time, but right now I'm going to keep it at 50.
It's already sorted from new to old. So that's perfect! And now we've got that. What we have to do now is connect the data. That's going to be displayed right here to this dataset. So to do that, what we have to do is we'll click on this text icon, we'll click “Connect to Data”. We'll choose the “Testimonials dataset” and text connects to “Full Name (Text)”. Come back here. We'll come here to ‘Art Director’ we’ll connect to data, then texts connects to “Company Name (Text)”. Then we'll come down here. Texts connects to, and we want this to connect to “Testimonial”. And then we'll have Profile Picture connects to, image source connects to “Profile Picture (Image)”. And then you can add a link if you wanted. We don't really need that for our purpose.
Now our data in this repeater is connected to the testimonials dataset. You're probably asking, ‘where do we get the data from?’, ‘how do we post a testimonial?’ Well, I'm going to show you how to do that right now. Let me increase the width of this strip here, because what I'm going to do is I'm going to add a little spot up here to post.
So I'm going to go ahead, I'm going to drag in a box. I'm going to show you how this works. Go with this look right here. Kind of keep a similar look and feel to the current look and feel of the actual testimonials. And then what we'll do is we'll get a button and a grab a button here. I'll go with this one. I'll change the look of it though. We'll change the design. Want it to be a flat square or rectangular design. I'm going to come in here. I'm going to change the text the border color. I'm going to change it to this same color text. I'm going to go ahead and change it to this same color. And then I'm going to say, drag it out. And I'm going to title it. “Post Your Testimonial” and that's a button!
Now we've got the button there. Now what happens is when this buttons clicked, we needed to prompt a lightbox or a page that allows you to post the testimonial. So what we're going to do is we're going to menus and pages, and then we're going to go down to “WTA Registration Page”. I'm going to copy this box right here, because I already liked the design I've created. It fits the feel of the website. We're going to go to the “Post Your Testimonial” lightbox. We're going to get rid of this design. We're going to add this design right here.
We're going to change some of the verbiage here. “Share your story! Post your testimonial about hiw Wix Training Academy has helped your business web design journey.” You guys are seeing all the behind the scenes. So we're going to do that right here. Then I'm going to bold this and I'm going to make it “Lato Black”, got that up there.
Adding The Fields To Repeater
Now what we have to do guys is we have to add the proper field. So we have to add all the fields that we just added to the actual repeater itself right in here. So if we do that, we're going to come in here. We're going to go to “Add”, we're going to go down to “User Input” and we know for certain, we need a full name field. So I'm going to ahead and start adding these fields in there. So we need a full name field, we need a company name field.
We need to go ahead and add a profile image upload. So we'll go to “Upload Button” and I'm going to go with this puppy right here. We know we need a profile image upload.
Last but not least, we know we need an actual testimonial box input so someone could enter their testimonial. So I'm going to go back to “Add”, we're going to be in “User Input”. We're going to go to “Text” and we're going to add a “Text Box”. We're going to go ahead and add that right here. Drag it out to the same size, there we go.
Now I'm going to go ahead and change the design on these real quick. Keep it nice and simple. I'm going to go with it's the light background like that. The borders we're going to change to this color right here, the text we're going to change to “Lato Light”. Then on “Hover”, we want a similar style. Then we'll come through, do the same thing here. I'm just going to copy this one and I'll show you how this all comes together in a sec. And then I'm going to do that for this one. I'm going to change it up a little bit. I'm going to add the border right there and to change the text on this one, I'm going to change the text to be this color as well. And I'm going to change it to be “Lato Light”and we're good there
Now we have to change the actual text box. So I hope you guys are tracking along with me here. I know there's a bit more a bit less of me looking straight out to the camera and talking to you and a little bit more me actually focusing on the design. And that's because I want you to see this process, how it works. This is how I work, and this is how I get stuff done for the Wix Training Academy. So I wanted to show you.
All right, so now that we've got this, what we need to do is we need to edit the settings of each field. We want this one to be “Full Name”. We want this one to be “Company Name”. And if we go back up here to Full Name and we click settings, you can see the type is “Text” and it's “Required”. So these are all going to be required. So full name is required, company name required. Profile image or logo, we're going to “Upload A Profile Picture or Logo”, and I want this to be “Required”. So put that right there.
Then right here, we will “Write Your Testimonials/Story Here…” And this is obviously a “Required”. I'm not going to go ahead and put a length limit on it. Just to see how it goes. If you guys start flooding in with responses, some super long, some super short, maybe I'll put a link limit on it, but for right now, I'm not going to. If I did, essentially, what would happen is it would limit the length of characters that were allowed in that text box.
So now that we've got that, we've got our fields. What we have to do is we have to go ahead and add a, another dataset. So we have to go back down to “Database” and we have to add a new “Dataset”. We're going to come in here. And this dataset is going to be going to the same place as the last dataset was, the “Testimonials” database, because what's going to happen is the information that's collected in these boxes is going to submit to that testimonials database. We want this one to be “Write-only” because we want people to write in here only. And then we're set for that.
Now what we have to do is we have to connect these fields to the dataset. So this connects to “Testimonials dataset”, and this connects to “Full Name (Text). This one connects to “Company Name”, or we're going to come in here, value connects to “Company Name (Text)”. Upload a profile picture, we’re going to come in here and value connects to “Profile Picture (Image”), and then “Testimonial” connects to “Testimonial (Text)”.
So now that we've got that, we now got all of our fields connected to the database. Now what we have to do is we have to make sure this button submits. So we have to connect this to the data as well. So this connects to “Testimonials database”, link connects to “Submit”. We want this to submit the data in the form. And then once it submits, we want when successful navigate to, and we want it to go to “A link…” and we want that link to be a “Page”. And we want that page to be “Testimonials”. We want it to go back to the testimonials page and then we're going to click.
Now, what happens is we've got ourselves a little testimonial form right here that allows you to come through, fill it out and then post a testimonial. So we'll click “Save” there. I’ll get rid of that and we've got this buddy instead. I've saved that I'm going to go ahead and exit lightbox mode. Hopefully you guys have been tracking along. I know this one's been a little longer. We're going to go back to our testimonials page. We're going ahead and link this button to our new lightbox, which is “Post A Testimonial”, click “Done”.
I'm going to go back to that “Lightbox”. I'm going to make sure that the settings on it are all correct, that it's not going to be triggered on automatically. So Nope, no trigger automatically. Perfect! So now what I'm going to do is we're back at those site box page. We're going to go ahead. We're going to publish and we're going to take a little sample at it and see how it goes. We're going to test it out. And now I want you guys to do the same thing right now on this page. So code to wixtraining academy.com/testimonials and I want you to post your testimonial.
If this content has helped you, if you've enjoyed what we've been doing here at the Wix Training Academy, share your story, share your company. I want to hear about it.
So we're going to go ahead. Click “Post Your Testimonial”. It pops up, my name is Michael Strauch, company name Wix Training Academy. We're going to upload a profile picture. I'm going to come in here. I'm going to upload one of my personal pictures rather than a company logo. We'll go with this one right here. “Please share your story! We want to hear how Wix Training Academy has impacted you!” That goes for you!
So if you're watching this video right now, head over to wixtrainingacademy.com/testimonials and test this with me. I want to hear how this channel, how my Wix Training Academy website platform content has helped your business, has helped you create the website you're looking for. I love to hear that we're really looking to hear how this channel and how this community has impacted you. So please share and then click “Yes”. Well, I got to change the button name, but it says yes.
Now it's then supposed to redirect to Testimonials. It obviously not redirected to testimonials that looked like it's submitted, but we're going to have to test that and look, it's added right there and the testimonials added. So what happens is since the lightbox pops up on this page, it's then refresh. So all you have to do is X out the lightbox and then refresh the page. So that's how it auto refreshes once you post your testimonial. So you'll see the data submit.
I'll add a submission success message. So to do that, we're going to come back here. Just so this is what testing's all about. So we're going to go to “Lightboxes”. We're going to go down and “Post A Testimonial”. We're first going to change the button text to “Post Your Testimonial”. And then what I'm going to do is I'm going to “Connect to Data”. And then when successful, I'm going to “Stay on this page” instead, and then I'm going to do “+Add success message”. We'll see where that little guy popped up, if he did at all.
We'll come back down here “Connect to Data”. I hope it's not adding behind. Yeah, it has. So we're going to go ahead and pull that. All right. So we've got a success message in here. Where did it go? I Lost my success message, my apologies.
So I'm going to come back in here. You're going to go to “Connect to Data” and I'm going to add a success message and added right there. All right, there we go. Now it's added in here and we're going to have this success message pop up right where that login was. And it's going to be very simple. It's going to say “Success! Your testimonial has been submitted”. There we go! We got that. Perfect! So that's going to be great out right now because it only happens on success. And so that'll pop up. So we'll click “Save” that.
We're also going to change the link to this little “X” button. If people X out, we don't want that going to home. We want that going back down to “Testimonials” so people can view it. Now, if we click “Publish”, that will be fixed.
I'll go through. So you would do the same thing. If we went to “/testimonial”, you guys get to see me debug this and everything. And then what you'd do is you'd click “Post Your Testimonial”. And what we would do is we would go through the exact same process that we just did.
So we'd go through the exact same process that we just did, except this time. When you press “Post Your Testimonial”, a little success message will pop up when the data has been submitted. And if we click this X button it will instead redirect back to this testimonials page rather than the homepage. So come posts your testimonial, guys!
If this video helped you out, I know this was longer. I showed you design along with it, so this was a little bit more of a build with me on my own personal site. If you enjoyed it, drop a like down below, comment if you have any questions whatsoever. Make sure you come post your testimony on 'wixtraining academy.com/testimonials' link in the description below and subscribe here on Wix Training Academy.
If my content has helped you in any way, transform your business, fix your website, and build your website just help you in any way possible, that's all I'm here to do. And I hope I've done that so far. Thank you for joining me in today's video! I hope you found it useful, and I hope you've learned how to add a testimonial creation sequence to your website that allows you to display testimonials and have people post them. I'm excited to see what you guys come over here and post on wixtrainingacademy.com.
Thank you guys for being so awesome! If you're interested in having a professional team hire out our professional team, build out your next Wix website project, my team and I are available and open for projects. You can click down and check out wixtrainingacademy.com and you can just come here to services or work with us and book your free strategy session. I appreciate you so much. I'll catch you in the next one!