Installation 

Requirements 

  • PHP 8.2 - 8.5
  • TYPO3 13.4 LTS - 14.x

Version matrix 

Version TYPO3 PHP
2.x 13.4 LTS - 14.x 8.2 - 8.5
1.x 11 - 13 8.1 - 8.5

Step 1: Install the extension 

composer require xima/xima-typo3-frontend-edit
Copied!

Download the extension from the TYPO3 extension repository and install it via Admin Tools > Extensions.

Step 2: Include the site set 

The extension ships a site set that registers its settings and TypoScript. Without it, nothing is injected into the frontend.

Add the set to your site configuration:

config/sites/my-site/config.yaml
dependencies:
  - xima/xima-typo3-frontend-edit
Copied!

Go to Site Management > Sites, edit your site and add Frontend Edit under Sets for this Site.

Step 3: Verify the setup 

  1. Log into the TYPO3 backend.
  2. Open a page of your site in the frontend in the same browser.
  3. The toolbar appears in the bottom-right corner, and hovering a content element reveals its edit button.

Next steps 

Start editing 

See what editors can do in the frontend: edit menu, toolbar, inline editing and drag & drop.

Adapt it 

Restrict frontend editing to certain pages, content types or user groups, and change its appearance.