Site Administrator
Site Administrator is a Content Management System (CMS) that allows any individual or business to manage the routine changes of text and graphics on their website, intranet or extranet without the knowledge of HTML or web programming. It is further integrated into catalog and order processing management for e-commerce sites, project management in Intranets, and countless other uses. The CMS is designed to be very user friendly and robust with powerful tools to design, build and manage web content.
The CMS framework allows us to integrate custom modules into the system to make it perform any functions you require with ease. The module-based approach allows eLink to provide customized solutions for all of our clients needs, with quick implementation and effective support. Your new website is enhanced with the E-Link Design Content Management System, allowing you to keep content on your website up-to-date. The following instructions tell you how to log in and update the content.
Site Administrator is a very robust Content Management System that can help you easily make your website great. Some of this will be considered required reading to get up and running but many of the modules you will not need to know anything about until you plan on implementing them. Be sure to read the entire Introduction, Changes & Updates, Settings, and the Modules: Dashboard and Page Editor section. Beyond that you can treat this as a choose your own adventure book, be sure to read up on any new modules you install and come back to this whenever you have trouble implementing any changes to your website.
Below are the steps required to install the latest version of Site Administrator.
Download the latest Installation file sa.install.php, click here.
Unzip and upload sa.install.php to the root directory of the website.
Visit the installation file at http://www.yourdomain.com/sa.install.php
Follow the installation instructions.
Requirements: PHP 5.6.2+ with Multibyte String, GD Library & MySQL 5.5+
First, point your web browser to www.acmecompany.com/siteadmin Where ‘acmecompany.com’ is the URL of your website. When you get there, you will see this screen:
You will be given a username and password to log into the site. The default username and password is ‘admin’ and ‘admin’ on all new websites, but you will be prompted to change your username and password the first time you log in.
Note Username and passwords are configured during the installation.
If you have any issues logging in please make sure to contact support. Two factor authentication is available but must be configured.
Once you’ve logged in, you will see a number of sections on the left. These sections allow you to control the content on your live website and any other particular modules you have. There is also a navigation menu in the top right corner.
The navigation menu in the top right shows common actions you will be performing in Site Administrator. Here is a description from left to right.
Link Icon will open your website in a new tab so that you can view new changes you have made without having to open a new tab and typing the address on your own.
This icon is a shortcut to edit your website with the page editor tools, we will go over their use later just know this is here for now.
This icon displays comments and follower notification from your website and connected social media websites.
The user info button (Dark Gray "Welcome" button) opens a drop down menu when clicked. We will go over the 1st two buttons in more detail later, for now just know they are here.
The Settings tab is a shortcut to the general settings page.
The Software Updates tab is a shortcut to SA Store.
The Log Out button will log the user out of Site Administrator.
You can also log out with the navigation menu on the left
Logging Out is one simple way to keep your content out of the hands of people who have malicious intent or just aren't trained well enough to use the CMS. It is also a good practice to have only one person assigned to each account, this helps keep track of who is making changes on your website.
Note The navigation bar on the left hand of the screen contains all that ‘modules’ that ultimately control all the content on your website. The following pages detail these modules.
Browse and download Modules, Themes and APIs to Site Administrator. SA Store is accessible via the main navigation. Site Administrator will be continuously patched and updated periodically and through the Store as well.
The best way to be sure you have the greatest experience with Site Administrator is to periodically check for updates and be sure to install them whenever available. You can do this by going to the SA Store and clicking "Update All" under System Summary. When no more system updates or module updates are available you are good to go!
The modules within Site Administrator(SA) make up the heart of the system. Not all modules appear in the main navigation but all are managed within the SA Store.
You will find the SA store within the navigation tabs on the left close to the bottom of the list.
When you open the SA store tab, you will find a System Summary and a Modules menu. Lets go over the system summary 1st.
System Updates - This tells you if there are any system updates available.
Module Updates - This tells you if there are any module updates available. You can update them individually(in the modules sections) or you can can click the update all button
Modules Installed - This tells you how many modules you have installed.
Themes - This tells you how many themes you have installed.
You do not want to see any red in your System Summary, if it is gray you have the latest version of Site Administrator as well as the latest versions of your installed SA modules.
If your System Summary looks more like this with information highlighted in red, it is recommend that you click the big red "Update All" button and install the latest versions. This will in sure that you have the best and most secure experience that is available.
To install a new module locate the one you you would like in the site administrator store, for example the "Catalog Module" seen here.
Then click the install button and wait through the installation process.
A module update screen will pop up that looks similar to the one above, this is just letting you know that your module is being installed. You will have to wait for a short time before it is finished. Once you see the text stating you're ready to go.
Now if you look through your browsing tabs you will find your module (in this case the Catalog) installed.
As stated above you can update modules individually by finding them in the SA store list, just look for the modules that have an update button and you're ready to pick and choose what you would like to update. If your module says installed, there is nothing for you to do with it which is a good thing!
The dashboard is the 1st screen you will see once you log into Site Administrator. This will give you a brief overview of all of your modules, new items displaying to your customers, and recent changes that have been made on your website. This is meant to give you preview of important and new things happening on your website.
Catalog
Recent Form Submissions(Coming Soon!)
Recent Reports(Coming Soon!)
User Activity(Coming Soon!)
Page Visits(Coming Soon!)
Social Media(Coming Soon!)
Statistics(Coming Soon!)
Here you will find general information about your Catalog Module
You will receive key information about your products here, updating you on things like how many products you have left and behavior of your customers over the past 30 days.
The page editor module is probably one of the most important parts of your CMS (if not the most). It allows you to access the text and images that appear in key parts of your website and change them with an editing tool similar in nature to tools such as Microsoft Word.
When you first log in to the CMS you will see the Page Editor item in the menu on the left side of the screen. Clicking on it will reveal the menu, which contains "Manage Pages". Click on "Manage Pages" to load the document tree:
The page editor is going to be your greatest asset as it is the best way to organize documents on your website. Think of your computer and the way it stores your files. If you are familiar with files and folders, you probably have your files organized so that certain files are categorized in certain folders. Also, folders can be inside other folders.
Now, apply this idea to pages. Perhaps you have a page that contains an overview of what your organization is about. Perhaps you would also like to go into more detail about different aspects but don't want to do that all on the same page. Having a structure like the one shown above allows you to organize your pages so that all the pages pertaining to the description of your organization are grouped together underneath your 'overview'.
In other words, the main reason behind the structure displayed above is organization only. An added benefit is the fact that we can use this structure to dictate certain things on the website such as a websites menu. This is not always the case (depending on the website).
Now you probably have some questions about all of the buttons you are seeing so we're going to go over each of them.
The icons on the left signify certain actions:
This icons lets you drag and drop your pages in the tree. You can only move a page up if it is not already at the top of the list of pages in the same 'level' as other pages. Likewise, you cannot move a page down if it is not already at the bottom of the same 'level' as other pages.
This icon signifies that a page has no children
Maximize Button - This is the default button for pages with children. You can view the children of this page by clicking this button
Minimize Button - This is the button you will see after you have clicked the expand button. You can click this to minimize the children of a page if you are not viewing them to help keep yourself organized.
If you are not sure if a page is on the same level as other pages, you should notice that the pages in figure 1 all have dotted lines joining them. Notice that the image to the left has the tree highlighted with different colors. These two colors indicate the separation of the different levels for the pages displayed.
The icons on the right signify certain actions:
The Active/Inactive indicators. If the green icon is 'lit up' it means that the site is active and can be accessed by anyone. If the red icon is 'lit up', the page is inactive and will not be accessible by anyone. Instead, they will get an error message indicating that they cannot access the site. To change the status of a page between active and inactive, click the green (to set a page as active) or red icon (to set a page as inactive)
Clicking this "edit" button will open the page in a new window as it appears on the website.
Clicking this "settings" button will allow you to change certain attributes of the page such as the page's title and where it appears in the document tree.
Clicking this red "Delete" button will allow you to remove a page from the document tree.
The Gray delete button will not work because you need to remove its children first.
Important note - deleting a page cannot be reversed. Certain pages have that ability locked out, but obviously not all of them (note some of the 'X' icons in the document tree in fig. 1 are grayed out). Click this at your own risk.
Paste From Word
This set of buttons will help you cut, copy, and past however the button on the far right is the Paste From Word button. This is a critical button used whenever you have content in a Microsoft Word document that you want ultimately want on the website. Instead of copy and pasting directly from Word, you must first open the Paste From Word box and paste it there. This ensures all the odd formatting features of Word are not transferred to the site. Essentially Word documents do not translate well to the Page Editor and must first be stripped down using this feature.
Undo and Redo
As the name implies, this feature will let you correct a change you just made, or revert back to the original change with one easy click.
Spell Check - This will allow you to check your text for spelling and grammar errors.
Hyperlink - Inserts a new hyperlink or edits the selected hyperlink. Also allows you to add a document for download from the site.
Insert Picture – This allows you to insert a picture into your content.
Code Snippet - This feature will allow you to insert a snippet of code and format it to the language of your choice.
Table - This allows you to insert, and edit a table into your content sorting and for adding or changing borders to selected text, paragraphs, cells, or objects.
Line -This allows you to easily insert a line into your content.
Special Characters - Allows access special characters for the page, i.e. dollar signs and other special characters.
View/Edit Source -This feature allows you to view/edit the source code on any given page.
This will allow you to bold, make italic, and underline the text on your page.
Remove Formatting - This removes the formatting of your document.
Ordered list - This allows you to create an ordered list.
unordered list - This allows you to make the content appear with bullets that can be numerical or symbolic in nature.
Indent - This feature allows you the ability to indent your content to the left and right on the page.
Block Quote -This feature will allow you to put any highlighted text in a block quote.
Alignment - This area controls the alignment of the text on your page. From left to right, you can align left, align in the middle, align right, and justify full.
Styles and Formatting - These buttons allow you to create/edit various styles and formatting within the page.
Format Field - This allows you to change headings on your text.
Font Name - This will change your font style.
Font Size - This will change your font size.
Colors - The Foreground Color will allow you to change the color of your text, while the background color will let you modify the background color.
About CKE Editor - This gives a short description of the CKE editor.
To view a list of tutorials, please click on the link provided below:
Coming Soon!
You can reach this section in the page editor by clicking on the hyperlink button shown above.
on the link info Tab, choose a link types of URL, set an anchor point on your page to scroll to, or link to an email. Then fill out their associated form.
This is the target tab
Using this you can set you what action will occur whenever someone visiting your page clicks a link you've created.
<not set> - Opens link with the default action.
<frame> - Opens the linked document in a named frame.
New Window(_blank) - Opens the linked document in a new window or tab.
Topmost Window(_top) - Opens the linked document in the full body of the window.
Same Window(_self) - Opens the linked document in the same frame as it was clicked (this is default).
Parent Window(_parent) - Opens the linked document in the parent frame.
The Manage Layouts page will look something like this. Click on the icon to proceed to creating a layout
Begin by giving your layout a name in the properties section on the right.
Site Administrator sets your pages up for your visitors by using a responsive grid system. This is done using a series of rows and columns inside of containers which will hold your pages content. Choose a "New Container"(content will not span full width of screen) or "New Fluid Container"(content will span full width of screen).
The Container or Fluid Container will be shown on your screen with a dashed line. With your container selected, click the Row button. This will set a grid spanning the entire width of your screen for content to be entered. You can add as many rows as you like to a container.
With your row highlighted you can now add a Column with the "New Column" button.
You will notice that the Column that appears will not span the full length of the row. Below we will discuss how you will resize your columns to display your content however you see fit.
When you have the column selected you will notice buttons that look like this. The 1st 3 are (Delete, Show/Hide, and Move) buttons have been covered in a previous section. We will be looking at the resize button.
The resize button you will hold click and drag to the desired size of your content on your page. So you can make column span the entire length of the page or as little as 1/12th of the page. It is important to consider what type of device your users will be visiting this page on however. As a general rule, on small devices such as tablets or phones your columns should be very wide, often the full width of the screen. For desktops however breaking the page content up into 1/4 size of the screen will display the content well. It's all up to you, just keep your visitors experience on your site in mind.
You will notice the tabs in the upper left corner of the screen showing Medium/Large Screen, Small Screen, and Extra Small Screen. As you might guess, this is how your layout will appear to your visitors on those screens. Be sure to check each tab for how your columns are structured.
The lower section of the toolbox on the right is the last part of the equation before you begin adding content. Here you will select the type of content you will be adding. You will edit this content in the Manage Pages tab of the Page Editor. Then click on the corresponding element shown on the page.
This is the Create Page section, it will let you create a page as well as set attributes on it. We will review these details below.
The 1st detail we see on the left side on Page Details is the parent drop down menu, here you can set the page you're creating to stand alone or if you would like you can set it so that it is a child of another page. Think of child pages as you would a typical folder structure, you probably have a Documents(Parent) folder. Inside of that Documents folder there may be files, these would be considered the Document folders children. The rest of the items seen above have a description attached to them.
We discussed page layouts in the Manage Layouts section above, here you can use any of the layouts you have created to give your pages a well designed look. The Page Type drop down menu lets you use a normal page or give the full URL to the page. Most people find it easier to leave the Page Type as normal.
The SEO Page is where you will enter information that will help browsers search your website, for more information on this and robots you can visit http://www.elinkdesign.com/searchengineoptimization.html or call (859) 422-9165 and ask for the SEO team.
The access page lets you set if only members of your website can see the corresponding page or if anyone can see it at all. Setting a page as inactive is a great substitute for deleting a page especially if you only want people to see it whenever you're advertising a monthly event or something else that is recurring but not always active.
Under the Advance settings you can add special features to your pages. Using Header Image you can select or upload an image to be used on your website, you can inherit an image from a parent site, or add an html tag to add an image. The View Template setting will allow you to link your own header and footer rather than the default. The Icon Name will let you add Font Awesome Icons to your navigations. You can also choose to show or hide the page and sub-nav on the main navigation.
FAQ sections are comprised of answers to frequently asked questions, and other important questions to aide your visitors. Additionally, these sections can be sub-divided any way you would like. Using the FAQs Module in your CMS, you will be able to cater the FAQs section to your exact specifications and then continually update/delete the content in real time. The FAQs are logged into separate databases for easy browsing and searching. When you choose to utilize your FAQs Module, you will click the ‘FAQs’ button under the main navigation of your CMS, and the FAQs options will expand below.
When you want to post FAQs, and have never used the FAQs Module before, you must first create a category to post the FAQs in. To do this, you will simply click the ‘Create Category’ button under the FAQs heading in the navigation.
Note Simply type in the name of your category and click the ‘Create’ button to create the FAQs category. You may have as many categories as needed.
When you want to add FAQs to the website, simply click the ‘Create FAQ button under the FAQs heading in the navigation.
Note From here you will be able to post FAQs to your website, with categories, questions, and answers.
The first thing to note is the category in which the FAQ will fall. In this example ‘Sample FAQ’ is the appropriate category for this FAQ. After all the fields you want to use are completed, simply click the ‘Create’ button to save it and to make it live on your website.
When you want to modify/edit an existing FAQ on the website, simply click the Manage FAQs button under the FAQs heading in the navigation.
Note This screen gives you a few options and information. For one, it tells you how many categories you have, and how many FAQs fall under each one.
Clicking this icon will expand the FAQ
Clicking this button will close the drop down window you had previously expanded
When you hover over an item in the FAQs module this icon will appear. When you hold down click you can move the FAQs up and down on the page in real-time. You can only move a FAQ up if it is not already at the top of the list of FAQ in the same 'level' as other FAQs. Likewise, you cannot move a FAQ down if it is not already at the bottom of the same 'level' as other FAQs.
Clicking this "Edit" button will allow you to change certain attributes of the FAQ
Clicking this "Delete" button will allow you to delete a FAQ from the FAQs page. Important note - deleting a FAQ cannot be reversed. Click this at your own risk.
Note See the Add Modules documentation under Manage Layouts in the Page Editor section to display this module on your page.
The News Module will allow you to add, edit, and remove news articles with titles, bodies, and embedded images in real-time. Using the page editor described above, you can design news articles with saved styles and with a visual editor; older articles will automatically be archived for a specified amount of time.
If you select the Manage News icon under the main News navigation, you will be able to edit older news articles and move them up or down on the page.
Clicking this icon will expand the news.
Clicking this button will close the drop down window you had previously expanded.
These icons let you move the news up and down on the page in real-time. You can only move a news item up if it is not already at the top of the list of news in the same 'level' as other news. Likewise, you cannot move a news item down if it is not already at the bottom of the same 'level' as other news.
Clicking this "Edit" button will allow you to change certain attributes of the news
Clicking this "Delete" button will allow you to delete a news item from the news page. Important note - deleting a news item cannot be reversed. Click this at your own risk.
When you want to post news, and have never used the news Module before, you must first create a category to post the news in. To do this, you will simply click the ‘Create Category’ button under the news heading in the navigation.
Note Simply type in the name of your category and click the ‘Create’ button to create the news category. You may have as many categories as needed.
When you want to post a new article, simply click the ‘Create News’ button under the News heading in the navigation. You will then see a screen like this:
From here you can insert and post new articles to the site, with images, titles, short description and a more detailed section for the actual article. This utilizes the page editor interface and should be very straightforward. Once you have completed an article, simply click the save button. We will go over these items from top to bottom.
Coming soon!
In this section you can edit and delete any RSS feeds you have created.
When you want to post a new RSS feed, simply click the ‘Create News’ button under the News heading in the navigation. You will then see a screen like this:
From here you can simply give it a name, select a category from the drop down menu, drop in your RSS link and click the save button. That's it you're all done!
Note See the Add Modules documentation under Manage Layouts in the Page Editor section to display this module on your page.
The Photo Gallery will allow you to add, edit, and remove photos with titles, descriptions in real-time.
The Manage Galleries tab will allow you to add, edit, and remove photos with titles, and set to active or inactive in real-time.
This column displays the name of your saved galleries.
This displays how many photos your gallery contains.
The Manage Galleries tab will allow you to add, edit, and remove photos with titles, and set to active or inactive in real-time.
Clicking this "edit" button will open the page in a new window as it appears on the website.
Clicking this "settings" button will allow you to change certain attributes of the page such as the page's title and where it appears in the document tree.
Clicking this "Delete" button will allow you to a page from the document tree.
Important note - deleting a page cannot be reversed. Certain pages have that ability locked out, but obviously not all of them (note some of the 'X' icons in the document tree in fig. 1 are grayed out). Click this at your own risk.
To add a new gallery from this page you can click the add Gallery button
You won't see this icon until you hold down a "click" with your on top of a gallery, you can move any gallery item to order them as you like. This will not effect how they are displayed on website, this is just for the sake of your own organization.
The Photo Gallery Settings tab will allow you to add, edit, and remove photos with titles, and set to active or inactive in real-time.
The Photo Gallery will allow you to add, edit, and remove photos with titles, descriptions in real-time.
Note See the Add Modules documentation under Manage Layouts in the Page Editor section to display this module on your page.
The Forms Module is what you'll use to collect valuable information from your visitors. You can Create a form for just about anything you'd like, but first you'll have to download the forms module from the SA Store. See the SA Store heading for more information on installing a module.
You will find the forms module on the left side of the site administrator screen, opening the tab it will look like this
Manage Forms
Create Forms
View Submissions
We'll start with Manage Forms
The Manage Forms section lets you create, edit, and delete any forms you might have
If you click on the search function a window like the one above will appear, this will help you filter out any unwanted forms and just bring up the one you want. You can also click on the Name and Route tab to order them alphabetically.
This is a shortcut to the Create Forms page, we'll go over how to use this more in the Create Forms section below.
The View Form Submission Data button will take you to another page where you can search through all of the user data that has been submitted for that particular form. You can also search through data you have archived. You will navigate it similarly to this page just mouse over any buttons you have questions about.
The change settings button will allow you to edit any of the settings originally stated. We will review this in the Create Forms sections.
The Edit Pages button will let you structure your forms however you like. Just click on the page you want to edit to adjust the forms.
In the next screen you will see how many pages your form has, click on the page that you want to structure.
If this is the first time you're editing your form, your page will look similar to this.
On the right hand side of the screen there will be a toolbox to help you put together your forms
Before you do anything you need to add a new row, this will start a layout for the forms you intend to have your visitors use.
By default, you can set 3 forms side by side. If you click the settings button on the far left you can edit how wide they are.
The Row Properties window may seem a little foreign but its easy to understand. At the top you will see 4 column possibilities. Each row under that you will see 4 different Widths relating to different types of devices. Each width field will accept a value of 0-12, that is because each row that will be displayed on your website will span a maximum of 12 units from edge to edge.
In the default example you will see 3 columns are being used(column 1 is always on). The X-Small and Small Columns each have 12 units in all of their fields while the Medium and Large Widths each have 4. Below you can see a visual representation of how that will be displayed to the visitors to your site.
X-small Width - This is your view for phones with 12 units for each of the 3 columns.
Small Width - This is your view for tablet sized devices with 12 units for each of the 3 columns.
Medium Width - This is your view for desktop devices with 4 units for each of the 3 columns.
Large Width - This is your view for larger desktop devices with 4 units for each of the 3 columns.
On smaller screens such as phones it is best to have a wide form field (such as 12 units per column), while on a larger desktop screen this could leave your screen looking unbalanced. Take this into consideration when making a form for your visitors.
Now that you have handled the layout of your forms you need to fill them out. You can use the toolbox or you can click the button to add a standard label. Click on the fields to open a more detailed view of the forms.
Here on the Section Properties page you can edit the information your form will request from your visitors. Selecting Type will list all of the different input fields they can enter, the Help Text(optional) field is here to give your visitors hints about what information they should give in the form. Here is a descriptive list of each of those fields.
Header - This is just a Heading you can set for your forms.
Label - This is a label you can give your form
Divider - This helps divide and layout your forms with even more detail
Single Line Text - Use this form for any general information you would like to ask your visitors that can be answered briefly, such as "What is your mother's maiden name?".
Paragraph Text - Use this form for any general information you would like to ask your visitors that would require a more in depth answer, such as "Tell us about the last time you used our services".
Drop Down - Use this whenever you want to your users to choose from a select number of option, Add the options in the Options/Values section of the Section Properties menu. Separate each value with a semi-colon (i.e. Option 1; Option 2; Option 3;)
Check Box - Great for yes or no answers
Radio Button - Once your visitor clicks this button they cannot remove it, they can only select other radio buttons.
State Selection - This lets you choose between all 50 states.
Date - Month, Day, Year Format.
Email - This Form will only accept emails.
Phone - Use this for requesting phone numbers
Radio Buttons(Multiple) - Once your visitor clicks this button they cannot remove it, they can only select other radio buttons.
To add your newly made form to the your page you will need to go back to the page editor. A detailed explanation about adding the Form Module as well as other modules will be found in the page editor section
The delete button will remove the form you have selected completely
Important note - deleting a page cannot be reversed. Certain pages have that ability locked out, but obviously not all of them (note some of the 'X' icons in the document tree in fig. 1 are grayed out). Click this at your own risk.
Creating forms is as easy as filling out some short information here, will go over what each input does below.
Name - This is the name of your Form.
Route - This is the URI Path you will take to your form (i.e. example.com/your-path).
Is Protected - Information Coming Soon!
Show Title - This display the title of your form.
Is Resumable - This lets your visitors save their form information and return to it later.
Show Progress - This displays a bar so your visitors can track their progress on the form.
Submit Action - Information Coming Soon!
Submit Button Text - This is the Text that will appear in your submit button.
View Template - Information Coming Soon!
Submission Text - This is the text that will be displayed to your visitor after they have submitted a form.
Submission Email - Information Coming Soon!
Other - Information Coming Soon!
Style Class - Information Coming Soon!
Note See the Add Modules documentation under Manage Layouts in the Page Editor section to display this module on your page.
The Catalog module is your solution to E-Commerce, this is one of the most robust modules in the SA store especially if you have a lot of products. Here you will add all of the information about your products including, photos, stock, price, and much more. After installing the Catalog from the SA Store you can visit it along with the rest of your modules on the left side under the dashboard.
Above is the drop down menu of the catalog, we will go over each section in ascending order.
Clicking the & buttons will allow you to view and hide items within those categories. Just like in the page editor you must delete the children of the category before you can delete it.
Clicking the View Products buttons will take you to the page above, here you can add, edit, and delete products.
The Button will let you customize how your columns are sorted, there are a number of options, from price, notes, and of course name. Use what works best for you and your company.
The Button will let take you to a page where you will fill out all of your products information. A detailed example of each window will be below. To get the most out of the Catalog module be sure to check every item out.
Basic Information
Name - This is the text that will appear in the site map and other links to this page.
Title - This is the text found in the browser's title bar.
Header - This is the text that will appear as the main heading of the page.
Style/Product Number - This gives your product another description to identify it
Is Available - This lets you toggle if a product is available or not
Is Featured - This lets you highlight a product, be it for a sale, season, or any reason you like.
Is New - This lets you highlight a product if it is new.
Manufacturer - This lets you set the manufacturer of the product.
Description
This lets you set a description of the product, the tool-bar buttons are discussed in the key buttons section of the page editor.
Images
Add and edit photos in this section.
Price
Set the retail price, sale price, and sale length of a product here.
Attributes
Here you can edit very specific information about products such as size, quantity, SKU and much more. Visit this area to adjust the finer details of your products.
Categories
Set all of the Categories your product belongs in here.
Related Products
Here you can suggest similar products your customers might buy.
URL's
Set all of the routes your product is associated with here. You can choose to use full URL or select the Prepend Parent Category Routes check-box to type in a shorter version (i.e. "yourproduct" instead of "products/yourproduct").
SEO
Here you will fill out keywords and other search information that helps browsers find your website and your product.
Shipping
Fill out details about the products Shipping, including price and weight.
Taxes
Set Sales tax or remove it.
Customization
List whether the product is customizable or not.
Misc
Fill out special notes, and details about the product here.
Remove/Show Tabs
This button toggles the tabs, letting you organize the product information however you prefer.
Back on the Category page you will also find a settings button next to the edit button, we will go over the settings below.
Settings
Store - You can change the location of where the products are at with the store drop down menu.
Inherit Parent Store - Set it receive the store set by the parent category instead of setting the store itself.
Parent Category - Set Category to be the child of another Category or be on its own.
Is Active - Turn off/on category info in the Site Map.
Name - Name the Category
Title - In your browser you will see Tabs at the very top showing you which website you are currently viewing, this is the text your visitors will see when viewing this tab.
Header - This is the Heading of your page.
Price Adjustment - This is a conditional price.
Amount or Percent - This toggles whether your Price Adjustment will be set to an amount or percent.
Inherit Product Images as Category Box image - Inherit images from the categories parent.
Description
Here you will find a word like document to edit the description of your product. You can find information about the toolbar in the key buttons section of the Page Editor documentation.
Images
When you upload an image for your category, a tool-bar will pop up. Displaying the image in a box will set it to a fixed height and width, displaying as a banner will set it as a full width image.
URL's
Here you can set your category to be accessed by multiple URL's, Clicking the "Prepend Parent Category Routes" check-box will allow you simply type the end URL while the parent URL's are added for you (i.e. your category instead of parentcategory/yourcategory ).
SEO
This section allows you set keywords for search engines to better find your website. You can consult with our SEO Team for tips at http://www.elinkdesign.com/seorequest.php or by calling 859-422-9165.
Misc
This section lets you set secondary descriptions and more.
This is a shortcut to the Add New Products button of the Categories/Products Section, if you missed it you can read all of the information above in the blue heading.
Once your visitors have made a purchase you can visit here to check on the status of their order.
There is a filter drop down menu in the upper right hand corner of the screen allowing you to set a number of different options to sort your products, a long with the traditional ordering you can do by clicking on the columns.
The edit button will take you to a more detailed page about the orders status.
Here you can review the information your customers have submitted, add notes, save information for your own records, and of course process/ship pending orders.
Customize Order Status
Some clients do not like the default format on the order status, you can edit in whatever way works best for your company. It's pretty straight forward, use the edit , add , &, delete buttons change the status of your orders. Also by clicking the check-box you can set where your customers will be charged, though this is usually the last step.
By clicking on the empty fields you can add icons to your orders as well.
Order E-mail Templates
Unfortunately the transfer of goods isn't always as seamless as we would like it to be, email communication is often necessary to keep good relations with your customers and it can be one of the most time consuming things for your business. Fortunately many of the issues that come up are common and you can set up templates for recurring issues.
As usual you can use the use the edit , add , &, delete buttons to navigate the templates. Common issues that occur are cancelled orders, out of stock orders, address verifications, etc. below will list an example of a common template
Dear {{customer_name}}: Thank you for your order, {{purchase_order}}. As soon as we receive your permission to add an estimated $ USD to your order for the US Postal Service postage to send your package, we will continue processing your order. (*Note: Cost is only for what USPS charges on postage- we do not add any additional shipping or handling fees for postage). Your order will be on hold about a week. If after that time we have not heard back from you, your order will be canceled. Thank you
You will notice the odd characters {{customer_name}} & {{purchase_order}}. These are special variables that have been created so you can plugin unique identifying information for your customers. This way you wont have to customize each email that is sent out for each customer. In the upper right hand corner of the add/edit template page you will find a blue icon like the one shown here. Click here to open the drop down menu.
Here you can find the value you wish to use on the right side, on the left side you will just copy and paste the code you will insert in the document.
Price Groups
You will have average customers visiting your website however, you may want to set price groups those meeting special conditions. So you may set a base price but also provide a discounted price to customers who are purchasing an item on sale, or perhaps you have some customers who may be apart of a premium group(like amazon prime members), frequent buyers, or even other businesses that order from you at a discounted rate. Here is where you will organize this information. Edit , add , &, delete groups using the buttons and follow along with the prompts shown to input information.
Promo Codes
During the checkout process your customers will have a chance to enter a promo code you have marketed to reduce the price of their items. On this page you can set, edit, & delete these promotions.
Exporting and Downloading Promo Codes turns these into a CSV file.
If you select the add, or edit buttons you will be taken a to a page like this. Here you can enter the information you want about your promo codes and the conditions for their use. Most of the fields are easy to understand but we will go over the ones you may not be as familiar with.
Name - Name you want to give the promotion.
Code - This is the information your customer will have to enter to use the your promotional codes. Most people elect to use something that is identifiable with the sale the promotional code is offering, but not easy to guess. Such as NoShippingCost4197, this is obvious to the person who found your promotional code advertisement but not obvious to someone trying guess it.
is Active - This toggles the promotion on and off if you would like to use it once a a year for a holiday such as black Friday.
Auto-Generate Codes - By toggling this field you can eliminate the need to name a promotional code and set a limit on how many codes are given away depending upon the advertisement. See "How Many" section below.
How Many? - To the right of Auto-Generate Codes you can set the number of promo codes that are generated.
Expiration Date - Set an expiration date for your promotion here or leave it without an expiration by default.
Number of Uses - This sets the amount of time a customer can use the code to purchase items, by default it is set to unlimited, so take care to select number of uses according to your budget.
Discount Amount - Set the amount you will be discounting the items for your customers, the drop down menu to the right of this lets you set the discount to a dollar or percentage.
Max Limit - This sets the maximum amount off a customer can use the promotional code for, so if its for a wide range of items and you do not want to give a discount for higher than $500, set this here.
Exempt Order From Taxes? - Here you can toggle whether you want taxes to be included for your customers with this promotional code or not.
Conditions - Here you can add as many conditions for the promotion as you would like such as a minimum amount the order must be, the category, or even the specific product that the promotional code is for.
Tax Groups
Here you can set the Tax Groups you want to include your customers in, customize each by state, do only your state, or none at all. Click edit , add , &, delete groups using the buttons and follow along with the prompts shown to input information.
In the edit & add menu you can give your groups a name, set them to active, set a default and select the condition that groups your customers into this tax status.
Attributes
Coming Soon!
Manufacturers
Here you will add the manufacturer of the products you provide on your website with the edit , add , &, delete buttons.
Settings - On the settings tab whenever you add or edit a manufacturer you can set the name, title, and route. It is best to keep the route simple by using the manufacturers name, this way a customer can search for a specific manufacturer.
Description - Here you can edit the description of the manufacturer with the same tools you would use to edit in the Page Editor. Reference the Key Buttons section in the Page Editor Section if you have trouble understanding any of the tools.
Images - Here you can select or drag and drop images to be added to the manufacturer information. Once added a the menu below will appear that letting you edit how the images will appear.
Meta Tags - These are the key words that will help your customers search for your product.
Misc - Check this section for more details you can edit on the manufacturer.
Stores
Many customers do not actually house the products they are intending to sell, rather than that they dropship their products. Here you will list the information about the stores that house your products as well as the details of those stores. Navigate this menu using the edit , add , &, delete buttons.
Add/Edit Stores
Each store has a lot of details you can edit about it, we will be going over each of these details in ascending order.
Name - This is where you put the name of the store.
Theme - Coming Soon!
Route - This is the route to just this stores products.
Is Default - Toggle if this will be the default store listed if no others are chosen.
Logo Color - Set Color of your logo.
Header Background Color - Sets the background color of the header.
Background Color - Sets the background color.
Primary Color - Sets the primary color.
Secondary Color - Sets the secondary color.
Logo - Selects an image of your logo.
Homepage Slide show - Selects a slide show you have from the Photo Gallery module.
Welcome Copy - This is the text that will appear on the stores homepage.
Contact Name - Sets the store contact name.
Contact Phone - Sets the store contact phone number.
Contact Email - Sets the store contact email.
Accept Credit Card - Toggles credit card acceptance.
Accept Invoice Company - Toggles invoice company.
Billing Address - Sets the store billing address.
Billing Address 2 - Sets the store billing address line 2.
Billing City - Sets the store billing city.
Billing State - Sets the store billing state.
Billing Postal Code - Sets the store billing postal code.
Ship to Company - Toggles shipping to this company.
Shipping Address - Sets Shipping Address.
Shipping Address 2 - Sets Shipping Address 2.
Shipping City - Sets Shipping City.
Shipping State - Sets Shipping State.
Shipping Postal Code - Sets Shipping Postal Code.
Order Thank You Subject - Sets subject of the the thank you.
Order Thank You Email Template - Choose a thank you email template here, you can create a template in the Order E-mail Templates section of the Manage Catalog page.
Cart Email Subject - Sets email subject for carts filled out for this store.
Cart Email Template - Sets template email used for this car, you can create a template in the Order E-mail Templates section of the Manage Catalog page.
Referral Options - Coming Soon!
Custom Checkout Fields - Add a customized checkout field here for your store.
SA2 Import
If previously had a the catalog module in our SA2 CMS you can use this tool to import your catalog information.
All you have to do is type in your credentials, mark the check-boxes for the information you want to import and click the Big Blue Import button.
Customization
Coming Soon!
Fonts -Here you can bring in fonts that are not native to site administrator for your catalog.
Colors -Here you can set default colors for your catalog.
Patterns -Here you can set custom images to be used in your catalog.
Designations -Coming Soon!
Locations -Coming Soon!
Shipping
Delivery Methods
Here you can set which shipping companies you will use as well as set the conditions of those companies for shipping. Clicking the edit button will take you to the page shown below.
Here you can can see an overview of all your shipping methods and the conditions that have been set for them.
Clicking the edit button again will take you to the page above. This will allow you to set the conditions for each delivery method. The Calculate On drop down menu will let you set whether delivery will be calculated on price, weight, or location.
The Events module is the great way to showcase to your customers anything special you have going on at your business. Once you install the module from the Site Administrator store, you can present a calendar to your visitors of everything exciting you have going on.
Above is a picture of the drop down menu for the events module whenever you we will go over each of these in ascending order.
All you need to do here is give your new events category a name and a description and click save. Then we can dig into how to add events to the category & showcase it. Don't forget to activate the module on the page you want by using the Page Editor.
This section lets you edit any event categories you have already made using the edit , add , & delete buttons.
Now for the fun part, you get to create your event.
Here you will set your event name, select the category it is associated with, set a link to more info for the event.
Here you will select general information about the time of the event, be sure to mark the check-box if it is an all day event or not. All of the fields have easy to use drop down menus where you can set the date and times of the event. If it is a recurring event you can set its frequency with the button at the bottom.
Here you will get all the address information, this is just like filling out an address you would mail a letter to.
Finally give your visitors a way to contact you in case you they need more information.
This section lets you manage any of the events you have created by using the edit , add , & delete buttons.
Note See the Add Modules documentation under Manage Layouts in the Page Editor section to display this module on your page.
Warning: This module is for developers only, consult with E-link Design staff before using this module.
The staff module will info about members of your staff on your website. You can download it from the Site Administrator store and implement it with ease.
You will find the staff module on the left side with the rest of the modules.
All you need to do here is give your staff category a name and a description and click save. Then we can dig into how to add staff members to the category & showcase it. Don't forget to activate the module on the page you want by using the Page Editor.
This section lets you edit any staff categories you have already made using the edit , add , & delete buttons.
This is where you will fill in information about your staff members, just follow along with the text field prompts and you will be just fine.
This section lets you edit any staff members you have already made using the edit , add , & delete buttons.
Note See the Add Modules documentation under Manage Layouts in the Page Editor section to display this module on your page.
The shipping module lets you select your preferred methods of shipping, these are found in the Site Administrator Store. It is best to consult with your shipping carriers so you can make the best choice for delivering your products. Currently we are working on adding more functionality to this module.
The payments module lets you select multiple methods of payments for your merchandise, be it Visa, Paypal, Stripe, etc. choose the option that works best for your customers and you, these are found in the Site Administrator Store. Currently we are working on adding more functionality to this module.
The Members module is the best way to keep track of all of your customers info, here you will store their unique information, not just their name but their address, phone number, tax exemptions, and discounts. After installing the Members Module from the SA Store you can visit it along with the rest of your modules on the left side under the dashboard. You can edit any of the members info that join your site, however the best part about it is, your members can fill it out themselves when they join!
Above is the drop down menu of the Members Module, we will go over each section in ascending order.
This section lets you create members, input valuable information about them, and manage this information.
By clicking the add button you can create a new member taking you to the page above. You can fill out basic information about the member, change their picture(avatar), leave comments, and the Bottom drop down menus will let you set if the member can join or if they are an active user.
The Miscellaneous tab lets you set social media info for your member, when they joined and, their old ID if they have one.
The last 2 tabs are for special cases when a customer is a awarded a discount for whatever reason you see fit, they also may have special tax exemptions which sets them apart from most. Using the edit button you can edit any of the member information.
Back on the Manage Members page you will find a login as user button. This will let you see everything as if you were the member/customer using their account. This is useful for troubleshooting problems a customer might be having with their account.
You will be taken to a screen with these icons, all the information is laid out very similarly to the way it it laid out in Site Administrator.
The Manage Groups page lets you add , edit , & delete groups from your site. This is great for keeping information on broad categorize of members.
The chat modules will let your members chat with one another.To use the Chat Module you must first have the Member Module installed.
Once you have installed the Chat Module from the SA store you will find a drop down menu for it with these tabs. Currently you will need the assistance of an E-Link developer to setup the chat module.
Once you have the chat module setup you can exchange messages between other users.
More information coming soon!
In the navigation on the left you will find the Settings tab
Clicking it will open a drop down menu like the one above
Many sections display their own drop down menu as well, the file tree below shows displays this.
Files
Manage Files
Messages
Manage Emails
Manage SMS
Manage Voice Messages
Users
Manage SA Users
Create SA Users
General Settings
The next Sections will give more details about each settings page in ascending order.
The files section gives you a view of all the files you have uploaded. You can search,view, and delete whatever you have uploaded as well.
You can find the files section under the settings tab, click the drop down menu and select manage files.
Here you can view all of your uploads, you can choose to sort, search, show, or delete any of these.
Above you will notice the categories bar separating information on your uploads
To sort your files for convenience click the sort button shown above to arrange them by folder, filename, or the date they were created.
In the top right you will find the search button, by clicking this you will open a menu the search menu.
Fill in your files folder, name, or date created to quickly extract all files matching the criteria you have input.
The show button displays your uploaded image so you can see exactly what visitors to your site will see from Site Administrator
The delete button will remove the image from your website.
Important note - deleting a page cannot be reversed. Certain pages have that ability locked out, but obviously not all of them (note some of the 'X' icons in the document tree in fig. 1 are grayed out). Click this at your own risk.
The Messages setting contains all of your websites emails, text messages, and voice messages, you can click on any of the information in the rows holding your messages including the edit button. You can also Delete any of these items using the delete button.
This is a view of the Emails tab.
This is a view of the SMS or Text Messaging tab.
This is a view of the Voice Messages tab.
The Users Setting lets you Create and Manage who can use Site Administrator to edit your website as well as what they can edit. One of the most important reasons to have individual users for each person who logs into Site Administrator is to keep track of who is making changes. This can help prevent security breaks and promote best practices for using your website.
The Users tab will drop a menu down on click displaying "Manage SA Users" and "Create SA Users", we will explore Manage SA Users first.
The picture Above shows an empty SA User page. You will see many columns displaying user information (Last Name, First Name, Username, Last Log on, Is Active), clicking on any of these columns will allow you to sort the users information by that field.
When you do have users you can edit or delete their accounts using the buttons seen on the far right.
The edit button is shown above, this will let you edit any information about the users account. We will go over what can be edited in further detail in the Create User Section
The Delete button will remove a users information.
Important note - deleting a news item cannot be reversed. Click this at your own risk.
On the far right you will notice a button like the one above. This is the Create Users Icon, it is a shortcut to the Create SA Users page.
You can reach the Create Users page by doing one of the following.
Clicking the Create SA Users Tab on the far left just under Manage SA Users as shown above.
Clicking Create User shortcut listed above.
Clicking the edit User shortcut listed above.
No matter which way you choose, you will be greeted by the page shown below.
Here on the basic information page you can add or edit basic user information but the most important things to consider are the Is Active, Is Super User, Username, & Password fields.
Is Active - Lets you store a users information while removing they're ability to edit content on the website. This is a great alternative to deleting a user.
Is Super User - A super user has permission to edit anything, it is suggested to only give this privilege to those you can trust to edit any part of the website.
Username - This is the same username they will type in to enter Site Administrator.
Password - This is the same password they will type in to enter Site Administrator.
The Permissions tab lists all the things that a user can do, for example, you can give a user the ability to add and view files, but not delete them. This is a great setting to prevent any sensitive information you might have from being lost. Click on the check boxes to select what you want to allow each user edit and then click the blue Save button at the bottom of the page.
Approved Devices: Coming Soon!
The Login history Tab displays details about when a user has logged in. This can assist with tracking user behavior and address issues with changes you might not want.
The General Settings section is where you will edit many important details of your website. Because of how broad this category is, its best to check out each category and determine if you will need anything.
Page Editor Simple: Here you can toggle Pages Search Results on or off.
The System section: We'll go over each of these rows from left to right
API SA User Log: This logs all Site Administrator members API use.
Enable Revision Tracking: This saves the changes done to your website, you may want to set your website back to how it was a week before. This setting allows you to save instances of your website so that you can roll it back if necessary.
Require SSL: This adds a layer of protection to your website, you can see a short video on this here https://vimeo.com/135666049
Timezone Default: Your website may have things dependent on your timezone, you can set these timezones using the text in bold below.
Eastern ........... America/New_York
Central ........... America/Chicago
Mountain .......... America/Denver
Mountain no DST ... America/Phoenix
Pacific ........... America/Los_Angeles
Alaska ............ America/Anchorage
Hawaii ............ America/Adak
Hawaii no DST ..... Pacific/Honolulu
If your timezone is outside of the United States you can find a more comprehensive list here at http://php.net/manual/en/timezones.php
Public Directory: If you would like to change the path of your website, this can be done here.
Site URL: If you have another domain you would like to set your website to, you can set it here.
Secure Site URL: This is your SSL URL.
Session Domain: When your visitors come to your website, all of their data will be stored a this URL.
Filling out these SMTP settings will help you make your email transfers even more Secure.
SMTP From: This stores where you will safely send email from.
SMTP From Name: This is the name you will send mail from.
SMTP Host: This is the IP Address your mail will be sent to.
SMTP SMTP Auth: Check here to have your mail SMTP Validated
SMTP Username: Set a username for your email.
SMTP Password: Set a password for your email.
Site Email: Set the address your site will receive emails
Version: Coming Soon!
Recaptcha is authentication measure taken to prevent bots from spamming your website, a picture is presented to the visitor and instructions must be followed to prove that you are a human being. You can set this up through google here https://www.google.com/recaptcha/intro/index.html
Recaptcha Public: This is where you will place the public key you get from Google Recaptcha.
Recaptcha Private: This is where you will place the private key you get from Google Recaptcha.
SA Session Time: Here you can set the amount of time Site Administrator will keep you logged in when left Idle. This is a security measure taken to prevent misuse of your account. The session times are stored in minutes.
Sa Device Verify: This Settings verifies that a device connecting to Site Administrator is safe to use.
Twilio is a cloud communications company based in San Francisco, California. Twilio allows software developers to programmatically make and receive phone calls and send and receive text messages using its web service APIs.
Twilio Sid:The Message SID is the unique ID for any message successfully created by Twilio’s API. You can find more information here at https://support.twilio.com/hc/en-us/articles/223134387-What-is-a-Message-SID-
Twilio Token: This is your unique identifier, you can find more information about this here at https://support.twilio.com/hc/en-us/articles/223136027-Auth-Tokens-and-how-to-change-them
Twilio Phone Number: This is the phone number associated with your twilio account.
Site Admin Image: This is the image you will find in the upper left hand corner of site administrator, you can set it to whatever you like.
Site Admin Login Image: This is the image you will find when logging into site administrator, you can set it to whatever you like.
Allow Cli Composer: This is a switch that forces composer to use either the command line and execute on the command line or to be included and run as php. This is an advance feature that the end user should not touch unless told otherwise.
The Theme section lets you set information to be dynamically inserted into your website, it's best to fill out all of these forms. If your theme has a place for this information it will check on this page to see that it exist and insert it into your page. More information on the themes setting is below.
The themes module lets you use one of our custom themes or even install your own, to give your website a more unique style.
Like all new modules you can find themes in the SA store, simply click install and you're ready to hit the ground running.
To set a theme open the settings tab on the left in Site Administrator as seen here and click the general settings tab.
Now that you're in the general settings, your page should look similar to the one shown above. Click the "theme" tab.
On the themes page you will find a drop down menu in the top left just under the Theme category. This will show you a list of all the themes available to you. Select whichever theme you would like to try.
You can also fill in all of the forms in this section to add content dynamically to your website.
With your new theme selected, all that's left to do is click the "save" button at the bottom of the page. Open or refresh your websites page and you're all done!
Now for something a bit more advanced, for some people creating your own theme may be the way to go. If you have the expertise to create your own, Site Administrator lets you do this as well.
Log in to Filezilla(or your ftp client) using the ftp information for the site(ftp information coming soon).
A list of files should appear, select siteadmin.
Select the themes folder.
In this directory, right click and select ‘create directory’. A prompt will pop up to create a name for the folder. Typically, using the site’s name for the theme is the easiest way to go.
After creating the folder, select the folder. In the folder you just created, add two more directories named assets and views.
In the assets folder you can place the css, js, and image files needed for the template.
Select the views folder. In this folder you are going to create another directory and title it vtemplates.
Enter the folder you just made. Right click within the folder and select create new file. This file you are going to label as master.php.
Open the file you created in your text editor. In this file you need to place the following: header,{views},footer
Save the document and exit it.
Return to the views folder using the ‘..’ or select the folder from the lists above the file box.
Next we are going to create two new files. One will be named header.php and the other will be named footer.php.
The header file will contain the header portion of the website, including the navigation. The footer will contain everything needed for the footer. These two sections will not be able to be edited through the Site Admin Page Editor. If you need to make changes to any of the code, you will need to access these files in order to do so.
After the previous steps have been completed, log into the site admin section of the website.
Click Settings located in the menu on the left side of the page. A drop down box will appear, select General Settings.
Navigate to the Theme Tab. Under that tab, the section box will be labeled Theme as well. Select the theme you just created from the drop down and save the changes.
To begin working on your homepage layout, create a layout for the page.
After creating a layout, create a page titled Home. Under the Page Details section, the page type will be Link to a URL. The File Name/URL will be "/" (forward slash) to place this page as the Home Page of the website. Save your changes.
Examples The following libraries and plugins have been used to power different parts of Ace admin template. You can find documentation and examples for each one on their respective pages or you may want to check out Ace HTML files for examples.
jQuery 2.0.3
jQuery UI 1.10.3 (Custom Build)
Twitter Bootstrap 3.0.0
FontAwesome 3.2.1
LESS 1.4.1
Mustache
Twitter Hogan.js
Mustache.js
Mustache for PHP
Google Fonts "Open Sans"
jQuery Flot Charts 0.8.1
jQuery Sparklines 2.1.2
Easy Pie Chart 1.2.5
jQuery Knob 1.2.0
Mindmup Wysiwyg Editor
Toopay Markdown Editor 1.1.4
jQuery Validate 1.11.1
FuelUX 2.3.0 (Spinner, Wizard & Treeview)
Dropzone.js 3.0
FullCalendar 1.6.4
jQuery ColorBox 1.4.27
jQuery dataTables 1.9.4
jQuery jqGrid 4.5.2
X-editable 1.4.6
Select2 3.4.2
jQuery Chosen 1.0.0
jQuery Masked Input 1.3.1
jQuery Input Limiter 1.3.1
jQuery AutoSize 1.17.7
Bootstrap Tags 2.2.5
Nestable Lists
Bootstrap Colorpicker
Bootstrap Datepicker
Bootstrap Timepicker v0.2.3
Bootstrap DateRange Picker 1.2
Bootbox.js 4
jQuery Gritter 1.2
jQuery slimScroll 1.2.0
Spin.js 1.3.0
jQuery Mobile 1.3.2 (Custom Build)
jQuery UI Touch Punch 0.2.2
Google Code Prettify
ExplorerCanvas