How To Add Sections

 

Here’s a very basic introduction to adding sections.

 
 

Designing sections will take a lot of learning because you’re diving into the craft of Web Design, but you’ll get the hang of it with repetition. Plus, we are always available to help.

 
 
step1.jpg

Step 1

Log in at account.squarespace.com

step2.jpg

Step 2

Select your website.

step3.jpg

Step 3

In the menu on the left, select Pages.

 

Step 4

Scroll down to the Not Linked list and hit the + (plus) sign. A menu will appear.

While you’re developing new Sections, they should always begin in this area. That way no one will see unfinished work on your site.

Step 5

Choose the type of page you want.

For a typical Section, you would choose Page. Sometimes you might choose another option like Gallery. For the sake of this brief tutorial, we’ll assume Page.

Step 6

Select a layout.

You can either choose a blank slate or select one of the page templates if you see a layout that makes sense for the content you’re adding.

 

Step 7

Give the page a unique title. (Unique meaning: different from the other pages on the site.)

The name you choose will become the page’s URL (yoursite.com/page-name). If you want the URL to be different from the title, you can do so.

Step 8

Begin the design work.

For a refresher on how to go about this, see our guide on Adding Content.

Step 9

Hit Save in the left corner.

 

Step 10

Click the short horizontal line “—” above the page viewer until the device icons appear.

Step 11

Test your edits in the Mobile and Tablet mode.

It is crucial that the site looks good on every device. Although tablet viewership is super super low (like 6%), we still don’t want this view to look like total garbage.

 
 

 

Integrate this new section into your website in one of these ways:

 

Option 1

Place it into an Index.

Drag this new Section to the desired place within an Index.

Vocabulary Help: An Index is a group of sections living together to form a single webpage. An Index can be identified in your Pages list by the icon that has 2 stacked rectangles, similar to an outlined “=” equal sign.

99% of BRDG websites are built as Indexes for this flexibility in adding / removing / moving things around.

Option 2

Feature it in your navigation.

If it’s an important Section that will be accessed frequently by visitors, you can Drag it to one of the navigation slots.

Make sure the Navigation Title (in the Section’s settings) is as short as possible (1 word, 2 words tops). You do not want an ugly, cluttered navigation.

Option 3

Leave it where it is.

If the Section isn’t to live within an Index or in the navigation, leave it where it is in the Not Linked list.

If you want the website to have links to it, go through your Pages and add text, buttons, or other elements that link visitors to it. You should also mostly likely add it to your website’s footer navigation.

The URL that you’ll share outside of the website will be your domain name + “/” forward slash + the URL name you chose in the Section’s settings.

 

 
 

Email your questions to hello@onthebrdg.com

We teach you how to manage the content that we add, but there is a whole lot more that you can learn. There are so many ways to display your content and customize your site. Self-teaching is a must when you’re an entrepreneur. If you don’t want to hire us for every change, you can grow your expertise with the Squarespace Learning Center.