The page tree hierarchically represents the navigation points in the frontend and contains all pages of your TYPO3 website. Using the page tree, editors organize the pages – new pages can be created, obsolete pages can be hidden or deleted, and the order of the menu can be determined. Subpages can be expanded and collapsed using the triangle symbol/arrow to the left of the page title. We have compiled the many possibilities that the page tree offers for managing TYPO3 pages for you in this documentation.

Variable display

The page tree can be shown and hidden again at any time if necessary. To do this, use the arrows that can be seen in the screenshots.

Furthermore, the width of the tree can be adjusted. To do this, move the mouse pointer between the page tree and the content area until the two-sided arrow appears. Keeping the mouse button pressed, you can now reduce and enlarge the area for the page tree while moving to the right and left.

Navigation in the page tree

In the page tree you can navigate with the mouse and the keyboard. Navigating with the keyboard helps to make TYPO3 more accessible and is also useful for those who like to work with the keyboard. For example, you can use the arrows to jump between pages and the enter key to select a page. You can also use the left mouse button for this purpose. The right mouse button opens further options that you can use in the page tree and which will be presented in more detail below.

Add/create Pages

Add pages with drag & drop

The easiest way to create a new TYPO3 page is right above the page tree. If the option 'Create new pages' is selected (text document icon with plus), you will see various icons directly above the page tree. These stand for the different page types, which we briefly introduce in the linked documentation - four TYPO3 page types are presented in more detail in separate documentations: standard page, shortcut page, news page, category page.

  1. Select the desired page type.
  2. Click on the corresponding symbol and hold it with the left mouse button.
  3. Now hold and move the page directly to the required position in the page tree.

Make sure that you insert the new page between two pages. You are in the correct position when a line appears between the two pages. If you drag a page into an existing page, it will be inserted as the first subpage. If you want to add subpages, first expand the page tree where the new page is to be positioned and move the symbol there.

The new page in the page tree is hidden by default (it is not visible in the frontend menu and the URL is not accessible).

Add new page using the 'Create new' wizard

The 'Create New' wizard displays the page tree in the content area and offers the option to create a new page at any position.

  1. Select the position of the new page.
    • The 'Create New' wizard only shows the subpages of the page you right-clicked on. So you only have the option to add a subpage there.
  2. Right-click in the page tree at the selected location or left-click on the document icon.
  3. In the menu that appears, go to More options and then select 'Create New' wizard.
  4. The content area shows the page tree and between each page there is a black arrow. Select the position for the new TYPO3 page and click the black arrow at the position where you want the page to appear.
  5. You are now in the page properties of the new page.
  6. Enter the page title and all other necessary information.
  7. Save your changes.

Add pages with right click in the page tree

  1. Click with the right mouse button at a selected position in the page tree or with a left click on the corresponding document symbol.
  2. The new page will appear below this location, but not as a subpage.
  3. Select New in the context menu that appears to create a new page.
  4. The page properties are displayed in the content area.
  5. Enter the page title and all other necessary information for the new page.
  6. Save your changes.

The page position can be adjusted afterwards, you only have to move the page (see below).

Note Category pages and news pages can also be created via the news module.

Enable/Disable Pages in the Frontend

A disabled/hidden page is not visible in the frontend and its URL is not accessible. In the back end, you can recognize such a page by a red circle icon, which is placed over the page icon.

  1. Click either with the left mouse button on the document symbol or with the right mouse button on the page title.
  2. In the context menu that appears, choose Disable or Enable (in the lower third of the context menu).
    • Which of the two options is in the context menu depends on whether a page is already disabled or not.

Move/Copy Page

Drag & Drop

  1. Click on the page to be moved with the left mouse button and hold it down.
  2. Holding down the mouse button, drag the page to the selected position and release. If you drag the page between two pages, the page will appear there. If you move the page into a page, it will be created as the first subpage.
  3. A window with the options Copy and Move this item now appears in the content area. Choose an action.
  4. The page is now at the new position in the page tree.

Using the context menu

  1. Click with the left mouse button on the document icon or with the right mouse button on the page title in the page tree.
  2. Choose Cut or Copy from the context menu.
  3. Now use the right mouse button to click on another page title.
  4. The context menu now contains two additional options: Insert the cut page as a hierarchically equivalent page after the page you clicked on (Paste after) or insert it as a subpage (Paste into). Select an action.
  5. The page is now at the new position in the page tree.

Delete Page

Via the context menu

  1. Click either with the left mouse button on the document icon or with the right mouse button on the page title.
  2. In the context menu that appears, choose Delete (in the lower third).
  3. Confirm your selection with Delete in the window that appears.
  4. The page is now deleted.

Drag & Drop to the Recycler

If you have inserted a page in the page tree that has a recycle bin icon, you can use this folder.

  1. Click on the page to be moved to the recycler with the left mouse button and keep it pressed.
  2. Holding down the mouse button, drag the page into the trash and release it.
  3. The pages that are already in the recycler are displayed as subpages of the recycler. If you drag the page to be deleted between two pages, it will appear there. If you drag the page into the trash, you will find it as the first 'subpage'.
  4. A window with the options Copy and Move this item will appear in the content area. Choose an action (you will probably want to move the page).
  5. The page is now in the recycler.

Note: Deleting pages may be a problem for SEO reasons, because this URL cannot be reached. If you have many such URLs, this may have a negative impact on your search engine ranking. To prevent this, deleted URLs should always be redirected to the new page or another suitable page. Use the redirects module for this purpose.

History/Undo

It happens again and again that a page or a content element has been deleted or changed unintentionally and you want to restore the original state. The TYPO3 system has considered such situations as well. To undo a change, proceed as follows:

  1. Right-click on the TYPO3 page in the page tree where you want to undo an action.
    • If you have deleted a main page, right-click on the root page (page with a globe symbol - often called home or start page).
  2. From the context menu, select the third-last option History/Undo (round arrow-clock symbol).
  3. The content area will now show the record history.
    • Under Changelog, you can see the change history oft the TYPO3 page – choose the action you want to undo.
  4. Click on the icon to the left of the corresponding action (round arrow-clock symbol).
  5. A preview for rollback appears. Choose between the options Rollback all changes shown and Rollback single record.
  6. The selected change on the TYPO3 page has now been undone.

Would you like to know more?

All information about the available editions can be found on the webpage for our TYPO3 Website-Base. You have the possibility to get a Website at a Fixed Price or you decide for a Website as a Service package, with which no further costs for hosting or security and function updates will come up to you.