The ScreenSteps Online Knowledge Base Everything you need to know about ScreenSteps
Blue mango logo white 250
  • Table of Contents
  • Contact Us
ScreenSteps Documentation » Zendesk and ScreenSteps Live » Make your ScreenSteps Live custom template match your Zendesk colors

Topics

  • 1. Overview 1
    • 1.1 How ScreenSteps Live will improve your Zendesk help desk
  • 2. Set up the integration 4
    • 2.1 Add the Zendesk custom template to your ScreenSteps Live site
    • 2.2 Add a link to your ScreenSteps Live site in the main Zendesk menu
    • 2.3 Add a ScreenSteps Live search box to your Zendesk Home page
    • 2.4 Make your ScreenSteps Live custom template match your Zendesk colors
  • 3. Add the ScreenSteps Live Widget to Zendesk 3
    • 3.1 Zendesk widgets overview
    • 3.2 Add the Zendesk ScreenSteps Live Search widget
    • 3.3 Add the Zendesk ScreenSteps Live Tasks widget
  • 4. Improving your customer support with ScreenSteps Live and Zendesk 2
    • 4.1 Create documentation with the "Plan not to plan" methodology
    • 4.2 Teach your agents to respond with documentation
  • 5. Reference 1
    • 5.1 Adding a widget to a Zendesk page

Quicklinks

  • Downloads
  • View forums
  • Submit a help request
  • Contact us
  • Retrieve a lost license key

Last Updated

Jan 26, 2012

Other Resources

  • ScreenSteps Desktop & Workgroup

  • ScreenSteps 2.9
  • ScreenSteps Workgroup
  • Customizing HTML Templates
  • ScreenSteps: Tips & Tricks
  • Creating Word Templates
  • Publishing to Blogs & Wikis
  • ScreenSteps Live

  • ScreenSteps Live
  • Setting up a New Admin, Editor or Author on ScreenSteps Live
  • ScreenSteps Live Support Client
  • Integrating ScreenSteps Live With Other Services
  • Collaborating on ScreenSteps Live
  • ScreenSteps Live Remote Authentication
  • ScreenSteps Live API
  • API Examples
  • Implementation Guides

  • Creating a Software Manual With ScreenSteps
  • Creating a ScreenSteps Live Support Site
  • Zendesk and ScreenSteps Live
  • Help Scout and ScreenSteps Live
  • FAQs

  • FAQs

Comments

0 comments for this lesson

  • Prev: Add a ScreenSteps Live search box to your Zendesk Home page
  • Next: Zendesk widgets overview

Make your ScreenSteps Live custom template match your Zendesk colors

Get CSS Settings from Zendesk

Get_css_settings_from_zendesk_display

Select Settings > Account.

Note Colors

Note_colors_display Zoom

Add Custom CSS to ScreenSteps Live

Follow these instructions:

How to add custom CSS to your space

The CSS you would use for this example would be:

body { background: #333333; }
#header { background: #FFFFFF; }

  • Prev: Add a ScreenSteps Live search box to your Zendesk Home page
  • Next: Zendesk widgets overview

Comments (0)

Add your comment

E-Mail me when someone replies to this comment
Blue Mango Learning Systems © 2012