Let's get your site ready to launch. You will need to perform the following tasks:

Learn CMS Basics & Features

Before you start working in the new CMS, it's important to understand a few things.

  • Until you publish your site, signing out of your site will return to the current interface known as Chameleon. When you sign in again, click Upgrade Your Site to return to the new CMS. This takes you to either the Alert Center when there are new alerts to view, or the last page you accessed in the CMS backend.

  • The CMS has two distinct sides: the "frontend," which has all your marketing content seen by the public, and the "backend," where you perform all your administrative tasks, and where your membership accesses their account, invoices, and relevant team content. This allows you to separate content meant to be seen by the public from that meant only to be seen by those belonging to your organization. To view the frontend of your website (the marketing side seen by the public),

    1. Click View team website… in the lower left. This opens it in a new browser tab.

    2. To return to the backend, just close the new browser tab, or switch to the other browser tab, rather than navigating through the menus.

    3. If you make a change in the backend that affects the frontend, switch to the browser tab with the frontend and refresh the page (press F5 or Ctrl+R).

  • The side menu has been significantly reorganized. Please click around to learn where things are. Check Chameleon vs new CMS menus if you have trouble finding something. (Click your browser's back button when finished to return here.)

  • The Website Design tab in the side menu (near the bottom) is where you will perform much of the work. As you hover the cursor over the various page elements you will see various overlay buttons appear.

    Layout Section and Component buttons
    • A Layout Section houses one or more Components, or it can be empty. Click the Layout Section button to edit its properties, add or remove Components from it, rearrange their order, change their sizes, and more.

    • There are multiple kinds of Components, such as Social Links and Photo Slideshow, each designed for a specific task. Click the button to edit the Component's properties. Click the X on the right side to delete the Component.

  • Everything in Team Admin > Documents/Images got copied to the CK Editor library, which is the content editor that appears in various places like user defined pages.

  • All Superusers have access to the new CMS before you publish it. To give access to others admins, which we recommend to help QA the site or even help work on it,

    1. Click Sandbox Mode at the top.

    2. Click Edit Sandbox Access…

    3. Select Webmaster/Event and/or Email/Print/Calendar.

    4. Click Update.

    5. Click CLOSE.

Prepare Site to Go Live

Fix Obsolete Links

Generally, any hard-coded links imported from Chameleon, when clicked, will take the user back to the Chameleon interface. You may even get a “Site not found” error. You will need to go replace all these links with the equivalent links in the new CMS.

  1. Click every link in the site and note those that either take you back to Chameleon or give a "Site not found" error.

    • Command buttons - Click each home page command button.

      • If you linked buttons to your team and/or lessons registration, those buttons will not work initially. We will cover these in steps 6-7 below.

    • Slides - Click each slide on the home page to see if it links to another page.

    • Tabs that link to other pages - Click all tabs and subtabs.

    • Links on pages - Click all links on every page, including the home page.

    • Links in news articles

    • Links in TeamFeed articles

  2. When you find an obsolete or broken link, click your browser’s Back button, go to where it’s supposed to take you in the new CMS, right-click the link and select Copy Link Address or Copy Link Location.

  3. Go back to the place with the incorrect link and update it with the link you copied.

    • Command buttons and slides

      • In the side menu, click Website Design.

      • Click the Command Buttons overlay. You will see it as you hover over the buttons in the upper right.

        Command Buttons overlay
      • Click the button with the incorrect link.

      • In the bottom On Click Link to field, delete the existing URL and paste the one you copied.

      • Click Save.

      • Click Close.

      • For any slides with incorrect links, click the Photo Slideshow overlay and repeat the above steps.

    • Main text area of home page

      • In the side menu, click Website Design.

      • Click the Main Text overlay.

      • Click anywhere on the incorrect link and click the chain link icon.

      • In the URL field, delete the existing URL and paste the one you copied.

      • Click OK.

      • Click Save.

    • Tabs that link to other pages

      • In the side menu, click Website Design.

      • Click the Site Navigation overlay.

      • If it’s a subtab, click the arrow to the left of the tab it’s under to expand it.

      • Click the pencil of the tab or subtab to edit it.

      • In the URL field, delete the existing URL and paste the one you copied.

      • Click Save.

      • Click Close.

    • Links on pages

      • In the side menu, click Team Resources > Manage Team Resources.

      • Hover over the page with the incorrect link and click the pencil to edit it.

      • Click anywhere on the incorrect link and click the chain link icon.

      • In the URL field, delete the existing URL and paste the one you copied.

      • Click OK.

      • Click Save.

    • Links in News articles

      • In the side menu, click Team Tools > News.

      • Click the title of the news article with the incorrect link.

      • Click Edit…

      • Click anywhere on the incorrect link and click the chain link icon.

      • In the URL field, delete the existing URL and paste the one you copied.

      • Click OK.

      • Click Save.

    • There may be other pages as well, such as in TeamFeed articles, events, and certain system pages. The procedure is similar for them.

  4. Keep repeating until you’ve gone through every page on the site and fixed all incorrect links.

  5. You will also need to enable the new Calendar if you have not already so that the Upcoming Events section works on the home page. It combines three different calendars—the Events calendar (now called Team Events), the Practice calendar from Coaching Tools (SwimOffice Pro customers only), and legacy monthly calendar (now called General).

    • In the side menu, click Website Design.

    • Click the Site Navigation overlay.

    • Click Add Tab in the upper right.

    • Click the Tab Content dropdown and select Calendar. If you do not see it listed, then it is already active. Click Cancel, then Close and skip down to step 6.

    • Click Save.

    • Drag and drop the Calendar where you want it in the menu.

    • Click Save.

  6. To link a command button to your member registration, in the side menu, click Website Design.

    • Click the Site Navigation overlay.

    • Click Add Tab.

    • Click the Tab Content dropdown and select Team Registration. If you do not see it listed, click Cancel and skip the next two steps.

    • If you do not want to link to your registration in the main menu, set Show on site navigation? to NO.

    • Click Save.

    • Click Close.

    • Scroll down to your command buttons and click the Command Buttons overlay.

    • Click the command button you want to link to your team registration.

    • Set your Button Text and other fields as desired.

    • Click the page button to the right of the On Click Link to field.

    • Click Team Registration in the list of pages.

    • Click Save.

    • Click Done.

    • To link a command button to your lessons registration, follow the same steps in step 6 above, but of course select Swim Lessons instead of Team Registration at the appropriate places.

Upload Higher Resolution Photos

Did this answer your question?