How To Add a New Employee

When adding a new employee to the website, you'll need to add that person to the department page, create an individual page, and link from the department page to the individual page.

Here are the step-by-step instructions for doing that.

Step 1: Add person to department page 

When you are logged into Squarespace, you will see a sidebar on the left. Click "Pages."


You will see a list of the website sections in the left sidebar. Under "Team," you will see a list of departments: Executive Team, Estimating, etc... 

Click on the group to which you would like to add a new employee. For example,  let's click "Project Managers."


After clicking "Project Managers," you will see the Project Managers page. Hover over the main content area with the images and bios. A "Page Content" bar will appear. Click "Edit."


Scroll to the location where you would like to add the new person's photo. Hover over that area. A horizontal gray bar (shown above) will appear. Click on that area.


A window will pop up to select the type of content you would like to add. Click on "Image."


Add an image where it says "Add an image." Upload the picture from your computer.


Name the file after the person.

IMPORTANT: Add a "clickthrough URL" to link this image to a person's individual page. Use the person's first and last name separated by a dash.

When you are done, save.


step 2: Create an Individual Page for a Person

In the left sidebar, scroll down to the section of pages that are "Not Linked."* This is where all of the pages are kept.

*"Not Linked" just means that these pages are not shown in the navigation bar.


Scroll down to the folder for the group to which you would like to add a person. For example, "Project Managers." Expand that group to see all of the individual pages in that group.


Right-click or click on the settings icon for one of the individual pages in that group. You will see a "Configure Page" modal window pop up (shown above). Scroll to the bottom of that modal window and click on "Duplicate Page."

Screen Shot 2015-03-27 at 1.18.58 PM.png

You will now have a duplicate page. In this example, we created a duplicate page of Michael McKeown.


Click and drag that duplicate page into the appropriate department section. For example, "Project Managers."

Screen Shot 2015-03-27 at 1.19.43 PM.png

Click on the new page, and change the page title to be the name of the new employee you are adding.


Hover over the content of the page you created, and click "Edit."

Edit the text of the employee name and title, and the bio paragraph.


IMPORTANT: The "Stats" box is a "code block," so you have to edit it differently.

Don't be scared of the code! This is html.

Each bulleted item in the "Stats" list is a list item in html, enclosed by <li> tags.

Enter the text of each "stat" you want to display between an <li> and an </li>.

If you have any problems with this, let me know ( Maybe we can make something that's easier to edit.


When you are done editing the title, bio, and stats, save the new page.