Use Webflow to build your web design business. | Chris Kellett | Skillshare

Playback Speed

  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x

Use Webflow to build your web design business.

teacher avatar Chris Kellett, What can I say I love design tools!

Watch this class and thousands more

Get unlimited access to every class
Taught by industry leaders & working professionals
Topics include illustration, design, photography, and more

Watch this class and thousands more

Get unlimited access to every class
Taught by industry leaders & working professionals
Topics include illustration, design, photography, and more

Lessons in This Class

    • 1.



    • 2.

      Webflow the best tool for designers.


    • 3.

      Start Using Webflow


    • 4.

      How to sell Webflow


    • 5.

      Create a project in Webflow


    • 6.

      Setup Hosting in Webflow


    • 7.

      Make Money with Webflow


    • 8.

      Speed up your Webflow Projects


    • 9.

      Improve sales with Webflow Data Tools


    • 10.

      Use Webflow SEO Tools


    • 11.

      Use the Webflow Editor


    • 12.

      Where next for Webflow Training


  • --
  • Beginner level
  • Intermediate level
  • Advanced level
  • All levels

Community Generated

The level is determined by a majority opinion of students who have reviewed this class. The teacher's recommendation is shown until at least 5 student responses are collected.





About This Class

In this 55 minute series of videos, we explore how Webflow can be used to build a freelance or agency web design business. Rather than focusing on the design tool itself, we look at the business opportunities and ways to use Webflow to generate income.

We also take a look at the features built into the Webflow service that can help us create profitable web projects.

No prior knowledge of Webflow is needed and the course is useful for new and experienced Webflow users.


Click here to DOWNLOAD the FREE PDF

Meet Your Teacher

Teacher Profile Image

Chris Kellett

What can I say I love design tools!


Design is my passion from web, product or graphics. A frequent presenter at the Adobe MAX Creative Conference and online educator, toy-maker and explorer.

I have been in the web and graphic design industry for 20 years and I still love it.

I love seeing the world with my wife and two children, cooking, baking, camping, building, making and relaxing around a good old-fashioned campfire.

See full profile

Level: Beginner

Class Ratings

Expectations Met?
  • 0%
  • Yes
  • 0%
  • Somewhat
  • 0%
  • Not really
  • 0%

Why Join Skillshare?

Take award-winning Skillshare Original Classes

Each class has short lessons, hands-on projects

Your membership supports Skillshare teachers

Learn From Anywhere

Take classes on the go with the Skillshare app. Stream or download to watch on the plane, the subway, or wherever you learn best.


