Organization (Org) Roles

Invite users from your organization to help manage your website content. You can assign them to the Full Administrators with full access to all areas of your organization, or create custom roles to grant access only to specific areas based on their responsibilities.

Adding a User to the Full Admin Role

To add a user to the Full Admin role, from the navigation, select Settings > Permissions > Org Roles.
Next, you will see your list of Org Roles. Select Full Admin Access and click Add User to Role.

3. Enter the user’s login email, first name, and last name, and click Save. If the user already has an account in the system, it will populate their information into the user fields.

Creating Custom Org Roles

To create a custom role, in the Org Roles view, select Add New Role.
Select New Blank Role and give the role a name. i.e., Webmaster or Website Asst, etc.
Using the list of permissions, check off the permissions you wish the role to have. Permissions are based off is the user will be permitted to View (see an area of the system without making changes, Run ( run reporting tools), or Manage (add, edit, or update settings/permissions) different areas in the system.
- Scroll down to the Website CMS section to give the user permissions to view/manage website content.

4. Once complete, click Save Info & Permissions. The new role will now be listed under Org Roles in the Roles & Permissions screen.

Building your Site Map

The site map is where you create and organize your website’s pages and subpages. It controls the hierarchy of your content and how it appears in your navigation. Keeping your site map structured and intuitive helps ensure a smooth experience for your visitors.

To add, edit, move, or delete pages, hover your mouse over an item. Four icons will appear, allowing you to manipulate your site map items.

Administrators can add a page at any level of the site map using the Add icon. Depending on which item you click on to add a new item, the new subpage will nest below that level. Once you click the Add icon, simply add a new page title, any page-specific managers, and set the publishing options (public, pending public view, timeframe, or protected view).

Rearranging Page Order

As you are building pages and subpages, you can rearrange their order by using the move icon and dragging the title in the order you wish for it to appear on your site.

Assigning Page Managers

A Page Manager will only have access to manage the specific page assigned to them and any subpages below that.

To add a Page Manager, click on Edit Page Settings, then select the Page Managers option.
Check the box next to the user you wish to assign to the page, then click Save.

Note: To have users show up as available Page Managers, they must be assigned to a role that includes Site Map permissions with Limited Access. (This is done in Settings > Permissions > Org Roles when creating or editing a user role.)

Publishing Options

While creating your pages, subpages, and content on those pages, there are a few options for publishing: Public, Pending Public View, Publishing Timeline, or Protected View. Click on edit in any page, subpage, or content area, then select Publishing Options to define your preferences.

Public: Anyone who visits your website is able to view the page/content.
Pending Public View: Option to set content as not viewable to the public while it might still be worked on (similar to a draft).
Publishing Timeframe: Option to set a timeframe in which the page/ content can be viewed on your website.
Protected View: Option to only allow a restricted list of members/users in your organization to view the page or content. Read more about Protected Access Users here.

Adding Website Content

Depending on your template design, there will be a variety of available sections accepting content. After clicking on a page from your Site Map, click on the Add Content button in any of the available locations to begin creating content on your site. A pop-up window will appear asking you to select between the different content items.

Adding Articles

When adding new content to a page, select Article to begin. Enter an Article Title, then select Story Content to begin writing your content. The system has the same content editor as you would use while writing an email, Google Doc, or Word Doc.

Paste information from a third-party source as plain text, paste from Word, add images directly into your articles, include links, and more with the formatting options. Once your content is complete, choose between different display options to show the article in its entirety, show only a portion of the article, or display it as a link.

Adding Raw Code

Embed different videos, social media feeds, third-party calendars, and more directly onto your page with the Raw Code option. Depending on your template design, there will be a variety of available sections accepting content. When adding new content to a page, select Raw Content.

Enter a Rawcode Title, then copy the embed code from a third-party source (where the embed code is located depends on the third-party module you may be working with) and paste that code directly into the Raw code Source Code screen.
Choose to link to the third party or display the full element in the Display Options section.

Note: When you add raw code, you must check its display in the Public Site. It will not display in the Admin log-in, which can cause some confusion.

Adding Images

When adding new content to a page, select Image. A new pop-up window will appear asking for a title for the image, an image location, and an optional click target.

Clicking on the Upload/Find Image button will open up the CMS File Manager, which stores all of the image uploads that have been added to the system.

You may choose to use one of the images that are already uploaded to the system, or you might want to upload a new image. To add a new photo, click the Upload File button (top right). Click on the upload you'd like to use and hit Select File.

To Optional Click Target should be used if you would like the image to act as a link when clicked.

Adding Images to Articles

When creating an article, you might want to include images.

First, place the cursor where you'd like the image to appear in your article.
Click on the image icon (second row, left) to open up the File Manager window.
Click the Browse the Server button.
Select one of the images that have already been uploaded to the system or upload a new image with the green Upload Files button.
Adjust the image's width, height, and alignment of the image. If you'd like the text to wrap around your image, set the alignment.

Adding Widgets

After you have created your widgets, they can be added to any webpage under your organization’s domain hosted by OTTO Sport. To add to a webpage:

Go to your site map and locate the page you want to add the widget to, then select the Add Content button. Choose Widget as your content type.
Enter a title for the widget and, using the dropdown, select the widget you’d like to place on the page. Next, depending on the widget, choose the season and the widget created from the dropdowns.
Once complete, click Save.

Adding Links

When adding new content to a page, select Links. In the new pop-up window, add the Link Target URL or upload a file to the link.

To create an Internal Link, or to link to another page within your website, select the part of the URL following the ".com" and paste that into your link window.
To create an External Link or link to a separate website, copy the entire URL from the separate website and paste it into the link window.
To link to a PDF or other file, click the orange Upload/Find Files button. Select from files already uploaded to your system, or upload a new document.

Set the destination link to open in the same window or to open in a new window when it's clicked.

Adding Calendars

The CMS allows control of multiple calendars within multiple pages. Once you've arrived at the page you'd like to include a calendar on, click Add Content button and select the Calendar option. The calendars utilize a tagging system. Each calendar must include at least one tag.

You might create a calendar on the “Girls U8” page and want it to display only events specific to the Girls U8 teams. During the creation of that calendar, set the tag as “Girls U8”. Every event that has the "Girls U8" tag will appear on the "Girls U8" calendar. However, on the Home Page, you might want the main calendar to display upcoming events for all of the teams in the club. In that case, set the calendar to show all upcoming events with the tags “Girls U8,” "Boys U8,” and every other individual group.

Calendars can be displayed as fully-formatted calendars or lists of upcoming events and include Google Calendar Importing Capability. Once the calendar has been published, events can be added. Click on a date on the calendar to open the event dialog window. Each event requires a set start and end date, times, and event tags.

Adding & Managing a Content Rotator

When adding new content to a page, select Content Rotator. Enter a title for the rotator. Within Display Options, the Admin has control over a handful of different customization options:

Transition Interval: Set the exact number of seconds each article/image will show
Rotator: Choose between Responsive (mobile-friendly) or Basic Rotator.
- Within the Responsive Rotator, you have additional options:
- Select the exact Height you want the rotator to display at (in pixels)
- Choose to display or not display the navigation 'bubbles.'
- Set the images within the rotator to adjust to the full height or full width of the selected image
- Hide or display a summary of the article text on the rotator view
- Thumbnails: Set to display at the bottom, left, right, or not at all.
Saving these options will result in an empty content rotator.

Next, the Admin will want to add content. Hovering over the right-hand corner of the published rotator will reveal the option to Add Content, Articles, Raw Code, and/or Images are all able to be included as rotating objects in the content rotator.

The most popular option is to add an Article to the content rotator. This will allow you to display a rotating set of articles that your users can click on to find more information about. To set up your Articles, select the Article button on the Choose New Content Type to Add view.

There are three essential parts to adding Articles to your Content Rotator.

1. Write a brief Article Title. This will display on the Content Rotator. Avoid using long sentences or complex descriptions in the title view. That information is best contained within the Story Content.
- Article Title Examples: Tryouts Open Until March 1st - Act Now!, U17 Girls Win Championship!, Fundraising Starts June 18th - Sign-Ups Open
2. Select a Title Photo. This photo should showcase the content of the Article. If you opt not to select a photo, the Article will only display the Article Title as it scrolls through the rotation.
3. Write Story Content. Include all relevant details for your event/notice/announcement on the tab for Story Content. Include all relevant details such as Times, Dates and Deadlines, Links, Images, and General Descriptions of the Article.

Note: The Title Photo added on the Title Content tab will display at the top of the Article when users click on it to learn more information. There is no need to use the same image within the Story Content editor.

Adding a Navigation Module

We suggest constructing your site’s pages in the Site Map section before creating the navigation menu on your page. Menu items can be drawn directly from a completed Site Map rather than manually added. Once your Site Map has been set up, begin building your navigation menu directly on your homepage.

Creating your Navigation

Under the options for Choose New Content Type to Add, select Navigation Module.
On the Add Menu view, for top navigation that runs the width of your page, use the Horizontal Menu Layout option. For a navigation structure that runs vertically down the side of your page, choose the Vertical Menu Layout option.
Typically, your top navigation (Horizontal Layout) has been pre-styled. Use the None/Custom option for the Style Theme to ensure the correct style is generated. There are other available styles to try under the Style Theme section, which are popular options for your Vertical Navigation Style.
Next, use the Add Item button under Menu Builder to begin your Menu build-out.

Build with Item Types

Menus can be built using Links or by grouping pages in SubMenus.

Adding pages as links on the menu bar will redirect visitors to that page when the item is clicked.
Submenus will display drop-down menus when a visitor hovers over the item.
Links appear next to a link symbol in the Menu Builder, while SubMenus appear next to a folder image with green dropdown arrows.

However, if you have already created your Site Map, selecting the Copy from Site Map option can cut down the time spent creating menus.

When using the Copy from Site Map item type, you can select a Page from your pre-made Site Map. Selecting one of the pages will automatically add the page, as well as links and sub-pages associated with that page.

For example, copying the Football Schedules Page from the Site Map will also add the Sub 1 -5 pages along with their corresponding links.

Copy each page from the Site Map to the navigation menu options to save time manually adding link URLs and duplicating the Site Map structure. Once the navigation menu has been saved, menu items will appear on your page as links and dropdowns according to the specifications that have been set in your Menu Builder.

Once you have created your navigation structure, you can use the drag option to revise the order of the display both horizontally and within the submenu structure. If you need to remove or rename navigation options, hover over the navigation option and click on the edit icon that appears.

Editing your Existing Navigation

If you built your navigation bar directly on your Homepage, you can continue to edit and update your navigation directly on the Homepage. Hover over your Navigation Item until the edit icon appears to access your Edit Menu view.

Note: If your navigation is not editable directly on your Homepage, navigate to your Dashboard and access your Template Manager. In most cases, if the menu is not editable on your Homepage directly, it will be editable on your Homepage Template.

Adding a Section Header Title

When adding new content to a page, select Section Header. The Section Header is a title holder for certain areas of your page. For example, if you choose to display videos on your page, you may want to include a "Video Highlights" header to start the section.

Rearranging Content

Once content is published on your pages, you can move content items around as necessary. To move content on your page, hover over the item you'd like to reposition. Next, click and hold the move arrow button, then drag and drop the content to your desired location.