tag line

Skin Your ScreenSteps Live Account to Look Exactly Like Your Own Website

If you have used ScreenSteps Live you know that it is a great tool for managing your online documentation. But there is one major drawback that is a deal-breaker for a lot of customers.

You can’t make your manuals look like your own website. Your customers have to "leave" your site to see your documentation.

Not anymore.

We have just launched custom templates which make it a snap to make your ScreenSteps Live manuals look exactly like your own website.

Let’s look at an example.

Our ScreenSteps Live Account With No Custom Template

Above I have a picture of our ScreenSteps Live account. This is one of the standard templates available on ScreenSteps Live. We were able to add our own logo but not much else. There isn’t an easy way to link to other resources on our main site or even to our online store.

Our Own Site

This is a shot of our main site. Here we have complete control over the navigation and layout. Wouldn’t it be great if we could "inject" our ScreenSteps Live content into this layout?

Our ScreenSteps Live Account With a Custom Template

Here is our new ScreenSteps Live account with our custom template. Notice that we have completely customized the look and feel, including the navigation bar (1). But we also have our ScreenSteps Live content (2). We can literally make this page look however we want.

Here is a look at a lesson in our new custom template.

Another Example

Here is an example of another account on ScreenSteps Live with a custom skin. Same ScreenSteps Live service. Completely customized look and feel.

Custom templates take about 10 minutes to set up. All you do is:

1. Login to your ScreenSteps Live account.
2. Create a custom template.
3. Copy the source html from one of your pages on your site.
4. Change all of your relative urls in your source html to full urls.
5. Insert {{ content_for_layout }} in your html where you would like the ScreenSteps Live content to show up.
6. Save and activate your template.

That’s it. You are done.

Now, when our customers come to our site at www.screensteps.com and click on our manuals link they are taken to http://bmls.screenstepslive.com/manuals/screensteps - our ScreenSteps Live account. But, other than the url, the user doesn’t know that they have left the main site.

You don’t have to worry about recreating all of the great tools we have in ScreenSteps Live in your custom template. When you are logged into your ScreenSteps Live account as an admin or author you will still see the standard ScreenSteps Live interface. But any user who is not an admin or author will see your custom skin.

A Special Offer for the First 5 ScreenSteps Live Account Holders to Email Us

And as a special offer, we’re offering to setup a custom template for the first 5 ScreenSteps Live customers to email us at info@screensteps.com. Just send us your ScreenSteps Live account name, a link to the page on your site that you would like to use as the basis for your template and we will get it setup for you. You will be able to preview the site before the template is activated. This is available for any level account, from free on up.

Note: This offer only involves using the look and feel of a page that currently exists on your site. We won’t be doing any custom layout or design work. Basically you will say, "make it look like this" (your web page) and we will make it look like that page.

Additional Resources

If you aren’t one of the first 5 to contact us and want to do this on your own here are some lessons that will show you how to do all of this in a few simple steps.

1. Creating a Custom Template
2. Editing a Custom Template

The feature is available on all ScreenSteps Live accounts so give it a try. We think that you are going to love it. Now you can finally get all of the great functionality of ScreenSteps Live with a completely customized look and feel.

Share and Enjoy: These icons link to social bookmarking sites where readers can share and discover new web pages.
  • bodytext
  • del.icio.us
  • Slashdot
  • Technorati
  • TwitThis
  • e-mail

Leave a Reply