To begin with your screen should look something like this:-
At the top you have your current Translation Language. You can use the [...] button to open/add other languages. Then on the left you have your Help Text. Notice the Red icon on the Help Text tab. This shows that this section is currently Un-Translated. Below we see the Topics and on the right the text for that Topic is displayed in a Protected Editor. And above that it is the Title. These are the two things that need translating.
The Protected Editor
The editor is very like the editor you have been using up until now, it has a Nonscroll region at the top and a Scroll region at the bottom. The difference is that specific objects are protected from accidental damage by inexperienced Fast-Help users, such as Translators. As an example, place your cursor to the right of the image in the scroll region and press Backspace. You won't be able to delete it.
Now press Ctrl+A to select all the text and press Delete. It won't let you. That is because there are specific objects that are protected, in this case images. Other objects that are also protected are links, bookmarks, variables and conditions.
Translating the Text
Click the green status icon and your screen should now look something like this:-
Notice that the "Help Text" status icon is now green, showing that all topics and popups have been translated.
Now let's take a look at the Status tab.