top of page
WebsiteBranding

WHAT IS IT?

Admins can easily manage their program's forward-facing website to create a custom and engaging experience with their program participants. 

 

WEBSITE BRANDING

1. From your program, click the navigation icon in the top-left corner

1

doc1.png

2. Click Website Branding

2

brand2.png

3. Enter the hex codes for the primary and secondary colors that you would like on your website

 

    Note: A hex code is a six digit alphanumeric value used to specify a specific color on a webpage. You can use the Find your               color button to search for hex codes 

4. Use the toggles to determine whether you want to display the logo or program title in the masthead

5. When finished, click the Update Settings button

3

4

5

brand3456.png

6. To upload a custom logo for the Program Website, click the radio button, choose the file from your computer, and click the Upload Logo button

7. To use a default YMCA logo, click the radio button and click the Select logo button under the logo of your choice

8. To upload a Custom Program Masthead, choose the file from your computer, and click the Upload button

    Note: To view what the default masthead looks like, click the View Default button

6

7

8

brand678.png

9. To upload a Team Branding Masthead, choose your file from your computer, and click the Upload button 

    Note: To view the template for the masthead, click the Masthead Template button

10. Enter the hex codes for the primary and secondary colors that you would like on your website

 

    Note: You can use the Find your color button to search for hex codes 

11. Click the box to select a color for the masthead font

12. Select the radio button for the logo and masthead option that best suits your needs

      Note: For more details about each option, click the Option Details button next to the option

13. Click the Update Team Website Branding Settings button when finished

9

10

11

12

13

brand910111213.png

Did this help? If not, click "No" to contact support. 

Yes

Thank you for your feedback!

CUSTOMIZE HOMEPAGE

1. From your program, click the navigation icon in the top-left corner

1

doc1.png

2. Click Customize Homepage

2

home2.png

3. Use the toggles to determine the modules you want to show on your homepage and the modules you want to hide

4. Select your Media/Highlights Sider Choice from the dropdown

5. Under Rail Options, click the Move To Right Rail button to move an item from the left rail to the right rail

6. Click the Move To Left Rail button to move an item from the right rail to the left rail

3

4

5

6

home3456.png

Did this help? If not, click "No" to contact support. 

Yes

Thank you for your feedback!

CUSTOM NAVIGATION PAGE

1. From your program, click the navigation icon in the top-left corner

1

doc1.png

2. Click Create Custom Navigation Pages

2

nav2.png

3. Click Create Custom Navigation Pages

3

nav3.png

4. Enter a title for your page

5. If you have multiple custom navigation pages, choose the order for your new page

6. Select your page status from the dropdown

7. If you want to have sub-navigation items under this page, select Yes from the dropdown

8. Choose whether you would like the page to be a Sub Menu Page Under More or a Main Menu Page

9. Enter the content for your page

10. When finished, click the Save Changes button

4

5

6

7

8

9

10

nav45678910.png

11. To add a photo to the body of your page, choose the file from your computer and click the Upload Content Image button

11

nav11.png

12. To add a caption to the photo, type the caption in the box and click the Update button

13. To make the photo left justified or right justified on the page, click the Left button or the Right button

12

13

nav1213.png

Did this help? If not, click "No" to contact support. 

Yes

Thank you for your feedback!

Manage Website

general_trans.png
Homepage
CustomNav
bottom of page