August 14, 2024

Wix Studio Marketplace

What is good y'all John D Saunders here and I'm so excited to bring you a new piece of content. We've been collaborating and working through the Wix Studio platform and we've actually been able to create our own template. So I'm going to walk you through a few things on this video. I'm going to one show you Wix Studios's new Marketplace template Marketplace which is a plethora of templates that you can use to build out your website.

I'm also going to talk about our template why we built it how we structured it and how we make it really conducive to anyone new to the platform looking to build out their dream agency website. I'm also going to talk about why we decided to build this type of template and why it's important. And lastly I'll talk about what to be aware of when you're building a template in this brand new Marketplace. So let's dive in!

I'm going to jump into my computer show you the process, show you what we've been working on that way you can make an informed decision on if you want to use the platform, if you want to build some really great dope templates inside Wick Studio Marketplace and be able to sell those to other agency owners, individuals, freelancers and more. So let's dive into my computer y'all.

So here I am in the Wix Marketplace as you all can see. You just go to Wix type in Marketplace and it'll bring you right here to the homepage and you can do a few things here you can explore services, explore templates. You can find an expert or hire someone to help you or you can buy a partner made template. So this is where we're going to go because this is a new area that Wix is uncovered that's really dope and really helpful.

If you need help with a Wix Studio template or wireframe that can help you get further along with your project. Of course you can also sell your services sell Wix Studio templates which I'll talk about a little bit in a few but I do want to show you this Marketplace that's really cool. So just scroll up hit ‘view templates’ it's going to bring me to this landing page where I can do a little bit more here.

So right here I can look at all the studio templates built by and for web experts. These are all built with a pretty solid framework in regards to site design and development. And if you hover your mouse over these you can take a look at some of these uh wireframes and website templates which I love I can just highlight my mouse over it and be able to scroll and see what that looks like it's just really helpful for doing a quick overview. And then I can click online store and I can filter these according to what I'm looking for.

So I'm going to go down here and I'm going to go to all and I'm actually going to go to page three because I think ours is on this page here and boom there's our template the ultimate agency as you can see here. Just a really solid one page that we built out. This is a simple and effective one page agency website that provides a service overview, easy to find content and a really clean aesthetic. You can see all the features of that template here and you can view screenshots right here as well.

I also click view template so I can see what it looks like in real time on all the different breakpoints. Here it is on desktop as you all can see. We've added some really cool kind of interactive elements here to give it a nice looking feel, big bold fonts and lettering and a beautiful type face that's conducive to all different design breakpoints. So there's desktop, there's tablet and then we have mobile here as well with all these assets interactive so there's my template and.

So the way that we structured this, so the way that we structured this is we went ahead and used a logo SVG, customized menu and custom uploaded fonts and call to action. We wanted to use fonts that were conducive with the different brand types and websites and so each section we used containers and the text with SVG and PNG images just to give it a really crisp and clean looking feel.

And use containers for different sections and text images in here so it's really easy to navigate through on desktop tablet and mobile as you can see everything formats based on the device type that you’re using. And so it took us a little bit of time to get this perfect, to get this really dialed in and solid for the end user to be able to use. Using the full width container and text marquee was a really fun idea too and just keep in mind that when you get this template.

You don't even have to worry about any of that because it's all pretty much done and included in the template. So again the footer just uses a few container boxes here it's stacked so they don't overlap on different break points and just really clean, just overall concise design here as well. 

The main reason we built a template like this was because we understand what it's like to be a freelancer and an agency that needs to get up a landing page quickly, that needs to work quickly and so we wanted to create something that was a one pager that was really easy for the end user to put together an update accordingly. So within just like an hour or so you can set up your own website, your own agency site using this one pager with all of it leading to the get started call to action where folks can put in their info, hit get started and you're collecting their info instantly.

Going back to show you all a couple things too here as well, if I hit back I can go here and you can actually sell in this Marketplace as well. So if you click here you can hit sell studio templates you can actually apply with your own templates built in Wix studio, so the way it works is you become a partner you create a custom template the team will review and then once you're approved you can get on the marketplace and start selling, you just hit submit a template, you jump in there and you can go ahead and get that done.

So I want to show you behind the scenes of our template and how you update it how you make changes and the main reasons why we built it. So here's our brand new custom template as you can see I'm in Wix Studio back end, you can see custom templates right here, I'm going to go here and I'm just going to go ahead and hit edit template. What it's going to do is it's going to bring me into the backend dashboard of Wix Studio where I can then make those changes in real time.

All right y'all as you can see here I am in my dashboard, I'm here in the back end. You can see I'm using the desktop breakpoint. There's tablet here and then there's mobile. So I can edit this in real time so once you let's say get this template, y'all it is so easy to update you literally click in, double click and boom you're already changing the text, highlighting content, being able to change content here in real time.

If you start at the top break point like desktop all the changes you make will trickle down to tablet and mobile and so yeah it's really easy to jump in here and just make these changes y'all. We wanted to make this very simple, very intuitive. The template overall just works really well and it includes everything that you need to get started. Including it get started here right here where I click and it opens up a contact form as well. So a few things to really be aware of when you're creating a template.

It's really important to understand your audience. So as you can see with all of these templates in the current Marketplace a lot of the folks that created these understood their audience. If you're really good at e-commerce or you think that that's something that is missing from the marketplace, probably be a good idea to create that. You also want to make sure it's mobile responsive.

Ensure your design is mobile friendly, make sure that a significant amount of people coming to the site or easily be able to see the content on that page because ultimately most people are going to be using mobile. You also want to follow fundamental design principles right. So for example with this one you want to maintain a consistent use of colors, a consistent look and feel font and imagery that aligns with your brand identity. These are just normal things that you want to take into account when you're creating your own template.

Now important piece is functionality and usability I'm going to click this one for example. You want to make sure that the navigation is consistent across all pages. Use clear labels and make sure that the site is really easy to navigate and then focus on loading speed and accessibility. Great thing is Wix has a lot of these things out the gate, so it's really really easy to set these things up initially so you won't have any long-term issues there.

Lastly you want to think about integration and scalability. You want to make sure that you want to plan any necessary third party tools that you need social media, analytics, CRM tools. They're all easily integrated as you can see the features here, we have CMS blog, Wix forms, custom code, all of those are included in this. I can take a look at this template and I can really take a look and a great idea is to really go into the marketplace.

Look at existing templates, see how they work, look at the functionality, see the types of things that you like, see the ones that are really popular and be able to leverage some of those ideas and create your own template that's conducive to what your users are looking for. So essentially key takeaways there are focus on user centric design principles. Make sure that your template is scalable and then it can accommodate future changes for your designers and developers and then consistently gather user feedback from folks that are actually using your templates to build out their websites as well. And yeah that's that's the quick overview y'all.

Thank you all for checking out the video. If you have feedback, comments drop them below. Be sure to subscribe and I will see y'all next week. Peace!