Below is the HTML code block to add an in-product help component:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Title</title>
<link href="http://doc.fluidtopics.com/api/stylesheets/fonts.css" rel="stylesheet" />
<link href="http://doc.fluidtopics.com/api/stylesheets/theme.css" rel="stylesheet" />
</head>
<body>
<div class="example">
<ft-button icon="comment_question">
Open in-product help
</ft-button>
<ft-text-field prefix="Navigate to path: " outlined=""> </ft-text-field>
<ft-in-product-help
portalurl="{baseURL}"
opened=""
displaymode="standard"
closeicon="x_mark"
standardmodeicon="pip"
theatermodeicon="pip_wide"
fullscreenmodeicon="expand_wide"
enablehomebutton=""
homeicon="home"
enableopentabbutton=""
opentabicon="extlink_light"
iconvariant="fluid-topics"
style=""
></ft-in-product-help>
</div>
</body>
<script src="script.js"></script>
</html>
Where baseUrl is a placeholder which should be replaced with the actual URL of the targeted Fluid Topics portal.