Help System Search

Your Home Page lets visitors know all about your organization. HomeTeamsONLINE gives you a variety of website features that you can use to customize your website. You can keep your site simple, or use the tools to make sophisticated websites just like professional sports associations.

By the way, your website is "mobile friendly" and will adjust to different size screens! This is all done automatically - you can use the device icons on the top left to see your site in computer, tablet, and phone size. More and more people view websites on their phone, so all your content will be presented in an appropriate format to fit different size phones!
 

HomeTeamsONLINE provides a standard set up for a typical home page. You will be able to customize everything on the page! To get started, you may just want to change the images and link to your social media accounts if you have them. Schedules, standings and other information will fill in automatically as you enter information on the website. The content is organized within ROWS, and MODULES. 

ROWS
You can add or delete rows on your homepage, click the add row button at the top to create a new row, or click the wrench icon on the right side of a row to delete or edit the row. Rows have some unique customization options, which we will discuss below.

MODULES
These contain all types of  content for your Home Page. You can click the +add module button at the top right to open the ADD NEW MODULE popup. You can also add modules by clicking the ROW wrench icons on the right. 

The most popular module is the "Text Area". These are easy to spot as they have a Pencil Edit button under the Wrench Icon in the top left corner. These can be used to type basic messages, but you can also add images, links, tables and much more. 

Of course, at the top of the HOME PAGE you will notice a simple starting BANNER with your organization name, and some rows with NAVIGATION LINKS. You can customize these features with tons of options.

Remember: The BANNER and NAVIGATION will appear on ALL the pages of your website, not just the HOME PAGE. 

BANNER & LOGO
To get you started we used a very simple BANNER with no logo, just some animated text with your organization's name. Click the WRENCH icon on the left side of the BANNER and you can choose from many sample banners, you can upload your logo, and you can change the text, and the text style. You can add background images, and even play with the animation effects! You can keep it simple, or make a bold statement. Remember it appears on every page, so you may want to use the ROW features on just the HOME PAGE for a large "hero" image. 

NAVIGATION LINKS
Our starting NAVIGATION LINKS are basic, but you can select different styles, and you can even customize the font and come up with your own style! You can also rearrange or hide links, and you can even create links to other sites, or create drop-down links for different categories. Finally, you can even place some links at the top of the page (header links) or bottom of the page (footer links) by going to NAVIGATION LAYOUT by clicking the DESIGN link top left next to the HOME PAGE link. 

STYLES AND COLORS
Click the DESIGN link on the top left, or use the three line "hamburger" menu, to find links to the STYLES page, and the COLORS page. You can preview some different styles: make sure the "keep my colors" and "keep my banner" toggles are on if you already worked on those. (There are "locks" at the bottom of the page by clicking advanced that let you lock in the style of your modules and navigation as well, so you can mix and match styles to create unique combinations!)

You can set your preferred COLORS, which might be applied in different ways for different template styles. You can adjust other features, like using a background image for your site, and making sure your text and link colors look good on your background colors. With "widescreen mode" you can now use images for each ROW, so you may want to experiment with ROW image and slideshow options. 

HEADER & FOOTER OPTIONS
You can click the WRENCH icon on the NAVIGATION LINKS row to edit your links - there is also a NAV LAYOUT link top left which has even more options, including moving links to the header and footer by clicking the + buttons to activate and move links to those. 

THE DESIGN LINK, TOP LEFT

There are many advanced options; if you want to experiment and explore, click the DESIGN link at the top left and try the various features listed. Refer to the help for each page. 

There's a lot you can do when you start clicking any of the WRENCH icons on the page. Here are a few things you can do to get your website going quickly!

ADDING SLIDE SHOWS TO ROWS 
The latest website styles are in "widescreen" format. The ROWS extend the full width of the browser window in widescreen format. (Note that older websites use "fixed width" format, which is still available.) You can point an ROW to a new PHOTO ALBUM. You can upload photos from the ROW options, and a new album will be created, or you can go to the PHOTO ALBUM page to arrange your photos. Try uploading a set of photos from your phone or desktop into an album, and select that album for your top ROW. Click the "advanced" link in the wrench popup to adjust the speed of your slideshow, or use the random settings or the top photo settings if you want. Replace the sample images with your own PHOTO ALBUM to personalize your site right away! 

There are many other STYLE features for ROWS. You can change your row background color and add padding to the top or bottom if your content looks too crowded, or you just want a background image to show through. One nice feature of ROWS is that you can set the colors for ALL MODULES that are moved into the ROW. For example, you can make modules transparent, or you can pick a color and then make a semi-transparent MODULE.  For example, you can make your SCHEDULE and STANDINGS "see through" so that you can see the image you selected for that ROW. You can create some amazing effects by experimenting, and checking other sites to see what they are using.

