How to use Components

​Our HTML Components were created to allow our website editors to add customiztion and visual interest to their SharePoint websites while still remaining on-brand.

Why Use Components?

Components can be used in three ways:

1. To add additional rows to the bottom of the pre-designed Homepage layouts
2. To create a completely custom home page layout from scratch
3. To add additional design elements at the bottom of content pages, for instance a call-to-action bar to promote giving or your newsletter

How to Use Components

You must be comfortable with HTML to use components as they require copying HTML from the Components Examples page, placing it in the HTML of your SharePoint page and with your own text and images.

Where to Use Component HTML

• Anywhere on Blank Homepage and Blank Content Page layouts (for option 2, above)
• At the bottom of Homepages A-D or Content Page or Content Page Hero layouts (for options 1 and 3, above)

How to Paste Component HTML

1. Click Edit Page
2. Select the Content Area you want to place the Component in by clicking in it to active that area
•  for blank home and content pages, this is the content area you will select:
  
•  for all other home and content pages, the content area you will select is at the bottom of the page:
  
  
3. In the Ribbon, select the Format Text tab > Edit Source (near the end of the Ribbon)
   
4. Paste in the HTML you copied from the Components page and make your edits
5. Click Save in the Ribbon to preview your work. Edit if you need to make adjustments or click Check In if you are done.

​