Getting Started

Installation in 3 easy steps

1. Add your questions and answers
2. Add the Answer Center widget to your page
3. Adjust colors to match your site

Add your questions and answers

If you have a static faq the fastest way to get all your content into the Answer Center is by importing it from a csv file. To create a csv file open Excel or OpenOffice and create a new spreadsheet. In cell A1 enter "category". In cell B1 enter "question". In cell C1 enter "answer". In D1 enter "url". In E1 enter "keywords". Enter your content below these headers.

There are two kinds of content in the Answer Center, basic questions and webpage answers. A basic question's answer will popup in a small window when the user clicks on the question. A webpage question's answer will take the user to the webpage specified in a new browser window.

The category should be the name of the category of the content. You can use "General" if you do not have categories. Keywords are a list of keywords that do not show up in either the question or the answer but you want to associate with the question. URL is the fully qualified URL of the webpage answer e.g. http://sunbeamsoftware.com/getting_started.html

When you have entered all the content in your spreadsheet select Save As... from the File menu and select "csv" from the file type dropdown list. Login to the Answer Center Admin Console using the email and password you received when you signed up. On the Content tab click on the Import button and select the csv file.

You can also enter your content by clicking the "Add Question" or "Add Webpage" button on the main Content tab of the Admin Console and filling in the form.

Add the Answer Center widget to your page

To add the Answer Center widget you need to add two lines of javascript to one of your webpages. These lines were sent to you when you signed up for the Answer Center. The first line should be placed right before the </head> tag on your page.

The second line should be pasted in the page where you want the widget to show up on the page.

Adjust colors to match your site

To adjust the look of the Answer Center there are three styles you will probably want to change. To do this you need to add the following right after the first javascript line and before the </head> tag.

.faq_list a:link, .faq_list a:active, .faq_list a:visited {
color: #00f !important;
cursor: pointer;
text-decoration:none;
}

.faq_list a:hover {
color:#00f !important;
text-decoration:underline;
}

.faq-slider {
border: 1px solid white;
}

The first color is the normal color of the answer in the widget. The second color is what the answer changes to when the user hovers their mouse over it. The last color is that of the box that surrounds the answers.

You are done!

Upload your file to your webserver and you are ready to go.