I N T R O D U C T I O N T O S Q U A R E S P A C E

1 0 0 8 1 5

S I T E S H A C K W E B D E S I G N W W W S I T E - S H A C K C O M

I N T R O D U C T I O N T O S Q U A R E S P A C E

1 0 0 8 1 5

S I T E S H A C K W E B D E S I G N

U N D E R S TA N D B A S I C S Q U A R E S PA C E C O N C E P T S

B U I L D A S M A L L B U S I N E S S W E B S I T E W I T H B A S I C C O M M E R C E amp B L O G F U N C T I O N

L O O K AT S O M E S Q U A R E S PA C E S P E C I A L F E AT U R E S

Q U E S T I O N S amp A N S W E R S

In this class

Anthony CasalenaLaunched 2004

SaaS (Software as a Service)Offers a Developer API

Has won lots of impressive awardsSquarespace 7 is the current Squarespace iteration

I N T R O D U C T I O N T O S Q U A R E S P A C E

1 0 0 8 1 5

S I T E S H A C K W E B D E S I G N

wwwwebbyawardscomwinnerssearch=trueampkeyword=squarespaceamppagenumber=1ampfilter=allampsort=date

Anthony CasalenaLaunched 2004

SaaS (Software as a Service)Offers a Developer API

Has won lots of impressive awardsSquarespace 7 is the current Squarespace iteration

I N T R O D U C T I O N T O S Q U A R E S P A C E

1 0 0 8 1 5

S I T E S H A C K W E B D E S I G N

wwwwebbyawardscomwinnerssearch=trueampkeyword=squarespaceamppagenumber=1ampfilter=allampsort=date

C M S

I N T R O D U C T I O N T O S Q U A R E S P A C E

1 0 0 8 1 5

S I T E S H A C K W E B D E S I G N

1 Front end or themetemplate

2 Administration area (requires login)

3 Database (holds the content - text html etc)

You host WordPressorg

DrupalorgJoomlaorg

They host SquarespacecomWordPresscom

WixcomWeeblycom

I N T R O D U C T I O N T O S Q U A R E S P A C E

1 0 0 8 1 5

S I T E S H A C K W E B D E S I G N

You host WordPressorg

DrupalorgJoomlaorg

They host SquarespacecomWordPresscom

WixcomWeeblycom

I N T R O D U C T I O N T O S Q U A R E S P A C E

1 0 0 8 1 5

S I T E S H A C K W E B D E S I G N

Features

I N T R O D U C T I O N T O S Q U A R E S P A C E

1 0 0 8 1 5

S I T E S H A C K W E B D E S I G N

wwwsquarespacecomfeature-index

You can build a basic out-of-the-box Squarespace website

or You can build a richly-featured customized

Squarespace website utilizing custom formatting with CSS

code injection and manual HTML

Templates

I N T R O D U C T I O N T O S Q U A R E S P A C E

1 0 0 8 1 5

S I T E S H A C K W E B D E S I G N

wwwusingmyheadcomsquarespace-7-template-comparison-chart

wwwsquarespacecomtemplates

A ldquotemplaterdquo is a collection of files that combines HTML CSS formatting javascript etc PHP plus any proprietary code that provide

(basically) your websitersquos visual interface and function

With Squarespace you can switch your template at any time Starting with a template thats right for you will make designing your site easier but if you decide a template doesnt meet your needs you can preview

a new template or switch completely without starting over

Squarespace currently offers 28 different templates

I N T R O D U C T I O N T O S Q U A R E S P A C E

1 0 0 8 1 5

S I T E S H A C K W E B D E S I G N

Blog (vs Page)

I N T R O D U C T I O N T O S Q U A R E S P A C E

1 0 0 8 1 5

S I T E S H A C K W E B D E S I G N

answerssquarespacecomquestions24707blog-page-vs-page

bull A chronological listing of blog posts

bull A commenting system that invites readers to participate in

the communication and leave behind comments

bull Blog posts are archived by date category author tags and

sub-categories

bull RSS (Really Simple Syndication) feeds for posts andor

comments for feed-readers like Feedly etc

Blog (vs Page)

I N T R O D U C T I O N T O S Q U A R E S P A C E

1 0 0 8 1 5

S I T E S H A C K W E B D E S I G N

answerssquarespacecomquestions24707blog-page-vs-page

bull A chronological listing of blog posts

