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 2 1 4

S I T E S H A C K W E B D E S I G N N A S H V I L L E T N 3 7 2 0 6

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 2 1 4

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

bull Understand Squarespace context and concepts

bull Build a small business website with basic

commerce amp blog function

bull Look at some Squarespace special features

In this class

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 2 1 4

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

You host WordPressorg

Drupalorg Joomlaorg

They host Squarespacecom WordPresscom

Wixcom Weeblycom

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 2 1 4

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

1 0 0 2 1 4

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

bull Understand Squarespace context and concepts

bull Build a small business website with basic

commerce amp blog function

bull Look at some Squarespace special features

In this class

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 2 1 4

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

You host WordPressorg

Drupalorg Joomlaorg

They host Squarespacecom WordPresscom

Wixcom Weeblycom

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 2 1 4

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

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 2 1 4

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

You host WordPressorg

Drupalorg Joomlaorg

They host Squarespacecom WordPresscom

Wixcom Weeblycom

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 2 1 4

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

You host WordPressorg

Drupalorg Joomlaorg

They host Squarespacecom WordPresscom

Wixcom Weeblycom

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 2 1 4

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

1 0 0 2 1 4

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

Anthony Casalena Launched 2004

SaaS (Software as a Service) Developer API

Squarespace 6 (72012) Won 4 Webby Awards for 2013

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 2 1 4

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

Six different page types Page

Gallery Blog

Events Products

Album

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 2 1 4

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

Blocks are used in all page types Each Block is designed to allow you to add a

specific type of content within six basic groups

Basic Commerce More Layout Content and Social

Content Blocks

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 2 1 4

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

1 0 0 2 1 4

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

1 0 0 2 1 4

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

WhyEvery template is ldquoresponsiverdquo

Professional visually strong templates Built-in analytics

Google and TypeKit fonts (67) Built-in image editing tool (Aviary)

Social Media integration (share + link) Code injection + custom CSS

Almost complete support for retina display Import WordPresss Tumblr Squarespace 5 Blogger Etsy Shopify Big Cartel

Export WordPress Every annual account receives a free custom domain

Very good documentation and support Sign up and build your site in 3 hours

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 2 1 4

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

Why not

No email No forums

No membership section No 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 2 1 4

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

New amp Special Features

Announcements Bar Mobile Info Bar Create a logo

SoundCloud collections Pinterest button for images

Android 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 2 1 4

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

TA B L E 1Personal $8

Monthly 1 Product + Donations

Professional $16 Monthly

20 Products + Donations

Business $24 Monthly

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 2 1 4

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

Anthony Casalena Launched 2004

SaaS (Software as a Service) Developer API

Squarespace 6 (72012) Won 4 Webby Awards for 2013

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 2 1 4

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

Six different page types Page

Gallery Blog

Events Products

Album

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 2 1 4

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

Blocks are used in all page types Each Block is designed to allow you to add a

specific type of content within six basic groups

Basic Commerce More Layout Content and Social

Content Blocks

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 2 1 4

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

1 0 0 2 1 4

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

1 0 0 2 1 4

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

WhyEvery template is ldquoresponsiverdquo

Professional visually strong templates Built-in analytics

Google and TypeKit fonts (67) Built-in image editing tool (Aviary)

Social Media integration (share + link) Code injection + custom CSS

Almost complete support for retina display Import WordPresss Tumblr Squarespace 5 Blogger Etsy Shopify Big Cartel

Export WordPress Every annual account receives a free custom domain

Very good documentation and support Sign up and build your site in 3 hours

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 2 1 4

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

Why not

No email No forums

No membership section No 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 2 1 4

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

New amp Special Features

Announcements Bar Mobile Info Bar Create a logo

SoundCloud collections Pinterest button for images

Android 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 2 1 4

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

TA B L E 1Personal $8

Monthly 1 Product + Donations

Professional $16 Monthly

20 Products + Donations

Business $24 Monthly

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 2 1 4

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

Six different page types Page

Gallery Blog

Events Products

Album

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 2 1 4

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

Blocks are used in all page types Each Block is designed to allow you to add a

specific type of content within six basic groups

Basic Commerce More Layout Content and Social

Content Blocks

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 2 1 4

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

1 0 0 2 1 4

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

1 0 0 2 1 4

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

WhyEvery template is ldquoresponsiverdquo

Professional visually strong templates Built-in analytics

Google and TypeKit fonts (67) Built-in image editing tool (Aviary)

Social Media integration (share + link) Code injection + custom CSS

