Book Image

Squarespace from Signup to Launch

By : Kelsey Gilbert Kreiling
Book Image

Squarespace from Signup to Launch

By: Kelsey Gilbert Kreiling

Overview of this book

You've heard about Squarespace; maybe you've even started a trial site, but you haven't gotten around to actually launching it yet. It looks simple enough and feels like it should be easy, so why is it such a challenge? Author and Squarespace expert Kelsey Gilbert-Kreiling is here to help. Squarespace from Signup to Launch a comprehensive guide to customizing the most design-focused and user-friendly website builder in the no-code world. More than a technical manual, the book will help you prepare to build a website, explain the foundational knowledge behind Squarespace 7.1 and Fluid Engine, and introduce you to a professional designer's mindset. Readers will learn how to build forms, use content blocks, optimize websites for mobile, build an online store, and become comfortable with Squarespace's built-in SEO, marketing, and analytics tools. Learn from Squarespace experts Christy Price, Will Myers, David Iskander, Kristine Neil, Kathryn Joachim, Beatriz Caraballo, Justin Mabee, Shelly Price and more, with professional insights and resources in each chapter. By the end of the book, you will have gained the confidence needed to build professional Squarespace websites with the developer's technical knowledge, project organization, and design intuition. You won’t just launch your site; you’ll be proud to share it with the world.
Table of Contents (25 chapters)
Free Chapter
2
Part 1: So, You Want to Build a Website on Squarespace
5
Part 2: Design and Build Your Site
13
Part 3: Give Your Site Superpowers
18
Part 4: Launch Your New Website

Viewing and reviewing your website in mobile view

There are two ways you can simulate mobile screen sizes when editing your website: device view and resizing your browser window. Let’s look at both.

Device view

The first is to use the device view button found in the top-right corner of your site’s preview screen, as shown in Figure 8.2:

Figure 8.2 – Mobile View button

Figure 8.2 – Mobile View button

In the top-right corner, you have a set of three icons: a small desktop, a mobile device, and an arrow that will hide the editor so you can see your site in fullscreen. Clicking between these two screen options will show you a preview of how your site looks at each screen size – approximately 1,040 px (desktop) and 640 px wide (mobile).

At the time of publication, there is no option to view your site in tablet sizing, and there are some spacing issues that can be frustrating to resolve. Squarespace expert Will Myers has created a simple code injection...