Skip to main content
MindTouch Success Center

Brand your Touchpoints

The importance of branding

MindTouch Touchpoints allow you to connect your customers to your product documentation wherever they are in their online journey. From a marketing and user experience perspective, it is important to ensure these connections are as seamless as possible.

With our Touchpoint branding functionality, you can match the look and feel of your Touchpoints with their surrounding product, e-commerce, or marketing sites. For example, style your in-product contextual help to match your product's UI design or brand your search Touchpoint on your marketing site to look like a native feature.

How to brand your Touchpoints

To brand your Touchpoints, you will need:

If you are branding a Touchpoint that is already deployed, create a separate Touchpoint first to test your branding. After the new branding is finalized, copy and paste the new CSS into the Custom CSS field of your Touchpoint.

Part 1: Create and embed a test Touchpoint
  1. Go to Site tools > Dashboard.
  2. Under Integrations, choose Touchpoints management.
  3. Select a Touchpoint to create. Learn more about each type of Touchpoint.

  4. Fill out the necessary fields. The field for Custom CSS is optional.
  5. Include a Host name where you are able to test the Touchpoint and see the changes you make to branding.
  6. Save your Touchpoint.
  7. Copy your embed code for the Touchpoint and place it in your test environment. It should function as normal with no branding.

Keep this environment and Touchpoint available as you build out your CSS branding.

Part 2: Create CSS to brand your Touchpoint
  1. Reference the targetable elements of Touchpoints and use your preferred text editor to write your branding CSS.
  2. Go back to the Touchpoint you created earlier and paste the new CSS into the Custom CSS field.

This image shows the branding UI in the Touchpoint management page

  1. Save your Touchpoint changes and go to your embedded Touchpoint and see the new changes to your branding.
  2. As needed, repeat these steps until you achieve your desired look.

It may take some time and resources to get the branding just right. After your initial branding is completed, you should be able to repurpose the CSS to other Touchpoints.

  • Was this article helpful?