0 1 00:00:00,210 --> 00:00:03,990 Have I ever mentioned how amazing Webflow is? This is how amazing it is. 1 2 00:00:04,200 --> 00:00:09,770 Besides the Designer, it has another view called the Editor, which you can access from here. 2 3 00:00:09,930 --> 00:00:15,600 Editor is a place for clients and collaborators to edit the content of the website. And they can do 3 4 00:00:15,600 --> 00:00:19,800 this right on the live site. Literally, on the live site. 4 5 00:00:19,870 --> 00:00:23,160 No ugly content management and text editors. 5 6 00:00:23,160 --> 00:00:26,040 You can just click on the content and start editing. 6 7 00:00:26,040 --> 00:00:30,960 This is so incredibly useful for clients, that I can't even put it in words. Your clients aren't usually 7 8 00:00:30,960 --> 00:00:36,360 tech-savvy and last thing they want to do is figure out how content management systems work. 8 9 00:00:36,450 --> 00:00:42,330 And the last thing you want is your client e-mailing you every time they need some sort of small change 9 10 00:00:42,330 --> 00:00:46,650 in the headline, to remove a comma or add a new word to it. 10 11 00:00:46,710 --> 00:00:51,720 These sort of requests will creep up on you after you have finalized and shipped your project to clients. 11 12 00:00:51,810 --> 00:00:57,390 Well if you're getting paid hourly, that's fine. But if you're getting paid per project, then you are working 12 13 00:00:57,390 --> 00:00:58,610 for free. 13 14 00:00:58,620 --> 00:01:04,660 We cannot change any styles or layout from the editor. That's inside the Designer. Here it's just content 14 15 00:01:04,670 --> 00:01:10,640 be it text, images or links. You can change an image just by clicking on it and uploading a different one. 15 16 00:01:18,300 --> 00:01:22,350 You can also change a link's destination URL or the text. 16 17 00:01:29,940 --> 00:01:34,270 The changes won't be reflected on the live site until you click the publish button. 17 18 00:01:37,670 --> 00:01:41,270 After that, all the changes will go live instantly and it's that simple. 18 19 00:01:41,720 --> 00:01:46,520 And obviously, these changes will be reflected in the designer too. Which we can switch to from here. 19 20 00:01:53,600 --> 00:01:58,340 In case we want to restrict access to some parts of the content from the editor, inside the designer, 20 21 00:01:58,340 --> 00:02:03,980 we can go to the elements setting panel and uncheck "collaborators can edit this element". 21 22 00:02:04,610 --> 00:02:10,340 And now the headline won't be editable inside the editor. Inside the project settings we can add 22 23 00:02:10,340 --> 00:02:11,760 extra collaborators. 23 24 00:02:11,760 --> 00:02:16,580 This is independent from the main account and it's going to give access to the content management 24 25 00:02:16,580 --> 00:02:17,750 of the site. 25 26 00:02:17,750 --> 00:02:23,400 This gives access to the editor to form submissions, page settings, creating new CMS items, 26 27 00:02:23,420 --> 00:02:25,610 like blog posts and so on. 27 28 00:02:25,640 --> 00:02:28,610 So that's the Editor. Quite simple yet powerful. 28 29 00:02:28,610 --> 00:02:31,270 There is nothing that we actually need to do about it. 29 30 00:02:31,280 --> 00:02:36,080 I just wanted to show you around, because I don't usually work with an editor, as... because I work through 30 31 00:02:36,080 --> 00:02:36,760 the Designer. 31 32 00:02:37,040 --> 00:02:41,750 But this is usually something that you, sort of teach your clients. And tell them, 32 33 00:02:41,750 --> 00:02:42,000 "OK, 33 34 00:02:42,020 --> 00:02:47,600 so this is the option and this is how you do it, this is how you edit the pages and so on. Webflow actually 34 35 00:02:47,600 --> 00:02:49,130 has tutorials on the Editor. 35 36 00:02:49,130 --> 00:02:54,150 So sometimes you can just send the video tutorial like that. Or you can record your own video tutorial. 36 37 00:02:54,200 --> 00:02:54,710 Up to you. 37 38 00:02:54,800 --> 00:02:59,600 And that concludes the third and big part of this course, which was about Webflow and development. 38 39 00:02:59,660 --> 00:03:02,920 In the next part we're going to do a full client project. 39 40 00:03:02,930 --> 00:03:03,470 Stick around.