bull A commenting system that invites readers to participate in

the communication and leave behind comments

bull Blog posts are archived by date category author tags and

sub-categories

bull RSS (Really Simple Syndication) feeds for posts andor

comments for feed-readers like Feedly etc

Page Types

I N T R O D U C T I O N T O S Q U A R E S P A C E

1 0 0 8 1 5

S I T E S H A C K W E B D E S I G N

supportsquarespacecomhcen-usarticles205814778-Adding-pages-to-your-navigation

Within (most) page types you place a content block depending on the type of content you want to add

Block Types

I N T R O D U C T I O N T O S Q U A R E S P A C E

1 0 0 8 1 5

S I T E S H A C K W E B D E S I G N

supportsquarespacecomhcen-usarticles206543757-What-are-blocks-

Why

Every template is ldquoresponsiverdquoProfessional visually strong templates

Built-in analytics Google and TypeKit fonts

Built-in image editing tool (Aviary)Social Media integration (share + link)

Code injection + custom CSS Almost complete support for retina display

Import content WordPress Tumblr Squarespace 5 BloggerImport products Etsy Shopify Big Cartel

Export WordPressEvery annual account receives a free custom domain

Very good documentation and support

I N T R O D U C T I O N T O S Q U A R E S P A C E

1 0 0 8 1 5

S I T E S H A C K W E B D E S I G N

Why not

No built-in emailNo forums

No membership sectionNo backup exactly

I N T R O D U C T I O N T O S Q U A R E S P A C E

1 0 0 8 1 5

S I T E S H A C K W E B D E S I G N

Special Features

Announcements BarMobile Info BarCreate a logo -

wwwsquarespacecomlogoSoundCloud collections

Pinterest button for imagesAndroid apps (beta)

4 IOS apps (iphone - ipad)

I N T R O D U C T I O N T O S Q U A R E S P A C E

1 0 0 8 1 5

S I T E S H A C K W E B D E S I G N

TA B L E 1Personal $8

Monthly1 Product + Donations

Professional $16Monthly

20 Products + Donations

Business $24Monthly

Unlimited

Prices

httpwwwsquarespacecompricing

I N T R O D U C T I O N T O S Q U A R E S P A C E

1 0 0 8 1 5

S I T E S H A C K W E B D E S I G N

Why not

No built-in emailNo forums

No membership sectionNo backup exactly

I N T R O D U C T I O N T O S Q U A R E S P A C E

1 0 0 8 1 5

S I T E S H A C K W E B D E S I G N

Special Features

Announcements BarMobile Info BarCreate a logo -

wwwsquarespacecomlogoSoundCloud collections

Pinterest button for imagesAndroid apps (beta)

4 IOS apps (iphone - ipad)

I N T R O D U C T I O N T O S Q U A R E S P A C E

1 0 0 8 1 5

S I T E S H A C K W E B D E S I G N

TA B L E 1Personal $8

Monthly1 Product + Donations

Professional $16Monthly

20 Products + Donations

Business $24Monthly

Unlimited

Prices

httpwwwsquarespacecompricing

I N T R O D U C T I O N T O S Q U A R E S P A C E

1 0 0 8 1 5

S I T E S H A C K W E B D E S I G N

Special Features

Announcements BarMobile Info BarCreate a logo -

wwwsquarespacecomlogoSoundCloud collections

Pinterest button for imagesAndroid apps (beta)

4 IOS apps (iphone - ipad)

I N T R O D U C T I O N T O S Q U A R E S P A C E

1 0 0 8 1 5

S I T E S H A C K W E B D E S I G N

TA B L E 1Personal $8

Monthly1 Product + Donations

Professional $16Monthly

20 Products + Donations

Business $24Monthly

Unlimited

Prices

httpwwwsquarespacecompricing

I N T R O D U C T I O N T O S Q U A R E S P A C E

1 0 0 8 1 5

S I T E S H A C K W E B D E S I G N

TA B L E 1Personal $8

Monthly1 Product + Donations

Professional $16Monthly

20 Products + Donations

Business $24Monthly

Unlimited

Prices

httpwwwsquarespacecompricing

I N T R O D U C T I O N T O S Q U A R E S P A C E

1 0 0 8 1 5

S I T E S H A C K W E B D E S I G N

Developer ldquoApplication Programming Interfacerdquo (API)

