Welcome to your public website hosted by OrgSync! The layout, design, and content of the website can be customized and updated from within your organization's portal. To access the Website Manager, it must first be turned on under Settings -> Group Permissions by your group administrator.
This is the default template. It is meant to be simple so that you can get a website up and running quickly. If you would like to customize this template to match your own site, or do something more creative, feel free, but please be aware that some HTML and CSS knowledge is required if you really want to make major changes. Otherwise, content updates and maintenance can be done via the page editor by someone with little to no HTML experience. Your website can always be reset back to its default state (what you see before you) by accessing the settings page and pressing the reset button. Please be aware you lose all data, images, and files in the website builder when you do this.
Customizing This Website For Your Organization
First off, you most likely want to change the name in the header portion of the site where it says "Organization Name". To edit this, you will need to go to your internal portal and access the Template Elements tab in the website builder. Hover the mouse over the wrench (to the right of Header) and a drop-down will show up allowing you to edit the HTML code. Once you have enabled edit mode, on the seventh line of code you will see "<h1> Organization Name </h1>." All you need to do is delete “Organization Name” and replace with a name of your choice. Be careful not to delete the brackets surrounding “Organization Name” or any other pieces of code. Click “Save The Template” to see the changes you have made.
You can also change the background colors of the header. Access the files/css tab in the website builder and the only file (upon default setup of the site) is a stylesheet. Click edit to the right of stylesheet and a dropdown will show up with the CSS file. The first declaration is for body. The second is #header and the third is #navigation . Each of these controls the header and the navigation portions, respectively. The colors are defined on the lines beginning background, and can be changed simply by changing the six values between the "#" and ";" . There is a color chart on this page with many hex code examples. For a further tutorial on CSS: http://www.w3schools.com/css/
Editing Individual Pages
Pages are maintained in the pages tab of the website builder. There are defaults established for you on creation of your website. This page, the index, has the title of home. The rest should be self explanatory. To edit a current page simply click the edit button and you will access an editor with content editing tools, along with the ability to add OrgSync modules and access the source code directly. There is more information about this in the help links at the bottom of this page and in the sidebar.
You can also create new pages, and the name you give them will be the quick url used for linking purposes. After creation of a page it needs to be added to the navigation, so access the header section under the template elements tab and add a link to the navigation using that quick url you just generated.
Website Builder Help
There is a great reference for the website builder here if you need any more information.