Basic

1. Click on AEM sites.
2. Navigate through the tree structure to the page you want to edit.
3. Click on the image to get a “blue hook”. With the activation of the hook you get another navigation bar at the top.
4. Click on Edit.

After you click Edit, this interface will appear. This page is identical to the view on the web page.

The first thing you do is check that you are in Edit mode. Here you can edit the page. In case no, you need to choose “Edit” via dropdown menu.

Via “Preview” function you can view the page what it will look like on your website.
When clicking it, a new tab is opened (parallel to your edit tab).

You can drag and drop components and all elements from the assets into the document. You can also change the content of existing components and simply by changing the order in which you want them to appear on the side.

In the top bar, there is the following elements:
We have the toggle side panel.

You can access 3 functions from this window:

1. Assets
2. components
3. tree structure of the page

Here you can search for any asset. find all the elements that are stored in the assets.

• You can either enter a term to find the desired element.
• You can also use the filter function to select the appropriate medium

Components:
Here you can see the available components for the current page

• You can use these components on the page.
• You can drag and drop the components onto the page. 

Tree structure of the page:
Here you will find the tree structure of the page.

• This window is structured hierarchically and serves to provide better orientation on the page to be edited.
• If you click on a term, the editing window jumps to exactly this area. 
  • The content tree icon helps you to better orientate yourself on the page.
  • If you click on an element, the page jumps directly to this field on the right.
  • So you can work even faster and more effectively. 

We need this window mostly at the end of editing, because here we can:

1. Open Properties = Here you can view the metadata

2. Start Workflow = not relevant!

3. Lock Page = Here you lock the page so that no one else can change it

4. Publish Page = Here you can publish it when it is ready.

5. Unpublish Page = Here an already published page is set to unpublished again

6. Edit Template = not relevant!

7. View as Published = Here you can preview your edits/updates and see how the change(s) looks like on the page (WYSIWYG).

• If you click on the few as publish field, a new window will open and you will see your changes as they are shown on the website. Here you can make the same clicks as on the website.

8. View in Admin = you’ll return to the AEM site structure view

• When you are done, you can simply close this window.