Module 5: Content Blocks


The base of Squarespace's design concept is to use content blocks. These blocks consist of varying types of information to be placed on your site, such as text, images, video, etc. and are the foundation of designing.

 

inserting a block

To insert anything onto your site, you will need to be in the Page Edit mode. If you are logged in and can see your Home Menu on the left, place your cursor where you would like your content block to go and click on the eyedropper. You will see the follow box appear, with many options to choose from. You can insert many blocks onto your page to create a custom layout.

 

the basic blocks

These blocks are used most often on sites, and you can add text, HTML, quotes, single photos, videos, and audio files, and embed external content.

 

the gallery blocks

These blocks are used to group images or videos in different formats. Carousel is in a horizontal strips, typically with arrows; Grid sets them up in a grid format; Slideshow will rotate through each photo; and stack is used for a single column of images and videos.

 

the summary blocks

Summary blocks display content, such as blog posts, images, etc. in a magazine layout. Summary blocks are great for blog archives and portfolio management. The Wall Summary displays masonry style (like Pinterest); Carousel is a set number of items with scroll arrows; List is a single column of thumbnails; and grid is a grid format.

Summary blocks are ideal for combining information into one place. For example, if you are building a portfolio on your site, using Summary Blocks makes this much easier. First, you will create a new page gallery under your "not linked" section of your home menu. You can drag and drop images into this gallery, and it contains all the photos in one place. Then, you can create the actual page that your viewers will see, and use the Summary Block to link it to the gallery and display the photos how you would like them to be seen.

 

more blocks

Spacer: A spacer can be used throughout your entire site to add space in between blocks and objects.
Line: Inserting a line is a great way to break up text or visually separate content.
Form: Probably my favorite feature, forms can be inserted on your site to collect information
Newsletter: Add a Mailchimp newsletter subscription form
Map: Add a Google Map with a pin in your location.
Code: Used typically from a third-party or display code
Menu: Display your restaurant's menu
Calendar: Inserts a calendar on your page
Bandsintown + OpenTable: This will connect your accounts to display on your site.

 

filters + lists, commerce, charts and social blocks

These additional blocks help you to organize and display content, such as a search bar, blog content, buttons for call to actions, your shop items, charts, social media, etc..


For more help, visit the Squarespace Knowledge Base.