Skip to main content

 

MindTouch Success Center

Embed your contextual help link

This article provides steps for embedding the MindTouch contextual help link into your web properties or applications.
 

Prerequisites


  • contextual help link created
  • Basic HTML skills
  • Rights of authorship on the page on which you want to embed the contextual help link
  • If applicable, the custom CSS selector specified during configuration
     

Step 1: Copy the embed code

Note to user   NOTE:  Skip this section if you already copied the code when you created your contextual help link.

  1. From the Site tools menu on the MindTouch toolbar, select Control panel.
  2. Navigate to System Settings > Integrations > Touchpoint Toolbox.
  3. Scroll to Currently enabled Touchpoint tools, select your tool and click Copy code to clipboard.

Screenshot of the contextual help touchpoint embed code

  1. Navigate to the page on which you want to embed the contextual help link.
  2. Decide where on the page you want to add the contextual help ink.
  3. If necessary, consult with your product developers to access the HTML of your web application.
  4. Paste the embed code directly into the HTML of your web page or application.

Screenshot of embedded contextual help touchtpoint code

Do NOT place this code in the head section of your HTML. The code MUST be placed in the body section. 

To trigger your contextual help dialog, perform the following steps:

Screenshot of the contextual help touchpoint help link code

  1. Add a link via <a> tags to your HTML code. 
  2. Inside your <a> tag, create a class and assign the custom CSS selector you specified during configuration  (by default F1).
  3. For the href attribute, specify the page on which you want your help dialog to open.

Note to user   NOTE:  The href URL may be different from the search location URL you specified when creating the contextual help link. You may also use a custom content ID (CID) if you wish to dynamically update your external links.

  1. Save your HTML changes.
  1. Open your web page or application.
  2. The contextual help link either looks like a regular link (as in the example below) or like a styled icon (often a question mark or "i" for information).

Screenshot of a contextual help link

  1. Click the link to verify the contextual help dialog loads the appropriate page.
     
  • Was this article helpful?