Documentation Center
Table of Contents
Note: This document has been imported from the former KB and has not yet been verified.
The Documentation Center in Syncro allows you to store free-form text like help documents, customer information, user guides, and more. It:
- Gives you a place to put content for your team with a nice HTML editor so you can create all kinds of nice-looking content, including images and videos.
- Easily create parent pages and link them to children pages to create a hierarchy.
- Add links to other pages, websites, custom widgets, booking calendars, and more.
- Set document privileges to give all, one or no customers access to certain documents in their customer portal.
- Add a navigation sidebar to organize your documentation internally.
- Create customer-specific documentation for each customer utilizing our template tags, making cloning documents for each specific customer that much easier.
- Create templates to quickly set up new articles for customers.
However, the Documentation Center in Syncro does NOT:
- Link these documents to assets.
- Create documentation for you.
Enable the Documentation Tab
This will enable a top-level tab so you can access both customer and internal documentation pages.
- Navigate to Admin > Tabs Customization.
- Check the Documentation box.
- If desired, drag the page with the "hamburger" icon on its right to the order you want.
- Click Save.
Now click the Documentation tab (you may need to click More to access it) to see it.
Here are the various features.
- Search for a document.
- Add a new page.
- You can add a left hand navigation section. After adding, click left-nav in the pages to edit it.
- Home page content. Click Welcome in the pages to edit it (or its name if someone changed it).
- Click a name in the CUSTOMER column to navigate to that customer.
- Edit the selected page—clicking the page name does the same.
- Clone or delete a page.
Edit the Home Screen
By default, the top-level Documentation Center home screen looks similar to the above screen shot. You can change this to make it say whatever you want.
- In the list of pages, find the Welcome page and click it, or to its right, click Edit.
- Change the content as desired.
- When finished, click Save Page.
Add Left-hand Navigation
After adding many pages, you may want to add a navigation menu to the left of all the pages. You can actually put whatever content you want, but it's intended to link to pages within the Documentation Center. You can also link to external pages or other pages within your site.
- Navigate to the Documentation tab.
- You may want to open this page again in a second browser tab before proceeding if you intend to link to various pages, as you will not be able to see the page names once you proceed to the next step.
- In the upper right, click New Page.
- For the page name, you must enter: left-nav
- In the content area, type the titles of pages you want to link to. Keep the titles short because the navigation section is narrow. Tip: To drop the cursor down a single line instead of double spacing between lines, press Shift+Enter.
- For each page you wish to link to, highlight the page name.
- Click the chain link icon button.
- For the Url, if you are linking to an internal Documentation Center page, just type the page name. Otherwise, type/paste the full URL.
- If you are linking to an external site, you may want to set Target to New Window so that clicking the link opens the site in a new browser tab.
- Click Ok.
- Repeat for each page you want in the navigation.
- After adding all the links, click Save Page. You will now see them listed in the left-hand navigation section.
- In the upper right, click Back to return to the Documentation Center home page.
Enable Adding Customer Documentation Pages
The customer documentation, located on all customer detail pages, is a place to include many details about your customers both internally, and externally in the customer portal. To enable it,
- Navigate to Admin > Customers - Preferences.
- Click Additional Settings.
- Check the Enable a Documentation Page link for each customer box.
- Click Save.
Add Customer Documentation Pages
Once you have enabled this setting, go to the Customers tab, then click any customer's name. You will be see a DOCUMENTATION section on their profile page.
To add a new customer documentation page,
- To the right of the DOCUMENTATION section, click New.
- The Page Name defaults to the customer's name. Change it if desired.
- The Page Type defaults to Internal, where only your staff can see it.
- Change it to Customer Portal to make it visible to this specific customer in their portal.
- Change it to All Customer Portals to make it visible to all customers in their portals. This will erase the Customer name field and disable it.
- Change it to Template to create a template you can later select with default content. This will also erase the Customer name field and disable it.
- Type your page content in the editor.
- To create a hyperlink,
- Type the anchor text (the link to click) in the editor, such as Visit customer's website, then highlight (select) it.
- Click the chain link icon in the toolbar. This will open an Insert link dialog.
- Enter the full URL, such as https://www.customersite.com.
- To open the link in a new window, click the Target dropdown > New window.
- Click Ok.
- To add an image, place the cursor where you want it and click the mountains icon in the toolbar. Note: Follow the instructions to add your company logo to the page instead if you want to do that.
- You will need to upload an image to an image hosting site.
- After doing that, copy the image URL.
- Back on your Syncro site, paste the image URL in the Source field.
- We recommend adding an Image description, such as 500 watt power supply.
- If you want to display the image smaller than its actual size, type in the width or height in pixels.
- Click Ok.
- In the upper right, click Attach File to add file attachments to the page.
- You can add template tags to your content from the list on the right.
- When finished, click Save Page.
View Documentation
After creating your article, you can revisit the customer,
...where you will then see the link to view their customer documentation.
And if you set it to be visible in the customer portal (as is the case above), click the Customer Online Profile link to see what the customer will see in their portal at the bottom.
Note: If you do not see the DOCUMENTATION section (along with hardly anything else), are there any Portal Users for this customer? If not, then when you access their portal, it defaults to the Non-Portal User Group permissions. You will need to edit those permissions (found in Admin > Customers - Portal User Permission Groups) to enable the Documentation - View Public setting and any other sections you want those Portal users to view.
Click the document's link to see the customer's documentation as they will see it. The proper information will replace any template tags you added.
Add Internal Documentation Pages
You can create as many pages as you want for internal use by your staff, such as policies and procedures. First, enable the Documentation tab if you do not see it in the top navigation bar or More menu.
Now click the Documentation tab in the top navigation bar or More menu to get started.
To add a new internal document,
- In the upper right, click New Page.
- Fill in the Page Name.
- Leave the Page Type as Internal.
- Type your page content in the editor.
- You can create hyperlinks and add images.
- In the upper right, you can click Attach File to add file attachments to the page.
- You can add template tags to your content from the list on the right.
- When finished, click Save Page.
Documentation Templates
You can create templates to quickly generate a new article on the fly for customers.
- Head to the Documentation tab.
- Edit an existing Document or click New Page to start a new one.
- Click the Page Type dropdown > Template.
- Next, add in the structure of the template.
- When finished, click Save Page.
Once the template is created, a tag will be displayed next to the title when viewing the template on the editor page to help call out that it's a template.
Now when you want to create a new document for a customer all you need to do is head to the Customer Detail screen, scroll to the Document section, and click New. On the following page, there will be a drop-down where the template can be selected to generate.
Masked Credentials
You can add Masked Credentials to the Documentation section. Masked Credentials are a way of safely storing customer credentials to make providing assistance or Asset management as easy as possible.
- Head to the Documentation tab.
- Edit an existing Document or click New Page to start a new one. If it's new, you will need to save the page, then edit it.
- In the bottom right, click New Credential.
- Fill in the various fields.
- Name: This is there to help categorize the credentials so you know what it's for.
- Username: Type the username to log in, whether an email address or traditional username.
- Host/URL: URL of the site to log in to.
- Password: Click the field to enter a password. Next time the page loads, this field will be starred, and you can click it to see it.
- Notes: Uhh, you know what this is...
- Public: This changes to "Public on Customer Portal" if the credential field is visible on the Customer Portal, or if you simply click it.
- The fields save as you type them, so you're ready to go after filling them in.
This is what the Document will look like when a tech is viewing it.
This is what the document looks like if the customer has the appropriate Portal Permissions.
Speaking of Portal Permissions, here are the options at Admin > Customers - Portal User Permission Groups. These are not enabled by default.
Credentials - View All
Credentials - View Mine
User Permissions
In Admin > Security Groups, there are several ways to customize what access a non-Admin has to the feature.
Credentials - Delete
Credentials - Edit
Credentials - New
Credentials - View
Learn more about Masked Credentials on Customers.
Add Your Company Logo to a Page
To add your company logo to a documentation page (or any other place in the app that uses the content editor), you will need to follow these steps due to a bug in the content editor.
- Navigate to the page you want to edit, or add a new page.
- In the content editor in a blank area, type {{logo_url}}.
- Click Save Page.
- Copy the URL that gets generated.
- Above the content, click Edit.
- Delete the {{logo_url}} tag.
- Place the cursor where you want to add your logo.
- Click the Add/Edit Image mountains button.
- In the Source field, paste the URL you copied in step 4.
- Fill in the Image Description if desired.
- Click Ok.
- Click Save Page.