Components are reusable, easy-to-edit pieces that make it easier for you to add elements with visually appealing & responsive designs. The selection of components available should be able to pull off common things like adding images and text side by side, or adding/hiding an alert. 

If you have a consistent edit that seems like it would be better-off as a component, reach out to the web programmer.

Adding a Component

1. While editing an editable region, click Insert Component in the toolbar.
   1. the icon looks like this →
2. In the "Choose Component" box that pops up, select a component from the list. They will usually have very directly-descriptive or group-specific names.
3. You can search for a specific component with the filter searchbar. some examples include
   1. 2-col image & text
   2. 2-col gray-bg image & text
   3. 2-col video & text
   4. YouTube
4. Click Insert.
5. In the "Edit Component" box, enter information in the form fields.
   • +Add New Group as applicable.
   • You can also shift the order of groups around as needed with the up and down arrows
6. Click Save.

Adding Multiple Components

If you want to add multiple components in a row, follow these steps to ensure there’s no weird gaps in between!

1. Click onto the first component you’ve added.
2. On your keyboard, hit the right arrow key once.
3. The cursor should blink just to the right of your component — this ensures there is nothing in between your first and second components
4. Now add your new component from the toolbar.