bull Complete Control Edit all the code that affects the display of your website every line of HTML CSS and JavaScript is under your control

bull GitSFTP Every template is a Git repository Version control comes standard Connect to template files via Git or SFTP

bull Developer Tools LESS Preprocessing JSON Templating Script Comboing Retina-ready Responsive Image Handling and more

bull Free Developer accounts never expire while in development Take as much time as you need before launching your site and pay nothing until you do Then pay as little as $16mo when you go live

developerssquarespacecom

I N T R O D U C T I O N T O S Q U A R E S P A C E

1 0 0 8 1 5

S I T E S H A C K W E B D E S I G N

Blog Information

1 0 0 8 1 5

S I T E S H A C K W E B D E S I G N

I N T R O D U C T I O N T O S Q U A R E S P A C E

Ecommerce Information

wwwsquarespacecomfeature-index

Resources

supportsquarespacecomhcen-us answerssquarespacecom

Squarespace Answers is a peer-to-peer forum dedicated to answering questions about the Squarespace Platform

wwwsquarefrontcom (potentially huge resource) wwwsquareflaircom (consultants)

wwwsqueakworkscom (consultants) wwwsqspguruproducts

wwwlyndacom

I N T R O D U C T I O N T O S Q U A R E S P A C E

1 0 0 8 1 5

S I T E S H A C K W E B D E S I G N

supportsquarespacecomhcen-uscategories200204575

Training videos

blogsquarespacecom

workshopssquarespacecom

Search Engine Optimization (SEO)

I N T R O D U C T I O N T O S Q U A R E S P A C E

1 0 0 8 1 5

S I T E S H A C K W E B D E S I G N

supportsquarespacecomhcen-usarticles205814568-Increasing-your-site-s-visibility-to-search-engines

Google Search Console

mozcom

organic vs paid

Back links Key elements (page titles page headers other key elements)

Valuable fresh content (think blog)

wwwgooglecomwebmasterstools

mozcomblogseo-cheat-sheet

mozcombeginners-guide-to-seo

Stuff Google pays attention to

Built-in Social Media in Squarespace

I N T R O D U C T I O N T O S Q U A R E S P A C E

1 0 0 8 1 5

S I T E S H A C K W E B D E S I G N

Follow Login gt Left Menu gt Settings gt Connected Accounts

Login gt Left Menu gt Settings gt Connected Accounts

When you configure Share buttons visitors can share your blog content products and albums to their social profiles in one click The share buttons

display differently depending on your template

Share Recommend

Getting started

Ask yourself what type of site you want ndash eg business portfolio ecommerceGo to squarespacecomLook at the templates and go from there

ohttpsquarespacecomtemplatesoLook at the Live PreviewoYoursquore not tied to an ecommerce template for your ecommerce website

httpwwwsquarespacecomfeature-indexhttphelpsquarespacecomguides

I N T R O D U C T I O N T O S Q U A R E S P A C E

1 0 0 8 1 5

S I T E S H A C K W E B D E S I G N

Getting started

Ask yourself what type of site you want ndash eg business portfolio ecommerceGo to squarespacecomLook at the templates and go from there

ohttpsquarespacecomtemplatesoLook at the Live PreviewoYoursquore not tied to an ecommerce template for your ecommerce website

httpwwwsquarespacecomfeature-indexhttphelpsquarespacecomguides

I N T R O D U C T I O N T O S Q U A R E S P A C E

1 0 0 8 1 5

S I T E S H A C K W E B D E S I G N

Image editors

Aviary (Squarespace built-in image editor)

Photoshop CC (Creative Cloud) Expensive

Photoshop Elements $100

Gimp Free

Pixelmator (mac only) IOS and MAC versions $30

httpavocodecom (subscription)

I N T R O D U C T I O N T O S Q U A R E S P A C E

1 0 0 8 1 5

S I T E S H A C K W E B D E S I G N

There are a few ways to access the login for your account

1 You can go directly to your login page with this linkhttpyouraccountsquarespacecomconfig

2 You can press the ESC key on the top left of your keyboard while anywhere on your site and a login prompt will present itself

3 You can login at the Squarespace home page httpwwwsquarespacecom

wwwsquarespacecom

Login

I N T R O D U C T I O N T O S Q U A R E S P A C E

1 0 0 8 1 5

S I T E S H A C K W E B D E S I G N