THE ANNOUNCEMENT MODULE
You will see many sites feature boxes with photos and captions, along with a link for more details. The ANNOUNCEMENTS module lets you set this up. We added an ANNOUNCEMENT module with three images for you to get started with. You can use our sample images, or you can upload new images, or use any of the photos on your site. For example, you can create a "Player of the Week" section using the ANNOUNCEMENT module, and link to your roster photos. Then you can add a link to the PLAYER PROFILE page. You can use the ANNOUNCEMENT feature for all kinds of content. You could link to the top news story, add a link button for REGISTRATION forms, COACHES messages. Create as many ANNOUNCEMENTS sections as you want. You can place them in any GRID, and you can have one, two or three announcements each. You can use a photo, or just leave it text, and add a button, or just add a link without a button. 

SOCIAL MEDIA AND YOUTUBE MODULES
You can link to FACEBOOK, INSTAGRAM, X and YOUTUBE accounts by selecting the MODULE with the name of the platform, and simply copying the link to your page into the WRENCH OPTIONS. This will automatically link the feed from your account to your HomeTeamsONLINE website homepage! Our starter site has these MODULES available. If you don't have these accounts, or don't want to link to them, click the WRENCH icon and DELETE them. 
 

There are many other MODULES to experiment with. Refer to the specific HELP for the MODULES, or contact our friendly support specialists and we will help you set up your home page. 

MORE TIPS

• Click the monitor, tablet, and mobile phone icons to toggle your view between each of these options. 
• Some dark Gray sections - like Banner & Logo and Background Image - cannot be edited using this page.
• For more advanced layout settings, click the LAYOUT button on the upper right, next to +module and +row.

Using the Text Editing Tools

• Pencil Icon (Text Area Modules): Clicking a module's Pencil Icon opens the text editor, allowing you to freely edit the content within the module. The text editor window makes it easy to enter your content without having to use HTML. You can enter text, news, announcements, and post images, or link to files. You can also add code for modules such as Social Media Plug-Ins and much, much more. (Third Party Plug-Ins)

More Help: Using the Text Editors

• Wrench Icon (Module Options): (also available in PAGE LAYOUT) Click the Wrench Icon at the top left of each module to change the module settings.

More Help: Modules Apps & Gizmos

• Up and Down Arrows: The Up and Down Arrows found on the right corners of each module can be used to quickly slide your modules up and down. You can also switch to the PAGE LAYOUT to quickly drag and drop your modules to reorder them.

The Stat Leaders module automatically updates from your game stats. It highlights the best players in the key stats.

• In order to appear in the Leaderboard, you must have participated in enough games. Players who have participated in less than 1/3 as the player with the most participation will not appear, even if their stats are better. The stat which determines this varies per sport. For example, in Baseball, you must have at least 1/3 the Plate Appearances as the player with the most to appear in the Leaderboard.
   

Wrench Icon
Click the Wrench Icon to customize the Stat Leaders options. The Leaderboard has special options:

• Game Types: You can choose to show all or only have Regular Season and or Post Season Game Types.
• Sport/Division: Multi-Team sites may wish to filter the Leaderboard to show only one division.
• Abbreviation: The default abbreviation shows the first three letters for single word team names, and the first letter for multiple word team names (example: West Flyers would be abbreviated "WF"). You can update the abbreviation to show the whole team name or smaller abbreviations.

Add a JOIN US module to your Home Page to add a button that visitors can use to join your site. This includes Players, Coaches, Staff or even just Fans or other groups. 

When someone joins your site they have access to their own account where they can manage their own personal information and set their communication preferences.

For example, you could set up a Join Us button for your Players to join. This allows the Players to add all of their information themselves. This way they can keep their information up to date such as phone number and emergency contact info.

Another way Players join is through the Registrant List of a Registration Form. Registrants can be imported as Players to your rosters. Note that the information is imported and managed by the administrators, the Players do not have access after filling out a form. To manage and update their own info, Players would still have to create their own account separately. 

You can organize people who join using a Join Us button in the Other Contacts section of the People Overview Page. 
 

You can add the Facebook, X, Instagram or YouTube modules to display social media feeds on your Home Page. Select the Module for the Social Media feed you want to use and add it to the page. Most feeds work best placed in columns that are not too wide. Click the wrench icon, and copy and paste the link to your account in the setup. Save, and you should see your Social Media feed load onto your Home Page!