1. Introduction: Hi, I'm Chris Kellett, and I'm here to show you how to use Web flow for your business. Now I've been a Web designer and graphic designer for 20 years. I've used all kinds of software, and I can honestly say that Web flow is the best I've seen so far, and I just love using it. So what I want to do is I want to show you how you can build a sustainable business using Web flow for your Web design company. So without any more waffle from May, let's dive into the course. 2. Webflow the best tool for designers.: So why does Web flow make sense for freelance designers and agencies? Well, in this video, we're going to take a look at that very point. Why does Web flow makes sense for designers how it fits into any workflow? And then we're going to take a look at what this course will teach you. Wet flow understands that you're the designer, and you want to design your sights on, not just click other pre designed parts together. It is not for you with a template chooser, because it understands that you're the designer. It also doesn't force you into a specific workflow. It understands that you may have your own work flows that you want to work with, and it just sits nicely where you need it. So dealing with that first point, you want to the design the sites that you want to design, you're the designer. You have a project from a client. You want to sit down and produce their experience. There's required for their business, and you don't want to just drag and drop a load of parts together. We're not designing by numbers here. We are designing specific to our clients needs, so as designers. We don't just drag a low developments together, modify them a bit, and then push our website. We create experiences for our customers. So designed by numbers is out. It doesn't offer you a template, either. Now there's nothing wrong with templates per se. However, Web Flow understands that you are designing a site from scratch and experience that your client needs, and so it presents you with a blank canvas, which can seem a bit daunting. But as designers, we've dealt with that hundreds of times before, but we don't want to build on somebody else's design. We want to build experiences for our customers, so I appreciate the fact that Web flow doesn't stick our load of pre designed templates in front of you. It lets you get on with designing your experiences for your customers. A lot of these templates are very same old, same old, a bit like a load of terraced houses that say, But as a designer, you're building the dream home for your customer, and you not only want to design it, but you want to construct it, and that's what Web flow lets you do. It also doesn't force you into a specific workflow off how you're going to communicate with your customers or how are you going to gather your assets? So what it does is it fits nicely where it's needed as a design tool, so that allows you to build your own work flows. Some tools out there have quite well thought out structures to them, but I always see that as having all your eggs in one basket problem with that is, if a tool doesn't quite fit what you want, you're stuck with it. Or if you come across something better for, let's say, customer collaboration, you can't squeeze it into that workflow Web flow because it's a design tool, predominantly allows you to construct your own work flows and then, as I say, just sit nicely where it's required. So it's no offering you all of your eggs in one basket. Thea. Other problem with that, of course, is that if one tool goes down and that's managing your entire business than all your tools go down, I prefer to have different tools specific to their jobs and create my own work. Flows on Web flow, understands them. So what are we going to learn in the rest of this course what we're goingto take a tour off Web flow. We're going to see what Web Slocan do. We're not gonna deep dive into the designer, but we're going to look at it from or off. How does the whole Web flow service benefit us as freelancers and agencies? Well, come toe, see how we can make money with Web flow. Of course, we're a business, so we need to generate an income. So we're going to see how we can make money and sell to our customers. We're also going toe. Take a look at how we can optimize that processes. But first of all, let's get started with getting started with Web flow and take a look around the tool on the services it offers. 3. Start Using Webflow: in this next video, we're going to get started with using Web flow. We're gonna open an account now. I'm sure you can open an account, but we're gonna open one anyway. We're gonna take a look around all the different tools and services that are available in Web flow, tow us as businesses, and then we're going to take a look at the plans and see how you can actually test Web flow out for free. So let's get started on jump into Web flow. So let's go ahead and open an account. First of all, we've gone toe web flow dot com have clicked on the dashboard, and then we're going to click on don't have an account, so we can either create an account with signing him with Google, all we can put in our details. Here's we're gonna put in, um, some new details here, create a you password. Um, yeah. I create my own password for this. Okay. And create an account. So now, where? Welcomed with this. This interface here with Welcome to our web flow account, who will we be primarily? Creating four clients is a freelancer. Let's take that one and do you have any experience in coding websites? I have no coding experience. I'm going to I got it. Click this last one here on, then hit submit. So here we are presented with starting a new project, so we do have some templates that we can choose from. As I said earlier, Web flow does offer templates. Templates aren't necessarily a bad thing, but as designers were designing from scratch, so I'm gonna choose Blank on our canvas opens up on. We are starting a project. Let's go and take a look around Web flow itself. So we have the ability to create projects really easily. Once we have those projects, we have the ability to add hosting customer editing so they can edit their own sites. We have all of their little bits and pieces, like being able to add easily favor icons, Web clips, being able to integrate custom code backups using custom fonts s CEO, and then we go into the designer. And this side of things is just mind blowing. From a design point of view, we can build absolutely anything here. The sites are automatically mobile friendly. We're designing in a ah, very easy to use mobile friendly environment so we can cook through different device types as we're building. Then, from a interactions point of view, let's say with the animations weaken, build out any kind of in animation we want right within the tool itself. And we have custom data tools so we can build out databases and integrate data content and coming in very soon in the future. We have e commerce as well, all built in so we can design things, how we want them to. We can make them animate how we want them to weaken, integrate them with data sources as well. Their mobile friendly on That's all in one tool. Not only that, we have hosting built in where kind billing. We have so much in this tool that from a designer point of view, Web flow is the perfect tool for getting your sites built for prototyping, for y framing you name it. Anything to do with Web design Web flow does it. So let's just take a look around the plans. So now that we've got our account open and see what plans we have available to us now, currently we're on the free plan and That's great, because we can test drive Web flow at no cost. We can build up to two projects. We can even set up client billing here so we can make money from hosting and we have free staging. So staging is the dot Web flow address, so we would have my site dot Web flowed Ohio, so that would be the staging. It doesn't have some of the other features, like the code export White labeling, password protection for your sites for protecting an area of your site or your entire site before you're, um, customer goes to it so no other people can go and see it on the team dashboard, so it doesn't have that. But it is free forever. And it's great for freelancers because you can get on with your you can build your projects here on. You can certainly really get to grips with Web flow with this basic him. Then we got to the light account, which has 10 projects. You have the enhanced staging so you can do the staging part where you want to add more pages. So let's say you had a page that had a ton of pages on you wanted to showcase that to your client. You can do that on the light account with the code export as well. Then we have the pro count on that gives you the unlimited project. So pro kennel is probably. If you're an active Web designer, the pro count is probably the best for you, and then we have a team again as well. 4. How to sell Webflow: So let's take a look at how we can sell Web flow to our customers. But first off, let's take a look a bit of a deeper dive into the features. So in this video we're going to learn one of the main features of Web flow for our clients because our clients want to know the benefits, though not just the features. So if we see the features and understand them, weaken converse with their customers about the benefits of those features, we're going to look at how we can sell those features to client as benefits. And then we're going to take a quick look at some resource is that I've put together that might help you in your sales pictures to your customers. So first off, what the most clients want? Well, they need a service that they want a update easily. They don't want to have to go into some spreadsheet like system. They want toe just basically going to the site and change what they want to change. We'll take a look at that. They weren't really fast hosting because that equals fast delivery of their content. It equals better schools with them. S E O. And it also means that customers can make buying decisions quickly or get to information quickly. They also need it to be reliable, not necessarily cheap. I found in my experience that customers don't always want cheap, but they do want value for money so we can sell a service that maybe no, maybe a bit more expensive than another service. But if it's good value for money, customers are all up for that. We also need the ability to evolve the site as the company progresses, and we'll see how Web flow being always connected to the designer tool allows you to do them. It needs to be mobile friendly, of course, very often now we're thinking of mobile first. Well, we can see how Web flow has mobile device friendly built in. We also need the ability to add data on day by day time, talking about things like blog's case studies, data that needs to be added to in the future and also needs to be highly searchable by search engines. So we'll take a look at that as well. First up, let's talk about easy updates and let's see how we can update a site Currently, I am working in the designer. But if we switch over to the editor so by having my hosting with Web flow, it allows me to edit site incredibly quickly or my clients to as well. So if I just hover, own it over any of my content here, I can very quickly edit it and then I can go straight through and publish it. I can get to my different pages from here. I can manage my settings, my page setting. So if I go to this page here, that's going to take a look at the settings. I have all of my basic settings my S CEO, everything. My open graph for social all here on the editor so your clients can do that just directly in sight. Even if I wanted to swap out an image, I can easily do that. But I can not just only do that with my static content here if I go and take a look at the editor on Cem, um, dynamic content as well. I'm just gonna publish this site out on, then go to my editor so I can see here if I go to let's say if I go to the news page here, and then I click on one of thes articles. I can actually edit the content for a block post, so my data content as well I can also update. So imagine that from a customer's point of view, they can update not just static content, but they can also update their dynamic content from the editor, so that only comes with hosting with Web Float. Okay, so let's take a look at the speed off the hosting. So just taking a look at this okay? Granted its Web flows own article. But just taking a look at how they're hosting ISS set up. It's a super high speed hosting on rather than a typical hosting service that is based in one location with all of their servers based in one location. Web flow hosting is scattered across the globe so that all of these different sites can serve out your sights. Fire CD ends so it makes it very scalable on very fast. You can take a deeper look into the hosting, but I just wanted to show how fast this hosting is So milli second page loads. We've got infinitely scalable because we're working on AWS and Amazon back backbone for the for the hosting of the site, we've got Esser cell as standard so all of their sites are secure Https sites and hey, http two compliant. So that's that's all standard built in with your hosting. So it's fast, it's secure, and it's distributed across the globe. So you've got anywhere in the world you've got superfast up time for your site. So we've got that really cool editor the ability to edit data. It's a fast, secure network. Let's take a look at some pricing. So what I'm gonna do here is I'm just going to switch over to the hosting here, and I'm gonna set up this page so that I can compare two pages together and we're gonna look at a comparison with ah, very good service. This isn't too downgrade. How good this other services. But just to give you an idea of comparisons so WP engine toe hosting WordPress sites And if you take a look at their start up hosting their basic hosting compared to Web flows, basic coasting, we conceive from a price comparison. We can see that when you go up to um, when you go up the scale here, you can see that the the hosting for the service that you get is quite expensive compared to what you're getting with now. Obviously, this is dealing with, like, 15 sites for this price that you can host. But when you divide it up, you can see that it's it's quite an expensive comparison. So I'm not saying that because you could say that these comparing apples with oranges. But just to give you an idea that if you wanted to hostess site with, uh with WordPress with a comparative company that for the content management you're looking at about $35 a month, whereas with Web flow you're talking about $20 a month and even their top hosting is only $45 month. So just to give you an idea of comparative hosting, and as we said before, there were not necessarily looking at just prices in which is the cheapest because that's not what it's about. It's about what is the best value for money on for me, that editor, the ability to connect your site to the designer without having to go back. Let's just close this page down without having to switch between tools. For example, when you wanted to evolve your site so you wanted to. Let's say you wanted to add some new tools to your website. Then, if you're using, ah, another tool not connected to the hosting and you have to FTP and in so four. But the beauty off using Web flows hosting is that the designer is connected to the hosting . So as soon as you want toe, add a new section at a new page. You just go straight back into the designer and you add the new content so you can add new elements. You can add new pages straight there. So the hosting the designer in sync with one another, which makes managing a website really easy. So from a hosting point of view, we've seen that Web flows got really good tools for the our customers to use for updating the site. It's fast, it's secure. It's good comparative pricing. It's not the cheapest in the world, but it's good value for money on the fact that the designer and the hosting are connected together means managing your websites, your kinds websites and keeping them up today in adding new features is really straightforward. So let's take a look at some phrases that cell Now. We want to sell benefits to our customers and not just features, because features they may excite us. But the client wants to see the benefit of those features. So there's a couple of phrases that I've put together here on the page about how they can update in real time. With no design skills they'll be hosting on the fastest hosting on the Internet with worldwide content distribution there will be built on a tool that's the gold standard of Web design on the best value for money service that you can get when you consider all of the different things we've considered. I've put together quite a few different phrases for you, so if you download the pdf, you can copy and paste those phrases into your sales pictures. Remember, we're selling benefits off the features, not just the features which may not make a lot of sense to customers. So as a side. No, I just wanted to talk to you about whether Web flow is something that's being actively developed, and I can say absolutely 100% it is. In the last six months alone, there's been over 20 updates and these haven't necessarily been small updates. We've had a completely new interactions tool, which is for creating animations. We've had lots of smaller updates, but we've also had updates to the CMS system. We've had updates adding content exports and we've just had a new grid system CSS Grid System, built in two Web flows. Well toe expand the possibilities for design. We also have e commerce coming as well, so there's tons to be looking forward to. But when you look through these updates, you'll see that there's just so many updates just happening all the time that web flows a really great active tool to be using. 5. Create a project in Webflow: Let's take a look at setting up a project. Now. Preparation is the key to any project, so we want to develop our assets first and so we can bring them into the project. But let's take a look at how we can start a Web flow project, a tour of the project settings on then I've produced some resources that can help you get started with your projects, especially with setting up your assets are preparing your assets ready to come into Web flow? So first off, let's get started with a project. Let's take a look at creating a new project so we've got our account open. We've said everything up. Now we want to start building. First off, we want to go and create a new project, and we're going to choose a blank canvas, and we'll just leave the name as it is for the time being. So I'm gonna create this project, and we start with that blank canvas so we're ready to design. We've got our design concept down in maybe fig, more or extra your affinity designer, and we're ready to start building. But before we start looking at the design, let's go in and look at the project settings. So we now project settings. Here. We can change the name and so on, and we can upload our favor. I come on our Web clip, we can give a sub domain name to it. So when we're staging the site to send to the client so they can take a look at the progress we're building, we can change the sub domain name there on. We can add it to different folders. If we're holding folders for for different project types, we can do that as well. So the Web clip and favor icon image. Obviously we upload those there, that's Ah, although it's only a small thing. It is nice when clients see their favourite caught up in the browser corner, or they add the site to their home screen on their device on. They've got that nice icon there. We can modify the time zone for the for the site as well, and we could also had a password for certain hosting types. We can add a password where the client can only access the site by entering the password so it stops anybody else from getting in to see the side before that's done, and you can also add this site to the showcase to show your work off to other Web flow. Users can also switch off the Web flow branding. So if you don't want the Maidan Web flow and you don't want Web flow to be, um, in the even in the coding in the hate email code, then you can switch that off here as well. In the project settings is also where we set up the hosting. So weaken set up our staging. We've got our staging set up here in hand staging examine a team account. But we can also go through and change at the hosting and at it straight away from here. So we don't have to do anything else apart from just going choose. The hosting can have a look at that, the hosting comparisons there on then. This is also where we had set up our custom domains on three or one rate redirect. So if we've got a site that was hosted somewhere else, we're rebuilding here. But the client doesn't want toe lose the search engine results that they had with their previous site weaken set up those reader redirects their on DSA advance publishing options that can speed up the site, like unifying the code and the CSS and, um so that our code is the cleanest and fastest it can be. So that's another thing that we can do in the hosting settings. The editor is where we can change our branding. So if we want to have a branded version off our editors So the client may want, for instance, there, um, brand name to be on the editor or you won't want your brand name to be on the editor. You can do that here as well, and you can add additional collaborators into the account so that you can have set up different cut different team members or members off off your client's company toe update the site. You can set a bit billing here as well. This is where you are built for the for the for the project and setting up client billing. So if we if we wanted to generate an income off the hosting, we would want to set up a client billing on this account on, then we could We could make some money on that hosting a swell or if we want toe manage the the way that they look and feel. We wanted to separate it away from web flow, so we wanted to be pretty much white label. Then we could do that as well. Now, on the S E o settings, we can switch off whether we want the site to be indexed or not on. We can also have control over the site map. Now, this is really important from an s e o point of view on, we'll look at this in a later video, but we can do that hand. This is this is S E O settings for across the board for the entire site rather than individual pages. The form section is where we set up for projects for if we're having forms that say we having contact forms in the site where we would set up the preferences here for where we want the site to be the form to be submitted to and who receives that form? So that's all done here. And we even got recapture validation so that we can make sure that where the email forms aren't getting spammed as well in the front section. We can add Google fonts so that those will then be available to us in the designer. So we if we have some specific Google fonts that we want to use, we can add them. Here we can upload custom fonts on. We can also connect to Adobe type kit if we're using that. So we have really good fun control here in the project settings. Now one of the best features, I think. And this is a selling feature to your customers. So if you convey this to your customers that backups are made and you can see that a backup is made on every 20th auto safe. And um, that means that as you're working on the site, you can always go back to a previous point. But also it means that when you're kinds edit their site, if they make a mistake, you can restore that for them. So that's really good to have backups of your site. And I think that's a really good selling point that you should put into your submission to your customers that sites backups are made integrations here. This is for things like Google Analytics, Google Maps, now of course you need an A P I key for Google Maps. So you would put that in here on. You can also include your Facebook pics. Also fair if you're tracking through marketing. So that's done in the integrations and then custom code. This section is where you want to put custom code in for every page. So this may be something that you want to run across your site. So you would put that in the custom code in the header or the footer here on. That's all done in the project settings. So that's how you go about setting up a project. We can also share a project out so we could transfer a project to another user, another team if you wanted to. We can delete the project. We can duplicate the product project. Once the project is ready to go on been published, we can share a read only link so that people can go on DSI that site we can get to the designer. Once we've published, the editor will be available on then from the publishing drop down here. We can publish it out to that staging domain or accustomed domain. So sometimes who may want to just publish out to the stating domain before we actually publish it out to the custom domain as well. So if you want to go ahead and download the Project Starter kit, it's a really useful pdf with some, um, ideas off how you can put together your assets before you start a project so you can get your project underway quickly and get all of those settings set up before you actually start the build. 6. Setup Hosting in Webflow: So let's say we've got our site designed. We now need to set up hosting. So let's take a look at what this video will show us what we're going to take a look at. What Web flow hosting is how we can set up hosting for a project for a client. How we can make money with Web flow climb building tools. But first off, let's start by taking a look at the Web flow hosting. So this is a site that's nearly ready for my brother. So we were thinking about putting this hosting this with Web flow. So let's take a look up more. We would do together, set up while first off, we want to goto our project settings and then we want to switch on our hosting here and choose a hosting. I'm gonna go for a monthly. We'll go for ah, basically can hear Onda. We could just go ahead and add the basic hosting and then it would build us for the hosting each month. Well, we don't want to do that. We want to set up climb, Billy. So I'm gonna click on the client billing here. This will load up the new screen. We can see any client billing invoices that we've had. But prior to now and we can click on this set up client billing So it fill out this information with all the details to do with the company that we're building chooser, hosting, fallen, basic hosting. Choose how much profit we want to make each month. And then if we go down to this summary here, we can see that they'll be build $36. The subscription is $16 an hour. Profit is $20. We could add tax in here. And we also might want to put in a service description on a credit card statement description so that they when they get the bill, they know what it's for. So that would be setting up the client billing. Now, we would go and set about client billing tools in our account settings here and go to account settings and in our building tools here. We've already got my account actually verified. So if we take a look at the details here if selected the country, I filled out all the information for the client billing, submitted my documents and I d s for a set of my bank account on this is already set up for that claim billing. So you need to go through in your account settings, go to your billing tools and set that all up prior to you being able to use client billing . Let's take a look up the next bit. Once you've got the hosting set up, what does it look like when you add a custom domain? So if we go into the project settings for this particular client and we go to hosting on, if we scroll down the page here, we can see that we have our domain added. So we've added a squatter group domain here. We could have another domain as well, and then we We haven't got SSL enabled at present, but we we can do that from here. This climb didn't want SSL enabled at present, but we could do that. They're on. Then we have. We've also identified the hates email on the JavaScript on. We've just set a lot of the settings just to the default on. Then we haven't needed any reader execute. This is brand new site, but it's pretty straightforward to set up the hosting in the custom domains. So this is an actual live active site, and it's very easy to just add that hosting at that client billing, to make some money off the hosting as well and to add your custom domains. But the question may arise, Will would about Klein email. Now client email shouldn't be, in my estimation, with the hosting. The reason why I say that is because the Web site may might change where it's going to be hosted with. So right now, it might be hosted with Web flow. But what if they wanted to change where their website was in a couple of years? Time on the email on the hosting are all in one. That would be a bit of a nightmare, and I believe me, I have done this many times before where the email and the hosting her integrated together and you end up having to move all of these email accounts and the hosting and it's a nightmare. So I would say that hosting off email and hosting of your website should be separate. I would say that that was ah, just a standard thing for any freelancer. Now that might sound by adding some more complication in on. We're not gonna go into how you would necessarily set this up with the DNS records and so on. But I'm just saying that Web Flow Dozen offer email for customer email. So John at So and so and so Andi. I think that's the right choice. So this is with dealing purely with Web flow hosting of the website. We've got the website design of the website editor. The email is somewhere else, and that means that if your website goes down, which it won't, then your emails no affected. And likewise, if your email goes down, your websites no affected. And for most companies, email is their most important part of their business. So you want to host that separately and securely. There's a couple of places you could look you could look at. SoHo email. That's very good. Secure email that you could set up with your DNS. It's very straightforward to set up. And of course, there's Google for for business, Jima, for business, and you can set up there. There's lots of videos out there to show you how you could do that. So there isn't email at John at your company name with Web flow, but that's not a bad thing because we want to host our email elsewhere. 7. Make Money with Webflow: So let's take a look at how we can make money using Web flow. Well, we have a couple of different sales channels now. Of course, we have the using Web floater make and sell websites to our customers. That's one way we could also make money from hosting site somewhere flow by amusing the client billing tools. But we can also produce templates and sell them in the template area off Web flow. Now they have very specific criteria, but it's a good way to make a repeatable, continuous income by especially for a good designers. We could produce some really nice templates and put them in there. So that's another way. And we can also use their for hire service by putting ourselves out there on the Web flow system on making ourselves available to other Web flow customers and agencies. So let's go ahead and take a look at those different areas off where we can make money with Web flow. Now, obviously, we can make money by building websites on building our clients for the work. That's one way that we can use Web flow as a tool to make money. Another way we can news Web flow to make money is by making a commission on the hosting so we can see here in our setting up billing here for a website. We can see that on our client billing if we set up client billing on our account. And we can even do that on the light accounts that we can charge full hosting extra to the hosting and we can make a profit from the hosting as well. So we've built the site. We can also make money from the hosting. Another thing we can do is we can build templates now. I know previously in this course I've discussed about how we don't want to necessarily start with templates because we are designers when we're designing our own site. However, if you wanted to get into the template market, there is the possibility to sell templates via Web float, and you can see that temp oats are selling for anywhere between 49 $79 you can just if we scroll down the template page here, we can see here that we can actually sell our own templates through Web flow. So if we're a good designer, we've got lots of good ideas on. We want to share those ideas. That's another way that we can use Web flow to make money. Now, if we've got a profile set up, we can also hire ourselves out as a Web flow expert. So I'm Web flow. We can see here that we've got lots of experts that we can we can scroll through, and you can become a Web flow expert. Put yourself out there, and you can maybe work with another team or find work that way. So you've got these four different channels that you can use with Web flow. Once you set up with your account there, you can build your own sites for your clients. Make money that way. Make money through hosting. You can sell templates, and you can also put your services out for higher through Web flow as well. So there's four great ways that by just by having a Web flow account, you can make money for your business 8. Speed up your Webflow Projects: in this video, we're going to see how we can speed up our work flow because time saved. That's definitely money made. So let's see what We're going alone. We're going to see how we can speed up our project production, maybe by starting by a custom template that we've produced to get our project started with . We're going to look at how we can use build symbols. So the elements that we use across different projects, we can reuse those elements on how to reuse page elements with copy and paste. So we produce something that we want to copy and paste onto other pages. Or we could even have something that we copied and pasted to other sites as well. So let's go ahead and take a look at how we can speed up our design process and our project development process so that we can obviously generate more income, and one of them is by using symbols and symbols is really powerful because you can create your own reusable elements so things that you've designed, but you want to use them across different sites, or, for instance, you may have ah, header or footer styles that you want to use in in other sites to speed up your development process. You can do that on its is easier is just choosing some content. Let's say this containing here. We go into our symbols and we create a new instance off that symbol say here and create that new instance. I'm gonna call that simple. And now this is a symbol, which means that we can use it throughout the site as well. On when we update, the symbol updates across all of the usage in that particular site. So especially for navigation and footers, that kind of thing. Symbols make life a lot faster, quicker to update and making iterations. But we can also take that and then copy it. So I'm gonna select this container. This here, I'm gonna copy it, go into another project on, Go into the body here. Andi pace that content in now it hasn't saved as a symbol yet because it's it's came, come in as just copy and paste code. But then we could very quickly just go and add that as a symbol. And now it's a symbol in this site so we can create our own set off wire framing or unique elements that we want to use in our particular designs, especially if we're building lots of landing pages on. We need starting points. We can do that by building reusable and elements up front and then copying, pasting them throughout the site. That's a really good way off speeding up your projects. And that means that by speeding up your projects, obviously, as we've said before, any time saved is, is money made as well. So that means that if you've done this up front or you've got some really nice elements on one of the sites you've already built, you can copy and paste them into other citing and reuse them. Change the graphics, the fonts and Sauron and on Dwork that way. Obviously, a lot of the time we're designing sites from scratch and with designing experiences from scratch. But it's also a really fast way of prototyping as well, because we may have some elements that's similar to what your client once so we can. We can use those as as starting points as a work, so that's just one of the speed tips. Another thing is obviously getting all of your assets prepared. So in our starter kit, you can there's, ah, break down their checklist for getting your project started off getting your assets ready so that you can move through your project at speed. But one of the biggest things I would say is is to build these elements that you can copy and paste across your projects. If you're building out sites on a continuous basis off of a similar format, similar layout, that may really speed up your process. 9. Improve sales with Webflow Data Tools: So let's dive a bit more into data with Web throat. Now. Data is reliant on you hosting with Web flow. But let's take a look at how we can increase a project scope with data collection. So we're not just designing static websites now on, we can increase how, offering to our customers by being able to them, offer them data, um, up datable data for their sites. So we're gonna have an introduction into collections and then take a look at how we can sell these collections to clients. So let's jump straight in to data collections. So data really means that you can build biggest sites, more useful sites for your customers than just static pages. And on this particular site, if we go into our designer here, we'll be able to see how powerful data is by understanding the power of data. It means that we can sell those services and obviously create income from it. So in this particular site we have, let's go into a new section, so this is kind of like a blogger, but it's more of a a news, just a corporate news page for investors and so on, and we've built a layout of the great thing that I love about web flow is that you can build the layout toe any specifications you want. You can build the layout. Perfect. How you want it on. We've integrated thes data tax in here, but let's go back to our data source here. And if we go to our news so block posts have called it. We've got a news here. This is a demo site for the client. So this isn't actually a live active site. This was just the staging site. And if we go into our, um, article here, we can see that we have our different data elements. We've got our main image we've got, Whether it's featured or not. We've got all these different parts on. Well, how did we get this day debate in there? Well, what we did was we just created a new data set on Web flow. Makes it super easy to build out whatever data set you need. So we can just add lots of different types of field plain text, rich text, video links, all sorts of things we can add straight into our data source on. Then, once we have that data source. We can then just pull that data source into the page. I'm not going to go into great detail here as to how we do that. That's for other videos. You can find a lot of information on the Web for university for that. But just to know that you can build data sets now, once those data sets air in there, you can also search through those data sets. You can reuse them throughout the site, and they're very easy for your client to update. So when they add new posts, or if they want to update anything, it's as easy as updating the site. So with the client editor, they can update their data as well. And you can see that this kind is actually got quite a few different types of data that they're using. They've got warm for their team members. So if we go and take a look at that page there Oh, that's a term sorry. I thought it said teams. So we have our team news here. We have our in the about us. We're using a data set that's pulling in the data about the team. So instead of updating the pages. They can just add new team members. They can add new locations as they add them job vacancies, different brands and so on and so forth so they can add lots of custom data, a specific to their business. So they're not having toe with WordPress. Sometimes you've got a customer that I actually wanted to work with a broad post, but they want to work with some data and integrate it. You have to kind of shoehorn would press to t fit around your data type with Web flow. You're building the data types that your customer needs on, then integrating them in with the pages. So data collections with Web flow means that you can scale up your business to not just offer static websites, but also data driven websites like blog's portfolios, product less. Anton, as you've seen here on that is data collections. So when we're talking to our customers and we want to sell them our services and we want toe upgrade them to data collections, how can we sell this to them? Or what I've done is I've put together some more phrases that can help you to communicate to your customers the benefits off using data collections in this site. So, for instance, they could easily have a blawg portfolio or any other data source designed to perfectly match their sights looking field So they're not restricted by how or how the data works or how it looks on the site that it's secure on because Web flow uses the SSL so you can be assured that your data is secure on. They can export their data from Web flow if they need to in the future. So they're date is not trapped. Also, that they can update data as easily is updating their website on. We saw that with the with the editor, so all of those benefits off using Web flow for your data can be communicated. 10. Use Webflow SEO Tools: Let's take a look at the S E O and social sharing tools built into Web flow. It has an amazing tool set. And let's go take a look at them through an introduction of thes tools. Then we're going to see how we can sell these eso tools to our clients. Onda Also some s e o toole Resource is Let's jump in and take a look at these amazing tools . Let's talk about S e O and open graph with Web flow. Now all of your images can have all tax, so you can add all tags, which is important for S e O. But if we take a look at the built in seo tools on the page here free open up this page and go to our page settings, we can see that we have S e o settings Here on, we can put our title tagger meta descriptions in and see an actual preview off how this snippet the page snippet is going to show as a result in Google, which is really great from a design point of view to be able to see exactly how our pages going to show up in search We can also add open graph settings so we can either use the settings that we've used for our S A O Settings. Or we can add custom titles and text on also a custom image. And we get a preview off how it's going to look when it's shared out on services like Facebook. We can also change how the results of show up if we add sites that show their site search tools built into Web Flora's well on. We can change the way that the site looks when somebody carries hours, such on the site. If we go into our project settings here, Goto CEO, we can see here that we can change whether a page is indexed or not. We can update the robots txt from the project settings. We can choose whether we want to auto generate a site map especially useful. If you've got dynamic data on, then we can do a Google site verification from here and then if we go into our integrations , we can see that we can add our Google Analytics code on. We can add Facebook pixel code as well. So for the open graph and social tracking and site tracking Weaken do. They're all from here as well. So Web flow really has great tools that make it very fast for us to get our sights looking great in search snippets and also on open graph as well. And that's all built in tow Web flow. So, as I said in the previous video, we do have a product static it, which you can download on. This has an S E O and social checklist in there for your customers. 11. Use the Webflow Editor: So let's take a look at the client editor on how we can educate our customers and cut your support time down. So let's take a good look at the client editor and talk about how we can sell this as a benefit to your customer. We also want to see how we can cut our support time down by a bit of forward thinking. So first up, let's take a look at the client editor. Now, once we've built our project for a client and we've delivered it to them and they're using this site, what we want to do is we want to try and cut down the amount of support that we need to give to a customer weaken, do something that will make them really happy and can cut down our support time, which will make us happy on it will also mean that as they bring on new members off their team, they can have a non boarding process. So we're in the client editor here for this site. As you know, we can get to a different pages here. We can change our settings are s e o settings that we we've seen in previous videos. We can do all of that in the editor, which is great. So they may have some special offers or something that they want to change on the site on bacon. Go into the or team member from their from their team, could go in and change these settings, which is great. But what we want to do is cut down with the amount of support, cause you know what happens. Kinds have a site, you show them how to do something and then they forget about it and they call you on. You think yourself Well, I haven't got the time to do this, but you have to do it because they're a good client and so on and so forth. So here's my suggestion to you. What I suggest you do is you create screen cast videos off how they can use their editor. So on a stage version of the site, not a live version off the site, go through and go through the different sections, like how to update your page information, how to update your open graph on s Io data. How to work with your different collections and your blawg articles. How they can update that content how they can modify forms, how they can do all of these different things, create those videos and put them onto a page on their site. That's a hidden page that's not indexed. Put those videos on there, or maybe host them on an unlisted YouTube playlist and then give them the link. Now they will feel great about that because they've got those videos that they can use. His resource is if they get new team member, then they can use that as an on boarding process. So they, they congest, give the your else to their to their new team members. On. It will also mean that the customer isn't keeping coming back back to you because they've got those video Resource is make them nice and short. Use a tool like cap to or there's tons of tools out there for creating screen cast. But that's my tip for how to cut down on your support for your customers is to make preemptive videos of how they use their site up front on They'll love you for it 12. Where next for Webflow Training: So where can we go next? How do we become a Web flow power user? Well, we've looked at lots of different parts of Web flow. We've looked at how Web flow can be used as a the best design tool possible in our business . We've seen hosting all of the different features that are built into a Web flow from eso data collections. We've seen how we can communicate some freight is to clients to sell the service to them the different ways that we can make money with Web flow, the different channels on the different opportunities that we have. But now we want to go on and become a real power user with the design tool. So we've decided to use Web throw for our business, but now we want to become a power user. So where do we go for that? Well, probably the best places the Web throw university itself that will teach you everything you need to know to become a power user. The main thing, though, is to jump in and start using the tool. That's the best way to become a power user is to actually use it. So with that, said big. Thank you for watching this series of videos on. I really do wish you every success with your business on. If you want to connect with me on Twitter, go ahead and do that. Ah, you can see my Twitter I d coming up here on If you want to communicate and whether it's good or bad, I'd like to hear it on Thanks again for watching and good luck with the business.