Hello, this video we are going to look at the Editor...

I've talked about the Editor lots, but we haven't done it...

we've been working in the Designer for a long time...

the Editor is the ability to, yeah, your client...

your customer, your staff member, your mum, or your dad...

you've built a website for...

it allows them to go through and make changes...

they can go through the site, so we're at the live site here...

you can see, I can actually go through and make a change...

I can pick a new image, they can publish, and the site will update...

they can check the forms that might have been filled out on the site...

all without having to come back to you...

they can make changes and publish from the website...

they can also start adding things to our CMS...

add a new testimonial, no problem, look, we've got testimonials down here...

add a new testimonial, all from the website...

without having to come back to you, or through Webflow.

You can do it all in the browser, super fancy, I love it...

it's probably one of my favorite-est features of Webflow...

we don't have to do anything, just start using it.

All right, let's do that, let's start using it.

The first one we'll do is just a static website...

we want the client to be able to go in and change the text...

make the button, text changes, switch out the images, just stuff...

they don't have to come back to us for...

no CMS involved, and the rules are...

it needs to be published either on your staging domain...

or-- I'm going to use the main one...

and then you can go over here and say...

where is it, 'Share Project'...

we've looked at Share Only earlier on...

that's for sharing with other designers...

this one here is what you need...

for giving people access to the website without coming to you...

or going through Webflow.

One thing to note about this though...

is that you need a minimum plan, at the moment, as a CMS one...

so you're allowed three guest editors with this one...

you can kind of go through and see the differences.

So I've already upgraded mine, I think, I can't remember...

we'll find out, if I click on it, it jumps out to Members...

and I'm going to add a guest editor...

you can go straight to your Project Settings, and come to Members...

I'm going to go to 'Guest Editor'...

they call it Guest Editor, strange name...

Staff Member Editor, my kind of guess works...

yeah, put an email address, decide whether they can edit...

or edit and publish, and what can happen is...

you can allow people to edit, and like get it all ready...

and be in drafts, and then somebody else needs to be...

either publisher, create content, but not able to publish...

and this, I'm going to say, you can do both, please, thank you.

All right, I'm going to type in an email address, and hit 'Send'...

I'll get an email, and we'll jump to opening that email...

they can either click the link that you emailed them...

or after a while they'll get to know...

that you can just type in question mark...

and type in edit on any Webflow site, and hit that...

and if you know the user name and password, down the bottom here...

put that in, and you can start editing the site, I'm going to put mine in.

All right, once you're logged in you get this little bar down the bottom...

it's cool, you can jump to different pages on your site...

and be editing those, they can decide...

all right, they need to go through and say...

all right, it's not "Ask Dan a question"...

we've got more than one team member, it's "Us a question" now...

and over here, I can hit 'Publish'...

because I was given the edit and publish ability...

and watch what happens.

All right, so that is the live site updated...

you know, we can go back to live site...

but it just kind of gets rid of our editing abilities...

and that's changed forever on that website...

back in Webflow as well, which is...

if I go in as the designer, I don't have to like accept it...

or have a different version, if I go to the Contact Us page, can you see...

it's amazing, they updated on the site, and you can update it here...

that's why you might have to have that, they can edit...

but maybe not publish, just in case they go and wreck the place.

Now to make things editable, or maybe uneditable...

say you're like, quit changing the Submit button...

if you select it on here...

and on your settings option down the bottom...

there is an option that says...

actually, the button can't be changed...

why can't the button be changed...

weird, let's click on this text here...

let's go to 'Settings', and 'Editor Settings'...

collaborators can edit this element...

I'm not sure why buttons aren't, there you go.

Let's go to the Home page, you can edit images...

look at this, you can decide whether they do, or don't...

let's have a look at what happens with images on their site, and forms...

and a few other things.

So I'm going to jump back into the Editor...

you can do it yourself, like I was pretending to be the client there...

you can actually pretend to be the client yourself...

and just go to Editor on this project...

so this is the Designer that we've been in this whole course...

now this is the Editor, and I don't need to log in...

because I'm already logged in, so I can go here, click the image...

and just pick a different one.

All right, let's click 'Open', it's going to upload...

all you have to do is, remember to publish, it's pretty nice...

can't get over that image.

The other thing to look at is, down here, is Forms...

we have a form in the site...

and the client can go through and check these forms now in here...

export the CSV...

if there's data not showing in here...

or there's just stuff you just don't want to know...

you can say, turn, maybe email off, and just show me...

because you might be gathering loads of different information...

but it means the client can kind of look at through themselves in this page.

Let's look at updating the CMS...

so like before, make sure that it is published...

then you can go and invite them...

remember, invite a guest editor, add the email address, and then...

all right, now we're in, and we've got this little bar down the bottom...

the different one is, we've got collections and testimonials...

collections, you might have a lot of different collections in here...

blog posts, testimonials, staff members...

you can either click on this, or click on this little tab here...

and you can see, the same sort of list, but it's white...

and you can say, I can add a testimonial...

it's going to fill us in.

All right, add an image...

oh, which are these tasty ones?

We haven't used the Kiwi one for a little while...

and date of testimonial...

so 6, backwards for me, so it's the month, and it's the day, we'll do...

the year, Instagram link...

and the software that we were using is Adobe XD, let's say...

and let's hit 'Create', or 'Save as a Draft'...

it is staged for publish...

I'm going to publish it...

yes, please...

and let's go view the site up here...

while it's thinking about it, my publishing, well, it's worked...

see, this is still publishing, but there you go...

it worked.

It might not appear, depending on the rules that you've got for your list...

at the moment I've got like Newest First, I'm pretty sure...

but it's a life saver to be able to give the client--

you set it up, you don't have to get them to kind of...

edit the page and change it every time...

just getting them to add more...

make sure they fill out all the fields, and it can appear on this page...

it might be appearing on 20,000 other pages...

because you have connected them all up...

you've got that list on lots of different places, super handy.

All right, that is allowing your client to go and update the website...

they can either use the link that you've seen them over all the time...

but remember, question mark first, '?', and then type in "Edit"...

will pop this up down the bottom...

where they can enter the details and start editing...

and won't be hassling you...

all right, I'll see you in the next video.