Almost complete support for retina display Import WordPresss Tumblr Squarespace 5 Blogger Etsy Shopify Big Cartel

Export WordPress Every annual account receives a free custom domain

Very good documentation and support Sign up and build your site in 3 hours

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 2 1 4

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

Why not

No email No forums

No membership section No 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 2 1 4

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

New amp Special Features

Announcements Bar Mobile Info Bar Create a logo

SoundCloud collections Pinterest button for images

Android 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 2 1 4

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

TA B L E 1Personal $8

Monthly 1 Product + Donations

Professional $16 Monthly

20 Products + Donations

Business $24 Monthly

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 2 1 4

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

Blocks are used in all page types Each Block is designed to allow you to add a

specific type of content within six basic groups

Basic Commerce More Layout Content and Social

Content Blocks

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 2 1 4

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

1 0 0 2 1 4

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

1 0 0 2 1 4

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

WhyEvery template is ldquoresponsiverdquo

Professional visually strong templates Built-in analytics

Google and TypeKit fonts (67) Built-in image editing tool (Aviary)

Social Media integration (share + link) Code injection + custom CSS

Almost complete support for retina display Import WordPresss Tumblr Squarespace 5 Blogger Etsy Shopify Big Cartel

Export WordPress Every annual account receives a free custom domain

Very good documentation and support Sign up and build your site in 3 hours

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 2 1 4

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

Why not

No email No forums

No membership section No 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 2 1 4

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

New amp Special Features

Announcements Bar Mobile Info Bar Create a logo

SoundCloud collections Pinterest button for images

Android 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 2 1 4

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

TA B L E 1Personal $8

Monthly 1 Product + Donations

Professional $16 Monthly

20 Products + Donations

Business $24 Monthly

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 2 1 4

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

1 0 0 2 1 4

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

1 0 0 2 1 4

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

WhyEvery template is ldquoresponsiverdquo

Professional visually strong templates Built-in analytics

Google and TypeKit fonts (67) Built-in image editing tool (Aviary)

Social Media integration (share + link) Code injection + custom CSS

Almost complete support for retina display Import WordPresss Tumblr Squarespace 5 Blogger Etsy Shopify Big Cartel

Export WordPress Every annual account receives a free custom domain

Very good documentation and support Sign up and build your site in 3 hours

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 2 1 4

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

Why not

No email No forums

No membership section No 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 2 1 4

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

New amp Special Features

Announcements Bar Mobile Info Bar Create a logo

SoundCloud collections Pinterest button for images

Android 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 2 1 4

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

TA B L E 1Personal $8

Monthly 1 Product + Donations

Professional $16 Monthly

20 Products + Donations

Business $24 Monthly

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 2 1 4

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

1 0 0 2 1 4

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

WhyEvery template is ldquoresponsiverdquo

Professional visually strong templates Built-in analytics

Google and TypeKit fonts (67) Built-in image editing tool (Aviary)

Social Media integration (share + link) Code injection + custom CSS

Almost complete support for retina display Import WordPresss Tumblr Squarespace 5 Blogger Etsy Shopify Big Cartel

Export WordPress Every annual account receives a free custom domain

Very good documentation and support Sign up and build your site in 3 hours

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 2 1 4

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

Why not

No email No forums

No membership section No 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 2 1 4

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

New amp Special Features

Announcements Bar Mobile Info Bar Create a logo

SoundCloud collections Pinterest button for images

Android 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 2 1 4

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

TA B L E 1Personal $8

Monthly 1 Product + Donations

Professional $16 Monthly

20 Products + Donations

Business $24 Monthly

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 2 1 4

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

WhyEvery template is ldquoresponsiverdquo

Professional visually strong templates Built-in analytics

Google and TypeKit fonts (67) Built-in image editing tool (Aviary)

Social Media integration (share + link) Code injection + custom CSS

Almost complete support for retina display Import WordPresss Tumblr Squarespace 5 Blogger Etsy Shopify Big Cartel

Export WordPress Every annual account receives a free custom domain

Very good documentation and support Sign up and build your site in 3 hours

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 2 1 4

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

Why not

No email No forums

No membership section No 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 2 1 4

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

New amp Special Features

Announcements Bar Mobile Info Bar Create a logo

SoundCloud collections Pinterest button for images

Android 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 2 1 4

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

TA B L E 1Personal $8

Monthly 1 Product + Donations

Professional $16 Monthly

20 Products + Donations

Business $24 Monthly

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 2 1 4

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

Why not

No email No forums

No membership section No 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 2 1 4

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

New amp Special Features

