Add below code snippet as it is in your FTD file. You can change button title if required.
How to use
-- ws.chapter? use below code snippet
-- ws.chapter: Chapter title
id: ws-page --> ID is importart to swich from one container to another
sidebar: true --> Remove this line if sidebar not needed
$status: $what-are-chapter-completed --> sets localstorage once chapter completed
Some chapter body here. You can also include `FTD` components like
code-block etc in this section of chapter body.
-- ws.chapter: page bottom right you will see
Completed button. On click of this button,
what-are-chapter-completed localstorage variable will be set to
true on user’s browser.
This means user has done and understood the chapter. Chapter completion message will be shown to user once they click on
See working demo below, click on
Completed button to see the how it works.