The page tree hierarchically represents the navigation points in the frontend. Subpages can be expanded and collapsed using the triangle symbol/arrow to the left of the page title. However, the frontend menu is not the only purpose of the page tree: The page tree is used to create new pages, hide or delete obsolete pages, and determine the order of the menu.

Add/create Pages

Add pages with drag & drop

The easiest way to create a new 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.

  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, expand the page tree where the new page is to be positioned and move the symbol there.

The new element 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 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.
Path for New-Create Wizard TYPO3
TYPO3 Create New wizard New Record

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.
  6. Save your changes.

The page position can be adjusted afterwards, you only have to move the page.

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 symbol with a white line in the middle, which is placed over the page symbol.

  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.

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 an action, proceed as follows:

  1. Right-click on the 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 - 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 action has now been undone.
TYPO3 Undo/History Show Record History

You would like to know more?

All information about the available offers can be found on the pages of our website base. You have the option of having a website created at a fixed price or opt for a Website as a Service package with which no further hosting costs or security and function updates will be due to you.

Website-Base at a Fixed Price
Website as a Service