Website Components Overview
Updated over a week ago
  1. Click Website Design in the side menu.

  2. If you want one on another page, click the appropriate tab in the top menu.

  3. Hover over the page elements until the Component overlay button you want appears, such as Social Links, and click it. Or click the X on its right side to delete it.

    Layout Section and Component buttons
  4. Make the changes you want and click Save.

How to Add a Component to a Page

  1. Click the Layout Section button to which you want to add it.

  2. Click Select component(s) to add.

  3. Check the box(es) of the component(s) you want.

  4. Click Select.

  5. Make any changes to the order, size, etc. See Layout Section for details.

  6. Click Save.

Header/Footer

These components are designed to be placed in the site header or footer.

  • Account Bar — Works best when placed in a Layout Section with a Horizontal orientation.

  • Google Translate — will translate everything on the page to the language the user picks.

    Google Translate widget
  • Social Links — Add URLs to your organization's social media pages.

  • Team Logo — We encourage you to upload a high-quality logo with a transparent background (PNG or GIF format).

  • Utility Links — Defaults to Coaches and Site Map links. Click + New Link to add your own.

Navigation

  • Command Buttons — Highlight and link people to important areas of your site.

  • Site Navigation — The menu tabs at the top of the site frontend.

    Menu item bar with controls
    • Select to display multi-edit options at bottom of the dialog: set to draft, hide, or show.

    • Add a sub-tab.

    • Edit tab properties.

    • Copy tab link to clipboard so you can link to that tab by pasting it elsewhere.

    • Edit page meta tags: title and description. Important for SEO.

    • Toggle show/hide tab.

    • Delete tab.

    • Drag and drop to rearrange the order.

Information

  • Contact Us — Click SHOW to toggle to HIDE if you don't want to show certain fields. Change any field label beside its SHOW switch if desired. Click the clock icon in the Hours section to type your own custom text. Click the To button by a day to enter a range, such as Mon-Fri.

  • Fundraising Goal — Show and customize your fundraising progress (Event Fundraising must be active).

  • Main Text — A brief blurb about your organization on the home page.

  • News — A brief listing of your most recent news articles.

  • Sponsors & Partners — Put logos and links to the sites of sponsors you recruit and partner organizations.

  • Social Feed — Display a private social media feed of your club's activities.

  • Twitter Timeline — Add a Twitter feed to the page.

  • Upcoming Events — Displays a compact list of upcoming events that are pulled from your calendar.

Content

Use these components to decorate and add interest to your site.

  • Generic Content — Adds an area where you can use the CK Editor to add whatever type of content you want.

  • Generic Photo — Use this tool to add a photo to the page.

  • Photo Slideshow — Add giant "hero" images to your home page, or even other pages if you want.

  • Spacer — If certain elements are too close together, add a Spacer to put a gap between them.

Did this answer your question?