Browse Library
Sign In Start Free Trial
Close icon Search icon
Account
Browse Library Advanced Search Sign In Start Free Trial

Add to playlist

Create a Playlist

Modal Close icon
You need to login to use this feature.
  • Book Overview & Buying Building Business Websites with Squarespace 7: RAW
  • Table Of Contents Toc
  • Feedback & Rating feedback
Building Business Websites with Squarespace 7: RAW

Building Business Websites with Squarespace 7: RAW

4.4 (18)
Buy this Book
close
close
Building Business Websites with Squarespace 7: RAW

Building Business Websites with Squarespace 7: RAW

4.4 (18)
Buy this Book

Overview of this book

This book is ideal for anyone who wants to learn how to use the latest version of Squarespace to create a website from scratch and take it through to go-live. You don't need any prior experience with Squarespace, HTML or CSS, or building websites in general as everything is done using Squarespace's simple, browser-based interface.
Table of Contents (16 chapters)
close
close
close
Preface
Icon
Preface
Icon
Why choose Squarespace
Icon
About this book
Icon
What this book covers
Icon
Who this book is for
Icon
Conventions
Icon
Reader feedback
Icon
Customer support
Free Chapter
1
1. Setting Up for Success – Your Website Toolkit
Icon
1. Setting Up for Success – Your Website Toolkit
Icon
Understanding the process of making a website
Icon
Understanding website concepts
Icon
Writing a website plan
Icon
Gathering materials, ideas, and inspiration
Icon
Creating a sitemap
Icon
Gathering raw materials
Icon
Summary
2
2. Getting Started with Squarespace
Icon
2. Getting Started with Squarespace
Icon
Signing up for a Squarespace account
Icon
Finding your way around Squarespace
Icon
Logging in and out of Squarespace
Icon
Adjusting basic site settings
Icon
Summary
3
3. Working with Squarespace Templates
Icon
3. Working with Squarespace Templates
Icon
Understanding Squarespace templates
Icon
Choosing the right Squarespace template for your site
Icon
Summary
4
4. Creating Your Site Framework: Pages, Items, Collections, and Navigation
Icon
4. Creating Your Site Framework: Pages, Items, Collections, and Navigation
Icon
Understanding Squarespace pages
Icon
Adding pages to your site
Icon
Organizing your site's navigation
Icon
Summary
5
5. Adding, Editing, and Arranging Content in Your Web Pages
chevron up
Icon
5. Adding, Editing, and Arranging Content in Your Web Pages
Icon
Understanding Blocks
Icon
Adding and removing blocks
Icon
Adding basic content to your pages
Icon
Arranging blocks on the page
Icon
Adjusting images in Squarespace
Icon
Adding content to sidebars or footers
Icon
Adding links that point to web pages or files
Icon
Summary
6
6. Using Blocks to Add Functionality, Rich Media, and Special Features
Icon
6. Using Blocks to Add Functionality, Rich Media, and Special Features
Icon
Adding images – beyond the standard Image Block
Icon
Embedding video into your pages
Icon
Adding a Google Map to your site
Icon
Capturing data and handling enquiries on your website
Icon
Using content blocks to improve internal navigation and highlight content
Icon
Inserting sales or donation blocks to make transactions fast and easy
Icon
Displaying a price list
Icon
Adding audio to your website
Icon
Adding a Twitter feed
Icon
Other types of blocks
Icon
Summary
7
7. Selling Online or Taking Donations with Squarespace Commerce
Icon
7. Selling Online or Taking Donations with Squarespace Commerce
Icon
Setting up your Squarespace Commerce store
Icon
Creating and managing products
Icon
Testing your store
Icon
Handling orders
Icon
Promoting products and offering discounts
Icon
Setting up and managing donations
Icon
Handling transactions without Squarespace Commerce
Icon
Summary
8
8. Tailoring Your Site's Look and Feel
Icon
8. Tailoring Your Site's Look and Feel
Icon
Understanding Squarespace template customization
Icon
Working with fonts and typography
Icon
Adding or creating a logo in Squarespace
Icon
Adjusting your website's color scheme
Icon
Using background or header images
Icon
Adjusting an element's size, position, visibility, or other options
Icon
Adjusting Cover Page styles
Icon
Summary
9
9. Going Live with Your Website and Driving Traffic to It
Icon
9. Going Live with Your Website and Driving Traffic to It
Icon
Connecting to social media accounts
Icon
Enabling social sharing on your website
Icon
Adjusting the final details in your site settings
Icon
Testing your site before launch
Icon
Making your website live to the public
Icon
Driving traffic to your website
Icon
Summary
10
10. Managing Your Squarespace Website
Icon
10. Managing Your Squarespace Website
Icon
Monitoring visitors and activity on your website
Icon
Managing comments on your blog
Icon
Giving other people access to edit, monitor, or administer your website
Icon
Using floating bars on your website
Icon
Using Squarespace mobile apps
Icon
Summary
11
11. Moving beyond Standard Squarespace Tools
Icon
11. Moving beyond Standard Squarespace Tools
Icon
Understanding advanced customization options
Icon
Finding Squarespace designers and developers
Icon
Summary
12
A. Getting Help with Squarespace
Icon
A. Getting Help with Squarespace
Icon
Knowledge Base
Icon
Community Answers
Icon
Open a support ticket for 24/7 e-mail support
Icon
Live Chat
13
B. Squarespace Templates in a Nutshell
Icon
B. Squarespace Templates in a Nutshell
14
C. List of Online Resources Used in This Book
Icon
C. List of Online Resources Used in This Book
15
Index
Icon
Index

Arranging blocks on the page

Now that you have a few blocks on your page, it's a good time to introduce one of the most powerful and easy-to-use browser-based web design tools available on the Internet: the Squarespace LayoutEngine. LayoutEngine allows you to change the size and position of blocks simply by clicking, dragging, and dropping the blocks directly in the page itself.

When adding blocks, the default behavior is for all blocks to stretch to fit the full width of the page. This results in lots of horizontal blocks stacked vertically on top of one another. Using LayoutEngine, you can change the layout of pages so that blocks appear side by side in columns, have text wrapping around images or other types of blocks, or add spacing between blocks to create a more open and airy feeling on the page.

Moving a block to another position on the page

Follow these steps to move a block to another position:

  1. Hover your mouse over the block, and you will see a pale gray border around the block.

  2. Move...

Unlock full access

Continue reading for free

A Packt free trial gives you instant online access to our library of over 7000 practical eBooks and videos, constantly updated with the latest in tech
Start a 7-day FREE trial
End of Section 8
Next Section

Create a Note

Modal Close icon
You need to login to use this feature.
notes
bookmark search playlist font-size

Change the font size

margin-width

Change margin width

day-mode

Change background colour

Close icon Search
Country selected
Close icon Your notes and bookmarks

Delete Bookmark

Modal Close icon
Are you sure you want to delete it?
Cancel
Yes, Delete

Delete Note

Modal Close icon
Are you sure you want to delete it?
Cancel
Yes, Delete

Edit Note

Modal Close icon
Write a note (max 255 characters)
Cancel
Update Note

Confirmation

Modal Close icon
claim successful
Order Page Read Now

Buy this book with your credits?

Modal Close icon
Are you sure you want to buy this book with one of your credits?
Close
YES, BUY