Skip to main content
NICE CXone Expert
Expert Success Center

Brand Your Touchpoints

Applies to:
MindTouch (current)
Role required:
Admin
Match the look and feel of your Expert Touchpoints with their surrounding product, e-commerce, or marketing sites.

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.

Create and Embed a Test Touchpoint

  1. Go to Site tools > Dashboard > Integrations > Touchpoints Management.
  2. Select a Touchpoint to create. Learn more about each type of Touchpoint.

    Select Tool Type.png
  3. Fill out the necessary fields. The field for Custom CSS is optional.
  4. Include a Host name where you are able to test the Touchpoint and see the changes you make to branding.
  5. Save your Touchpoint.
  6. 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.

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?