Adding a component

How to add a component

Step 1: Choose a component

  1. From the page edit view, click on Choose component in the region where you would like to add or manage content (see Page Regions for details about page regions). 
Screenshot of choose component control
Select the Choose component button in the region where you would like to add a component.
  1. Choose a component from the list that appears (see Components Overview for details about components). 
Screenshot of portion of Choose a component dialog with filter items field and four component cards
Select a component from the components list. If you know the component name, enter it in the Filter items input to locate it quickly.
  1. After creating your new component, you have the ability to see the component in your editing window, and add new components. 

Step 2: Add additional components

  1. To add another component to this region click on the plus sign above or below the component you added in order to place a component above or below the one that you just created. 
Screenshot of Additional Content region with a horizontal rule, showing the "+" control to add a component
Once you add a component, use the “+” control to add additional components above and below the component.
  1. Choose another component using the component selection window and add details for your component. Once you have finalized your component you will see it appear above or below the first component that you created. 

Related how-tos

Media Gallery

How to add images and display them as a media gallery on your site.

an icon that represents a grid layout with photos

Adding a section heading

Use a section heading to provide introductory content describing the component topic, as well as link to other pages with more details.

Close-up of books on a bookshelf.

Related resources

Component Controls

How to work with component controls to edit, duplicate, reorder, and remove components from a layout.

Person working on a crew boat inside a boat house, framed by rows of crew boats.

Support and feedback options for HarvardSites Drupal

Submit a ticket

If you encounter any issues or bugs with the HarvardSites Drupal platform, please submit a ticket through the HUIT Service Desk.

Share website feedback

If you have ideas for how to improve the HarvardSites User Guide website, please submit your ideas using our website feedback form.

Design System How-To Guides

Practical guides and how-tos for using HarvardSites features to build engaging, effective websites that support your department’s goals.

AI Support chatbot

Try our new AI-powered support chatbot to answer questions about the Drupal platform.