Regional University Computing Center Kaiserslautern-Landau

Automatic translations

with Campus Lingo: Instruction with exercise

About Campus Lingo

Campus Lingo automatically translates the content of your website from German into English and French. This is done using DeepL, an AI-based translation service known for its accurate and high-quality translations.

Here's how it works:

Create content: Simply fill your website with German content.
Automatic translation: Once Campus Lingo is activated, this content will be immediately available in English and French.
Updates: If you make changes to the German content, Campus Lingo will only re-translate the changed parts.

Your control over the content:

Manual translation: if you prefer to translate certain content yourself, you can do so. Simply translate the desired content element by hand.
Displayed content: Your manual translation is then displayed in the frontend, while Campus Lingo automatically translates the remaining content.

Step by step

Illustrated instructions

Translate entire pages automatically

Step 1-8

Step 1: Complete your German page in TYPO3. It is probably still deactivated.
Step 2: Open the page properties and go to the "Access" tab.
Step 3: Activate the website by clicking on "Page visible". Campus Lingo does not translate deactivated pages to save costs.
Step 4: Switch to the "Language" tab.
Step 5: Under "Automatic translation", check the settings for the page and its subpages. Green means activated, red means deactivated. Make sure that the current page and its subpages are translated automatically. The display in the backend may change depending on the settings of the parent pages.
Step 6: Click on "Save".
Step 7: Click on "Display" to see the page in the frontend.
Step 8: Use the language switcher at the top right to change the language of the page.

Screenshot of the Typo3 backend with the page properties and the "Access" tab open. Visibility is switched on. — Page properties in the Access tab: Make page visible

Screenshot of the page properties in Typo3 with the "Language" page open. The green background indicates that the page is automatically translated. — Page properties in the Language tab. Setting the automatic translations

Screenshot of the front end of the website. The language selection is folded out at the top right. From top German, English, French — Language switcher in the frontend

Translate individual content yourself

Step 1-5

Step 1: Go to the language view in the "Page" module.
Step 2: Click on "Create new translation of this page" and select the desired language.
Step 3: <drops>
Step 4: Enter a page title in the desired language
Step 5: Save and close the page.

Step 5-9

Step 5: Go to the language view in the page module and display all languages. Columns appear for each language in which translations of the page are available. You can edit the page itself at the top of each column.
Step 6: Click on "Translate".
Step 7: Select the translation mode "Translate". This step is important as this is the only way to create a translation in "linked mode", which is a prerequisite for automatic translations.
Step 8: Select only the content element that you want to translate yourself.
Step 9: Click on "Next". TYPO3 will now store a copy of this content element in the column of the selected language. Attention: This is only a technical link, the content is not translated.

Switch to language view and create a new translation

Screenshot Typo3 backend with all content elements. A checkmark next to a content element. — Selection of the content element to be translated manually.

Step 10-13

Step 10: The copy of the content element is now visible in the column of the desired language. TYPO3 has automatically added the text "[Translate to English]" in the title and text field so that further editing is not overlooked.
Step 11: Open the content element and translate the heading. Below the field, you can always see what is in the German content element at this point.
Step 12: Translate the text of the content element according to your requirements. Save the content element.
Step 13: Display the page in the frontend. The content element that you have translated manually is displayed in exactly the same way, while the surrounding content elements are translated by Campus Lingo.

Screenshot of the Typo3 backend. — Opening the newly created English content element

Screenshot Typo3 backend with text in the field for the headline. — Heading of the content element is translated itself

Screenshot of the Typo3 backend with editor — Text area with completely self-translated text.

Screenshot of the front end of the website. The manually translated area is outlined in pink. — Manually translated content element between automatically translated content elements

Advice on the introduction

for experienced editors!!!

December 10, 2024

The translations of your websites are certainly currently in a very heterogeneous state. We can recommend the following procedure for introducing Campus Lingo:

Get an overview of the existing translations in the "Info" module under the "Translation overview" dropdown. Select a large page depth and all languages.
Decide to use CL for entire page trees and prepare them completely so that the site visitor always has a complete and meaningful navigation path in all languages:
- Introduce Campus Lingo, but keep your own translations (in part):
  - Display each page that already has a translation in the page module→Language view→all languages and see, above the English column, in which mode the translation was created: linked, mixed, free.
  - If a page with a translation is in linked mode, you do not need to do anything.
  - If a page is translated in free or mixed mode, create the link to the German content elements for all content elements. (Content element properties→ Language)
  - Switch on Campus Lingo in the relevant page tree (Page properties → Language).
  - Now delete all content elements on the English pages that are to be translated by Campus Lingo in future.
- Clear cut: Delete all existing translations of a page tree. If you decide to delete all existing translations below a complete page tree, the Typo3 team will support you. Please write us a ticket with the corresponding page ID. Attention: deleted is deleted.
Be aware of whether legally relevant content is present and make sure that you translate it correctly yourself.

TYPO3 self-study

Exercise

Since Campus Lingo does virtually everything on its own, it is sufficient to have a look at what it looks like when automatic translations are switched on or off on a parent page and what effects this has on the subpages.

Create a small page tree without content.
Switch off the automatic translations in the root of the tree for this page and the subpages.
Switch automatic translations back on in one of the subpages.

The instructions and exercise for manual translations can be found here.

To the sandbox

Let's continue

Find your next topic in the overview

Support options

Read FAQ Adjustments in the glossary

We cannot control the translations of Campus Lingo (or DeepL) in detail. Please only ask support questions about handling in Typo3:

Open support ticket

Main navigation