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:
- Admin access to MindTouch
- Knowledge of CSS
- Knowledge of targetable elements used in Touchpoints
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
- Go to Site tools > Dashboard.
- Under Integrations, choose Touchpoints management.
- Select a Touchpoint to create. Learn more about each type of Touchpoint.
- Fill out the necessary fields. The field for Custom CSS is optional.
- Include a Host name where you are able to test the Touchpoint and see the changes you make to branding.
- Save your Touchpoint.
- 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
- Reference the targetable elements of Touchpoints and use your preferred text editor to write your branding CSS.
- Go back to the Touchpoint you created earlier and paste the new CSS into the Custom CSS field.
- Save your Touchpoint changes and go to your embedded Touchpoint and see the new changes to your branding.
- 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.