Skip to main content

Embed a contextual help button Touchpoint

Once you have created your contextual help button Touchpoint, you can embed the Touchpoint into any web site or application for which you have rights of authorship. Simply follow the steps outlined below.




Copy the embed code

Note to user   NOTE:  Skip this section if you already have copied the embed code in the previous article.

  1. From the Site tools menu on the MindTouch toolbar, select Control panel.
  2. Navigate to System Settings > Integrations > Web Widgets.
  3. Scroll down the page to the Currently enabled web widgets section, find your Touchpoint and click Copy code to clipboard.

Screenshot of an F1 contextual help with button widget where you can copy it's embed code

Embed the Touchpoint

  1. Find the location in your site or application where you want to embed the Touchpoint and paste the embed code directly into the HTML.

Screenshot of embedded F1 with help button code

  1. Save your HTML changes.

View your Touchpoint

  1. View your site or web application in your browser of choice.
  2. The embed code will render the contextual help button with whatever styling your site has for it.

Screenshot of a rendered F1 contextual help button

  1. When a user clicks the button, a dialog with the specified help article appears.

Screenshot of a rendered F1 dialog

  • Was this article helpful?