Announcements Bar Mobile Info Bar Create a logo

SoundCloud collections Pinterest button for images

Android 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 2 1 4

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

TA B L E 1Personal $8

Monthly 1 Product + Donations

Professional $16 Monthly

20 Products + Donations

Business $24 Monthly

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 2 1 4

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

New amp Special Features

Announcements Bar Mobile Info Bar Create a logo

SoundCloud collections Pinterest button for images

Android 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 2 1 4

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

TA B L E 1Personal $8

Monthly 1 Product + Donations

Professional $16 Monthly

20 Products + Donations

Business $24 Monthly

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 2 1 4

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

TA B L E 1Personal $8

Monthly 1 Product + Donations

Professional $16 Monthly

20 Products + Donations

Business $24 Monthly

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 2 1 4

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 2 1 4

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

Blog Information

bull Page type Blog bull Import WordPresss Tumblr Squarespace 5 Blogger Etsy Shopify Big Cartel bull Export WordPress bull Blog app managededit from iPhone iPad bull Post from email bull Tags and categories bull Visitor subscriptions bull Podcasting support bull Add a product block to a blog post bull Multiple authors with selected permission levelsroles bull Lots more

httphelpsquarespacecomsearch-resultsq=blog

httphelpsquarespacecomguidesblogging-with-squarespace-workshop

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 2 1 4

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

Ecommerce Informationbull Page type Products bull Need a Stripe account (stripecom) bull Fully integrated commerce with Stripe (not PayPal) bull Stripe charges 29 + 30 cents per successful transaction (US) bull No integration with PayPal - (add PP code via a code block) bull Products added via blocks bull Coupons bull Digital and physical goods (audio block for songs etc) bull Donations bull Inventory management bull Fully integrated with Xero (accounting) bull Example wwwbeatricekimcom bull Lots more

helpsquarespacecomguidescategory=Commerce

helpsquarespacecomguidessquarespace-commerce-workshop

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 2 1 4

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

Resources

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

Platform

wwwsquareversecom (from author of Squarespace 6 for Dummies ndash very useful info)

wwwsquarefrontcom (huge resource)

wwwsquarespacepluginscom

wwwsquareflaircom

wwwsquaretutscom

wwwsqueakworkscom Design company that works with Squarespace

wwwsqspguru

wwwsqspgurutemplates (good template info)

wwwsquarespacepluginscom

specialistssquarespacecom

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 2 1 4

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

Resources

httphelpsquarespacecomguideswelcome-to-squarespace httpwwwwebsitebuilderexpertcomsquarespace-vs-wordpress httpwwwwebsitebuilderexpertcomsquarespace-review httpwwwpowriotutorialshow-to-add-social-media-icons-plugin-to-your-squarespace-site httpwwwpowriotutorialslist httpwwwgrovocombrowseappsquarespacelessons httpwwwwebsitebuilderexpertcomsquarespace-review httpcss-trickscomsquarespace-6 Books Squarespace 6 for Dummies (bookKindle) httpgennickcomproductslearn-css-for-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 2 1 4

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

Image editorsPhotoshop CC (Creative Cloud) Expensive Photoshop Elements $100 Gimp Free Pixelmator (mac) $30 httpavocodecom (beta mode)

lifehackercomfive-best-photoshop-alternatives-1483312519

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 2 1 4

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

bull Welcome (Aviator template info page) bull The Work (page type = gallery 3 products) bull Services (page type = folder for use with sub-menu)

o Cabinets o Furniture

bull About Wood Works (page type = page wvarious blocks) bull Our Blog (all posts) bull Tools Information (page type = page w block type = summary and blog ldquotoolsrdquocategory) bull Our Shoppe (page type = products) bull Wood Working Events (page type = events) bull Contact Wood Works (page type = products)

Website for a Woodworking Studio Wood Works

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 2 1 4

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 ecommerce

Go to squarespacecom

Look at the templates and go from there

o httpsquarespacecomtemplates

o Look at the Live Preview

o Yoursquore not tied to an ecommerce template for your ecommerce website

httpwwwsquarespacecomfeature-index

httphelpsquarespacecomguides

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 2 1 4

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 ecommerce

Go to squarespacecom

Look at the templates and go from there

o httpsquarespacecomtemplates

o Look at the Live Preview

o Yoursquore not tied to an ecommerce template for your ecommerce website

httpwwwsquarespacecomfeature-index

httphelpsquarespacecomguides

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 2 1 4

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 link httpyouraccountsquarespacecomconfig

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 2 1 4

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