Search icon CANCEL
Subscription
0
Cart icon
Your Cart (0 item)
Close icon
You have no products in your basket yet
Arrow left icon
Explore Products
Best Sellers
New Releases
Books
Videos
Audiobooks
Learning Hub
Conferences
Free Learning
Arrow right icon
Building Business Websites with Squarespace 7
Building Business Websites with Squarespace 7

Building Business Websites with Squarespace 7: Master the Squarespace platform to build professional websites that boost your businesses , Second Edition

eBook
€19.99 €28.99
Paperback
€37.99
Subscription
Free Trial
Renews at €18.99p/m

What do you get with Print?

Product feature icon Instant access to your digital eBook copy whilst your Print order is Shipped
Product feature icon Paperback book shipped to your preferred address
Product feature icon Download this book in EPUB and PDF formats
Product feature icon Access this title in our online reader with advanced features
Product feature icon DRM FREE - Read whenever, wherever and however you want
OR
Modal Close icon
Payment Processing...
tick Completed

Shipping Address

Billing Address

Shipping Methods
Table of content icon View table of contents Preview book icon Preview Book

Building Business Websites with Squarespace 7

Chapter 1. Setting Up for Success - Your Website Toolkit

Making a website using the Squarespace platform is one of the easiest and most cost-effective ways to create a professional, polished website in a short amount of time. However, starting any website project without doing the groundwork can lead to confusion, missed deadlines, and just plain bad websites. This chapter covers everything you need to do before you even sign up for Squarespace to ensure that your website project is successful. We will cover the following topics in this chapter:

  • The right way to make a website
  • The different components of a website
  • How to create an effective Website Toolkit, which includes the following:
    • Writing your website plan
    • Creating idea boards
    • Creating your sitemap
    • Gathering your raw materials

Understanding the process of making a website


Constructing a website is a lot like a building, and many of the steps and processes are similar conceptually. To construct a building, we first need to consider what type of building it will be: a hospital, shop, house, office, or any other building. Who will use it? What functions will be performed there? This will tell us what shape, size, and structure the building needs to take. We then need to gather our raw materials before the construction can start. Once we have put together the shell and framework, we can start installing the core elements, such as plumbing and fixtures, which make the building operational. Finally, we apply the paint and furnishings and are ready for the opening day.

These are the same steps we will use in this book to construct your website. First, we will set the main objectives for your site, its purpose, your audience, and the types of functions that visitors will perform there. Next, we will gather the materials needed to create your site, such as text, images, and graphic elements. We will then select a site template, fill the template with your content, and customize the site's appearance, thus making it ready for launch.

This chapter focuses on the first two parts of the process: defining your site and gathering references and materials. These two parts make up your Website Toolkit, and you will refer back to the Toolkit time and again throughout the project. You might find it tempting to skip ahead to the hands-on parts of the book. This is understandable, but be warned; every building needs a solid foundation, and every successful website needs a solid Website Toolkit. Starting here and spending time getting your foundation right will really pay off later.

Note

A good Website Toolkit will make the rest of the project easier and quicker, keep you focused, and help smooth the road when things get bumpy (and they will get bumpy). Don't rush through this part of the process.

You might also be tempted to jump around and perform the steps in a different order. Just remember: you wouldn't paint the walls before installing the electricity in a building. Likewise, it doesn't make sense to focus on font sizes and fine-tuning colors before you have a site framework with some content in it. Now, if you have ever worked with a design agency on a website project, this may sound different to the order of their process. This book is laid out in this way because you are probably not a web designer by trade, and you don't need to impress your client with pretty visuals to win the contract.

If you are a designer, feel free to use this book in the manner that makes the most sense to your business model. However, for all the non-designers out there, following the order laid out in this book will make it far more likely that you launch your site on time, in full working order. It's easy to get bogged down in design details, so we'll leave this until the end, ensuring that all the major elements are sorted first.

Understanding website concepts


Before we dive into your Website Toolkit, let's start by breaking down a website into components so that you can better understand how to make one. Each component is distinct, but some are closely related to one another, and it's easy to mix them up. The total sum of all the components put together makes up the process of designing and building a website, which is the final goal of this book.

Structure

Structure refers to the in which the different elements of a web page or website are put together. In the web industry, we often use such as sitemaps and wireframes to a site's structure. A sitemap is simply an outline that shows the hierarchy of web pages in terms of navigation. You can think of a sitemap like a table of contents in a book, or an organizational chart.

A wireframe is a schematic of a web page, showing where the main elements of the page sit. Wireframes show only the relative size and position of content and functions; they do not include visual elements such as color or images nor do they contain real blocks of text. You can think of a wireframe like a pencil sketch.

The following is an example of a wireframe:

Functions

A function is an action-oriented part of a website, for example, a shopping cart, inquiry form, or downloads. Functions always relate to that we want our website users to perform, and it's important to know from the beginning what these are and what each function has. Functions are enabled and restricted by the technology we use. So, in our case, the set of functions available to us is defined by what is possible using the Squarespace system.

Content

This one is pretty self-explanatory. The content of a website to the text and other media (such as PDFs or videos) that sit within each web page. Sometimes, the will be provided by someone other than you, such as a marketing or communications staff member, or from a third party, such as a photographer, stock photo agency, or copywriter. Often, the content will need to be reformatted or reworked in order to make it suitable for use on a website.

Aesthetics

Many people would refer to aesthetics as design. However, other such as structure (the size and placement of things) and content (photographs or length of text) also play a role in design. Therefore, it's easier to keep things distinct if we avoid this term, which can be broadly interpreted, and instead narrow our focus down to the way things look and feel. This means we are talking about colors, fonts, and graphic elements such as lines and patterns, not content or structure. The feel part of look and feel is quite important but harder to define. This is the tricky bit: it refers to how the website appeals to your emotions. Authoritative, refreshing, playful, vibrant, or Zen are just a few examples of emotive words that can describe a site's feel or overall impression. These words will be critical in helping you choose colors, fonts, and other visual elements to fit with your desired impression. They will also play a role in content choices such as types of photography, tone of voice, and writing style.

Writing a website plan


Now that we understand the different of a website, we can start to lay out the project plan or roadmap for this project. Your website plan keeps you focused, ensures that your messages are right, and sets the overall direction of your project. Your website plan is one of the most important parts of your Website Toolkit, so take your time on it, get it right, and keep it close to hand so that you can refer back to it easily.

Note

You can download a sample website plan template from this book's support bundle page on the http://www.packtpub.com/support website.

The website plan is laid out for you in the following sections, along with some sample answers and helpful questions to ask yourself so that you can ensure that you are on the right track when writing yours. Some of this information may already be available in your business, such as within your branding guidelines or annual reports. Don't just leave it there; put it into your website plan. For smaller businesses or those without such documents, there's no time like the present to sharpen up the way you communicate about your business, so let's get started. Many of the items included here can be used for other communication projects, too.

About your business

The first section of your website summarizes your business and how it should be presented online.

Business overview (the "elevator pitch")

Describe your business in 2-3 sentences. Focus on what you do, what makes you different, and what your strongest selling points are. What are key reasons your customers choose you instead of the competition?

Here's an example: Floribunda is a boutique florist that specializes in supplying unusual varieties of flowers to the wedding and catering trade. We create truly unique and distinctive arrangements by including colors and types of flowers that aren't available through any other florist in the tri-county area. Unlike other local florists, we have direct links with the best growers and only ever select the freshest, highest quality blooms.

Slogan (also known as, tagline or strapline)

Now, condense it down even further: does your business have a slogan or strapline that clearly defines what you offer in terms of uniqueness, benefits, or features? If not, you may find it useful to write one, as it will come in handy for your website. Ensure that it is no than 10 words long, and up http://www.thesaurus.com/ if you need word inspiration. Think about some of your favorite brands and the kinds of short, punchy phrases they use to communicate about their business.

The following are some examples:

  • lastminute.com: Book cheap, last-minute travel deals
  • BMW: The ultimate driving machine
  • Oxfam International: The power of people against poverty

Brand image

List your company's brand values. If you don't some already, think about how you would like your business to be perceived and list 4-5 descriptive words or phrases that you want people to feel about your business when they encounter your website.

Some examples are: fresh, confident, down to earth, powerful, simple, rational, fun, energetic, cheeky, inexpensive, relaxed, quirky, luxurious, trustworthy, edgy, youthful, and refined.

About your audience

This section who will be coming to your website and why.

Your customers (the site's target audience)

Describe your customers. Pay special attention to their demographics (income, interests, gender, and age) and comfort with technology. If your website is a business-to-business site, exactly what sort of companies are you hoping to attract, and which level and type of staff members will access your site? If you have more than one type of customer, split them into primary and secondary audiences.

It may help you to think about your customer as a single individual, including his/her life experiences, job, favorite TV shows, brands, or books. How often does s/he go online, and what websites does s/he visit? In the web industry, we call this a user persona, and we think about what this person would want or do, whenever we are developing the site.

Note

Be specific when defining your target audience. "Women" is not a target audience. "Upper middle-class French women over 50 who love good food" is much better.

Primary purpose

What is the main reason that target customers would come to your website? What action do you want them to perform? If there is more than one desired outcome, please prioritize them.

Some examples include: buying a product, joining your online community, downloading a brochure, sending an enquiry, or calling your company.

About your website

The About your website part of website plan helps you focus on what you want your website to do and includes some considerations you may need to take into account for this project.

Goals

What are the main goals you have for website? What business objectives are you hoping to meet through this project? If this website will be replacing your old site, what do you want to be different/better about this one?

Some examples include: generating sales, increasing leads, improving brand awareness, and reducing emails to your customer support team.

Functions

Thinking about customers and the primary purpose described in the previous section, list the functions that your website will need to perform, in order of priority.

Some examples are: online shop, newsletter signup, RSS feed, and calendar of events.

Content

Briefly summarize the source, volume, and type of content for site. Where will the content (text, images, downloadable files, videos) come from? Approximately how much content do you have in terms of the number of pages? Is it available now? If not, when will it be ready? If it's coming from an existing source, will it need to be adjusted in any way to make it fit for your website?

Note

A content preparation checklist is included in this book's support bundle on the http://www.packtpub.com/support website.

Integration

Are there any pre-existing systems or tools that website will need to integrate with or link to?

Some examples include credit card payment gateways, social media sites, and email newsletter systems.

Site management

Briefly, summarize the site will be managed. Who will be responsible for keeping the site updated? How often will it be updated? If you will have a blog, who will moderate the comments? If you will have an online shop, how will the fulfillment and inventory process be handled?

About this project

The last part of your website plan is about the of this project.

Project team

Who will be in this project, and what role will each person play? Even if you are doing this on your own, it's useful for you to note the project roles, because you will need to allow time for them in your schedule.

Some role examples are: final decision maker, content provider, proofreader, tester, designer, copywriter, cost approver, and project manager.

Project timelines

When do you your website to go live? Are there any key dates to bear in mind (for example, big meetings or holidays)? Setting a realistic timeline is important, and the amount of time your project will take depends on many variables. When setting your target date, review what you have written in your plan so far, as follows:

  • Content: How ready is it? Always allow time to reformat and adjust it.
  • Functions: How many and how complex are they? For example, if you need to set up an online shop, think about how many products you will need to configure.
  • Team: Will everyone you need be available at the drop of a hat?

Remember to factor in your own availability or any other restrictions. Based on all of this, you should be able to come up with an estimated date. Now, add 30 percent extra time to this estimate, as contingency. Put this date on your calendar... in pencil.

Note

Always set a preferred go-live date. Even if you don't have a specific date in mind, it can be useful to set an arbitrary date as your target to give you something to aim for, and to keep the project momentum.

Project budget

What is your for this project? You will need to budget for your Squarespace subscription, domain name (Squarespace includes one for free if you pay your subscription annually), and you might also want to set aside some money for things such as stock photo licenses and logo design. Remember, you don't need web hosting with Squarespace, so you won't need to budget for that.

Note

You have just completed the first—and the most important—part of your Website Toolkit, your website plan. You may want to print out your plan and put it in a folder next to your computer. You will need to refer back to it often.

Gathering materials, ideas, and inspiration


Now that you have your plan and you where you are headed, the next steps are to do some research and put together the rest of your Website Toolkit. The following sections can be carried out in any order, with some parts leading naturally to others as you work.

Creating idea boards

An idea board is a collection of or inspiration that you can use as a reference when creating your site. An idea board is similar to the of a mood board in fashion or interior design, but you will use them for more than just inspiration on color and style (mood), and ideally, you should have multiple boards for your website project. You might have one idea board to collect photography inspiration, another for web page layouts that you like, and a different one for collecting websites with great text content.

Online tools such as https://www.pinterest.com/ or https://evernote.com/ allow you to collect things from around the Web and store them in different boards (Pinterest) or notebooks (Evernote). Although Pinterest is the easiest to use, Evernote allows you to store screen grabs with annotations such as arrows or circles, in addition to photos and web links. Either tool will work for your website project idea boards.

The following screenshot example shows a private Pinterest board that was used for planning the http://www.square-help.com/ website:

Your idea boards will be used for the work we'll do in the rest of this book, so it's a good idea to start them now and continue to add to them and edit them as you move through the early stages of your project.

Website inspiration

Just as an architect existing buildings and draws upon them for inspiration, I encourage you to start your research by looking at other websites to find out what you think would work well for your target audience. It's important to focus on what will resonate with your target audience, which may not necessarily be things that you like personally.

Note

Visit https://www.webbyawards.com/winners/ and check out the winners in the Best Practice, Best User Experience, and Best Visual Design categories for inspiration from websites to help inspire you.

When looking at other websites, remember the four components of a website: structure, content, function, and aesthetics. If you find a site you like, mentally break it down into these components and try to figure out exactly why you like the site. Which of the four components is really working well on the site?

Pay close attention to the following:

  • Call to action: Is it clear what action the website owners want site visitors to perform?
  • Page elements: Does the page have a clearly defined header, navigation area (possibly more than one), body, footer, and/or sidebar that would work well on your site?
  • Audience fit: What elements of the site make it work well for its target audience?
  • Brand image and perception: What emotive words do you feel when you look at the site? How does the choice of words, images, and aesthetics support this?

Note

Keep good, clear notes in your idea boards. Consider creating an idea board for each of the four different website components, or add a text note or screen grab that shows what component(s) you like when you add the site to your idea board so that you can easily remember them later.

Don't just look at your competitors' sites; doing so means you will likely focus too much on content alone. Try to expand your research into other categories. After all, your target customers are probably visiting a wide variety of websites.

Other resources for inspiration

Whereas looking at other is an activity that can help you narrow down your preferences, looking at things such as colors, fonts, and imagery can quickly become overwhelming and seemingly endless due to the sheer volume of choices available. We'll tackle these elements in earnest inChapter 5, Adding, Editing, and Arranging Content in Your Web Pages, andChapter 8,Tailoring Your Site's Look and Feel, where you'll be introduced to some resources and tools to help make things easier. For now, just make a note of any aesthetic elements you like as you go along, and be rest assured that we'll do more research and hone things down when we start building your site.

Creating a sitemap


Your sitemap lays out the structure of your website, acting as a blueprint for building. The sitemap is the foundation of your information architecture, which is a word to describe the way in which visitors move around your site. Good information architecture is essential to enable your target audience to take the desired actions on your site. If visitors can't easily find what they need, they will leave in an instant.

Even if you start out by writing things on paper, it's a good idea to make an electronic version of your sitemap, because you will be able to copy/paste page titles directly into Squarespace later.

Note

The card sorting technique can be a useful way to quickly map out your website structure. The following blog post explains the and how to use it: http://bit.ly/umh-pages-content

Some people like to use software such as Microsoft PowerPoint, Apple Keynote, or Google Drive Drawings to layout their sitemap in a flowchart (organizational chart) style. Others prefer to use a word processor and create the sitemap as a text outline. Whichever way you choose, remember the following tips.

Don't make your customers work hard

Remember your customers' primary and ensure that your site structure makes it easy for them to perform that action. Put yourself in their shoes and think about what they expect to see in your site, and where.

This is especially important if you are creating a website to replace an existing one. Don't just copy your existing site structure; take the time to revisit your site through the eyes of a customer.

Break it down

You may many or just a few pages for your website. Either way, it's worth remembering that not every page or link is created equal. You can use a footer or sidebar on your website to house links to the less important information, such as terms and conditions, newsletter signup, or delivery information.

If you have several key areas, you might want to break them down into subpages to keep each page short and sweet.

Keep it simple

Don't use jargon or uncommon words as labels for site pages or sections. A first-time customer won't know that The Scoop is your news page, KDD Lite is the internal name for one of your services, or Gimme Gimme Gimme is your online shop section. You less than 2 seconds to show your customers what they came for; don't make them have to think about what things mean.

Try to use common words such as Home, Shop, and Contact, because today's web users are accustomed to these labels. Unless your brand or product names are well known, consider using more general terms as labels for the pages or sections.

Even if one of your brand values is quirkiness or playfulness, you can convey this through your text, images, and visual elements-keep your navigation labels clear and concise.

Consider action words

One trend in website navigation is to action words. This can make your site feel more inclusive and dynamic, and encourage your visitors to perform certain tasks. If you do this, be careful to ensure that the words are still clear and concise. The following table shows some examples:

Passive words

Equivalent action words

Newsletter

Sign Up

Store

Go Shopping or Buy Now

Enquiry Form

Contact Us or Get In Touch

About Us

Meet the Team

Location

Find Us

Membership

Join Now

Include notes or wireframes

As you go along, include any to yourself that you need to remember, such as cross-linking pages between sections or links to external sites as Facebook.

You might find it easier to keep notes in separate schematic drawings for certain pages. If so, go ahead and make some page wireframes (sketches) in addition to your sitemap. Tools as https://moqups.com/,http://lumzy.com/, or Google Drive Drawings can create simple wireframes and are useful if you need to share your ideas or get approval from colleagues.

Once you have finished your sitemap and wireframes, have someone else look them over to sense-check. This could be a colleague or friend, ideally someone who fits your target audience.

Note

Avoid reinventing the wheel. Refer back to the websites in your idea boards when working on your own sitemap.

Gathering raw materials


One of the most time-consuming parts of your Website Toolkit is likely to be gathering your raw materials. You might have some of the materials you need already, or you might need to get them from someone else. Starting the process now rather than later in the project means you/they will have enough time to pull everything together in the right format without causing delays to your overall timeline.

Create a folder called Materials in your Website Toolkit folder. Take a moment now to run through each of the following sections, and place copies of your materials inside. If your materials are not ready yet, now is the time to get the ball rolling on sourcing and finalizing them. You don't necessarily need to have everything 100 percent complete before moving on to the next chapter, but you should definitely start gathering materials now, and continue to fine-tune things as you progress into the early stages of building your website. Refer to the content preparation checklist (included in this book's support bundle) to help with your content gathering.

Branding

If your has a logo, approved brand colors, and fonts, you'll have a head start on your site's look and feel. If you don't have things, don't worry; you can create them or source them inexpensively.

Logo

If you don't have a logo yet, you a few options:

  1. Create a text-based logo as part of your site design. There are hundreds of fonts to choose from in Squarespace, so you can simply create your logo on the fly directly in the Squarespace system as part of the designing process later.
  2. Use Squarespace Logo (http://squarespace.com/logo) to create a logo design yourself. Squarespace subscribers can create a logo for free with Squarespace Logo. Alternatively, try the logo creation tool at https://www.canva.com or https://www.graphicsprings.com/ to make your own logo.

Note

We'll cover Squarespace Logo in more detail in Chapter 8, Tailoring Your Site's Look and Feel.

  1. Pay a graphic designer to create a custom logo for you. If you don't know a designer, try an online marketplace such as http://www.guru.com/,http://99designs.com/, or https://www.freelancer.com/ to find one.
  2. Use a stock illustration as your logo. Most of the main stock websites such as http://www.istockphoto.com/ or www.shutterstock.com offer illustrations for a very reasonable cost. Try searching for the word "logo" or "icon" in the Illustrations category. You might wish to collect a few different options on an idea board before deciding on a final choice.

If you already have a logo or will be sourcing one, it's important to get a copy in the right format:

  • File format: .png or .jpg format
  • Color space: RGB or sRGB (not CMYK, which is used for print only)
  • Resolution: 72 dpi/ppi (pixels per inch)
  • Maximum dimensions: 1500 pixels wide

The dimensions and resolution are not as important as the other formatting options, as you can adjust the size in Squarespace's image editor later, if necessary.

Note

It’s a good idea to get your logo as a .png with a transparent background. This will ensure you can use the logo overlaid on top of different colored backgrounds or images.

Colors

If your company has colors, you will need to get the colors in the RGB or hex format. RGB (red, green, blue) is the method that backlit screens such as computer monitors or smartphones use to colors. Hex (hexadecimal) color is a 6-digit alphanumeric way of presenting RGB colors, used in web design. Squarespace can use either RGB or hex colors.

The following is an example:

  • Color: dark gray
  • Hex: #333333
  • RGB: rgb (51,51,51)

Note

Store your color references in a .txt file so that you can easily copy/paste them into Squarespace later.

If you don't have brand colors or you need to source additional colors, we'll do so in Chapter 8, Tailoring Your Site's Look and Feel.

Note

You can convert CMYK colors to RGB or hex format using an online tool. Search for cmyk to rgb converter in your favorite search engine.

Fonts

Once we start the site, you'll be able to choose fonts from the 600+ fonts available within Squarespace, but some companies have specified fonts in their branding guidelines--and some require paid licenses for use. If your brand includes fonts such as these, you might need to source similar alternatives from the fonts that Squarespace offers, unless your brand uses Typekit fonts, which can be integrated and used on your site without custom coding. We'll cover fonts in more detail in Chapter 8, Tailoring Your Site's Look and Feel. For now, make note of any special fonts associated with your brand, and find out about any licensing issues so that you'll have plenty of time to resolve them before the go-live date.

Text content

If you will be migrating from another website to your new site or drawing from printed materials such as brochures, it's a good idea to carry out an audit of that content with your new sitemap as your guide. Regardless of whether you will be writing from scratch or reformatting the existing text, remember the following:

  • As a general rule, search engines prefer web pages that have at least 250 words.
  • Use as many words as necessary to convey your message, but keep your text focused.
  • Use short paragraphs and dividing elements such as sub-headers and bullets to help break up long pages. Consider breaking really long pages into multiple pages, or incorporating section breaks to clearly demarcate topics.
  • Keep in mind your brand image and your site's desired feel when writing; ensure that your writing style, tone of voice, and choice of words reflect the image you want to convey.

Photos

If you already have photographs that you to use on your site, do a quick review of them with your brand image and site's desired feel in mind.

Note

Unless you will be using them for very small thumbnails or icons only, all images should be at least 800 pixels on their longest side and, ideally, 1500 pixels on the longest side. If you expect to use images that fill the screen, you’ll need those to be at least 2000 pixels wide. Refer to http://bit.ly/umh-image-format for further advice on formatting images for use on the web.

Squarespace caters for all sizes of screen, from large computer monitors to small phones, and it will resize images automatically to fit. There are also cropping and other image-adjustment tools built into Squarespace as well.

Note

Make sure your image files are no larger than 1MB, ideally even smaller. JPEGMini is a handy tool that can compress files without a visible loss in image quality. You can access it here: http://www.jpegmini.com

If you don't photos yet but want to source some, have a look at the following sites for ideas:

The photos on Pexels are free, but the others are paid sites. You should probably hold off on purchasing photos until you have selected your template in Chapter 3, Working with Squarespace Templates, but you can create a shortlist of photos in an idea board.

Downloads

If you will be offering downloadable files on your site, ensure that they are formatted in an accessible way.

Note

Use PDF for documents, MP3 for audio, and ZIP for multifile folders.

Avoid file formats that will require users to have platform-specific or niche software to open them.

The maximum file size allowed by Squarespace is 20 MB, but this is far larger than necessary for most everyday purposes. A good rule of thumb is to aim for file sizes of no more than 1-2 MB, or 5 MB for long PDF brochures or sound files.

Note

Name your files in a logical way that will make sense to your customers. Use hyphens or underscores instead of spaces, as web browsers can have problems with spaces. Good: jump-sportswear-price-list.pdfNot so good: 020333871 V3 final-aug2017.doc

Videos or audio streams

Squarespace does offer video hosting or streaming, but you embed videos hosted on other sites such as http://www.youtube.com/ or http://vimeo.com/. You also embed streaming audio from sites such as http://soundcloud.com/ into a Squarespace web page.

Note

Create a .txt file and paste the links to your videos or audio streams into the file so that you will have quick access to them later.

Summary


You've now made a good start on creating your Website Toolkit, which will act as the foundation for everything we'll do in the rest of this book. It can take time to gather all of the materials and background research that goes into your Toolkit, so don't worry if you don't have absolutely everything compiled at this stage. You can keep adding to it as we move into the next chapter and beyond.

You've done a lot of hard work so far, learning the concepts of making websites and doing your research, so have a well-deserved cup of tea before diving into Chapter 2, Getting Started with Squarespace, where we will finally get you signed up and started in the Squarespace system. We'll then introduce all of the key areas of the Squarespace interface so that you will know how to find your way around.

Left arrow icon Right arrow icon

Key benefits

  • ? Discover time-saving tricks and best practices, and avoid common pitfalls while creating a website
  • ? Create visually stunning Responsive Design templates for your website with Squarespace 7
  • ? Understand how to monitor, measure, and manage your website after launching it

Description

Squarespace is a web-based tool that allows non-technical people to create and manage professional-looking websites quickly, without needing to write any code. It empowers business owners to take total control of their own websites, without needing to pay someone to design or maintain it. This book covers much more than just how to use Squarespace. It covers all aspects of creating a successful business website, from developing your brand identity, to writing and structuring content to match your target audience's needs, and dozens of other other valuable tips that will help your website shine. Most importantly, you'll learn the correct steps to follow in order to ensure your project is smooth and stress-free. The book starts by helping you plan your website project and gather all the raw materials you'll need. Next, you'll set up your account and become familiar with the terminology and tools that you'll be using. Once you've learned the basics of how the Squarespace interface, templates, and different page types operate, you will create the framework of your website, ready for you to insert content and functionality. Then, once all the core elements are in place, you'll apply the aesthetic fine-tuning needed to bring your website in line with your brand. After the aesthetics have been honed and all functions tested, you will launch your website and drive traffic to it, monitor it, and improve it.

Who is this book for?

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.

What you will learn

  • ? Develop an essential Website Toolkit that will act as reference and materials for your entire project, ensuring you stay on-target to meet your objectives
  • ? Set up your Squarespace account, learn how the interface works, and select the correct template for your website s purpose and goals
  • ? Create your website framework, fill it with content, and arrange your pages using Squarespace s easy drag-and-drop tools
  • ? Customize your site s look and feel to match your brand, and create a stunning visual impact for your website on all types of devices, including mobiles and tablets
  • ? Configure the core functions your business needs, whether connecting to social media, promoting events, showcasing your work, or selling goods and services online
  • ? Learn time-saving tricks and how to avoid common pitfalls from an experienced professional with years of Squarespace experience
  • ? Gain valuable insights about search engine optimization, communicating effectively online, and other e-marketing advice
  • ? How to monitor, measure, and manage your website post-launch
Estimated delivery fee Deliver to Bulgaria

Premium delivery 7 - 10 business days

€25.95
(Includes tracking information)

Product Details

Country selected
Publication date, Length, Edition, Language, ISBN-13
Publication date : Oct 26, 2017
Length: 454 pages
Edition : 2nd
Language : English
ISBN-13 : 9781788396714
Vendor :
Squarespace
Languages :
Concepts :

What do you get with Print?

Product feature icon Instant access to your digital eBook copy whilst your Print order is Shipped
Product feature icon Paperback book shipped to your preferred address
Product feature icon Download this book in EPUB and PDF formats
Product feature icon Access this title in our online reader with advanced features
Product feature icon DRM FREE - Read whenever, wherever and however you want
OR
Modal Close icon
Payment Processing...
tick Completed

Shipping Address

Billing Address

Shipping Methods
Estimated delivery fee Deliver to Bulgaria

Premium delivery 7 - 10 business days

€25.95
(Includes tracking information)

Product Details

Publication date : Oct 26, 2017
Length: 454 pages
Edition : 2nd
Language : English
ISBN-13 : 9781788396714
Vendor :
Squarespace
Languages :
Concepts :

Packt Subscriptions

See our plans and pricing
Modal Close icon
€18.99 billed monthly
Feature tick icon Unlimited access to Packt's library of 7,000+ practical books and videos
Feature tick icon Constantly refreshed with 50+ new titles a month
Feature tick icon Exclusive Early access to books as they're written
Feature tick icon Solve problems while you work with advanced search and reference features
Feature tick icon Offline reading on the mobile app
Feature tick icon Simple pricing, no contract
€189.99 billed annually
Feature tick icon Unlimited access to Packt's library of 7,000+ practical books and videos
Feature tick icon Constantly refreshed with 50+ new titles a month
Feature tick icon Exclusive Early access to books as they're written
Feature tick icon Solve problems while you work with advanced search and reference features
Feature tick icon Offline reading on the mobile app
Feature tick icon Choose a DRM-free eBook or Video every month to keep
Feature tick icon PLUS own as many other DRM-free eBooks or Videos as you like for just €5 each
Feature tick icon Exclusive print discounts
€264.99 billed in 18 months
Feature tick icon Unlimited access to Packt's library of 7,000+ practical books and videos
Feature tick icon Constantly refreshed with 50+ new titles a month
Feature tick icon Exclusive Early access to books as they're written
Feature tick icon Solve problems while you work with advanced search and reference features
Feature tick icon Offline reading on the mobile app
Feature tick icon Choose a DRM-free eBook or Video every month to keep
Feature tick icon PLUS own as many other DRM-free eBooks or Videos as you like for just €5 each
Feature tick icon Exclusive print discounts

Frequently bought together


Stars icon
Total 112.97
Building Business Websites with Squarespace 7
€37.99
Building Business Websites with Squarespace 7: RAW
€41.99
UX for the Web
€32.99
Total 112.97 Stars icon

Table of Contents

14 Chapters
Setting Up for Success - Your Website Toolkit Chevron down icon Chevron up icon
Getting Started with Squarespace Chevron down icon Chevron up icon
Working with Squarespace Templates Chevron down icon Chevron up icon
Creating Your Site Framework - Pages, Items, Collections, and Navigation Chevron down icon Chevron up icon
Adding, Editing, and Arranging Content in Your Web Pages Chevron down icon Chevron up icon
Using Blocks to Add Functionality, Rich Media, and Special Features Chevron down icon Chevron up icon
Selling Online or Taking Donations with Squarespace Commerce Chevron down icon Chevron up icon
Tailoring Your Site's Look and Feel Chevron down icon Chevron up icon
Going Live with Your Website and Driving Traffic to It Chevron down icon Chevron up icon
Managing Your Squarespace Website Chevron down icon Chevron up icon
Moving Beyond Standard Squarespace Tools Chevron down icon Chevron up icon
Getting Help with Squarespace Chevron down icon Chevron up icon
Squarespace Templates in a Nutshell Chevron down icon Chevron up icon
List of Online Resources Used in This Book Chevron down icon Chevron up icon

Customer reviews

Top Reviews
Rating distribution
Full star icon Full star icon Full star icon Full star icon Half star icon 4.1
(9 Ratings)
5 star 66.7%
4 star 11.1%
3 star 0%
2 star 11.1%
1 star 11.1%
Filter icon Filter
Top Reviews

Filter reviews by




Richard Vito Jun 17, 2020
Full star icon Full star icon Full star icon Full star icon Full star icon 5
Exactly what i needed.
Amazon Verified review Amazon
ER Doc May 13, 2019
Full star icon Full star icon Full star icon Full star icon Full star icon 5
Excellent and accurate information for building website.
Amazon Verified review Amazon
Laura Perrotta Jul 21, 2019
Full star icon Full star icon Full star icon Full star icon Full star icon 5
This is an excellent book. It's very nicely written and well organized (i.e., easy to read and follow). Prior to trying to launch my new business website, I had zero experience with web design. I know Squarespace is user friendly compared to many other platforms but I was still pretty overwhelmed. This book was a huge help. I read every page and followed all of the steps outlined by the author and I'm pretty happy with the results. Actually, I'm very happy with the result. Of course, it's always a work in progress but not too shabby for my first try (lauraperrotta.com). I highly recommend this book.
Amazon Verified review Amazon
R. Johnson Sep 05, 2019
Full star icon Full star icon Full star icon Full star icon Full star icon 5
I don't often write reviews, but I like this book so much I thought I'd put in a good word for it.I'm computer-confident, but making webpages is new to me. I'm taking over responsibility for our organization's webpage that someone else created in Squarespace.I don't like watching Squarespace's tutorials. It takes too long to find the material I want.I looked at the Squarespace for Dummies book, but found it confusing and - once again - hard to find the specific info I needed.Along came this book. A breath of fresh air. Well-organized, clear. I took a chance on buying it - I'm glad I did.
Amazon Verified review Amazon
C. Lebowitz Jun 09, 2018
Full star icon Full star icon Full star icon Full star icon Full star icon 5
The book is an excellent companion to the website and the links to additional online materials are a bonus. It's probably easier to read in paper format but the ebook works well. (I like to annotate in my own handwriting and I would have to move it out of Kindle to do so.) It is helpful to go through the Squarespace videos, first.
Amazon Verified review Amazon
Get free access to Packt library with over 7500+ books and video courses for 7 days!
Start Free Trial

FAQs

What is the delivery time and cost of print book? Chevron down icon Chevron up icon

Shipping Details

USA:

'

Economy: Delivery to most addresses in the US within 10-15 business days

Premium: Trackable Delivery to most addresses in the US within 3-8 business days

UK:

Economy: Delivery to most addresses in the U.K. within 7-9 business days.
Shipments are not trackable

Premium: Trackable delivery to most addresses in the U.K. within 3-4 business days!
Add one extra business day for deliveries to Northern Ireland and Scottish Highlands and islands

EU:

Premium: Trackable delivery to most EU destinations within 4-9 business days.

Australia:

Economy: Can deliver to P. O. Boxes and private residences.
Trackable service with delivery to addresses in Australia only.
Delivery time ranges from 7-9 business days for VIC and 8-10 business days for Interstate metro
Delivery time is up to 15 business days for remote areas of WA, NT & QLD.

Premium: Delivery to addresses in Australia only
Trackable delivery to most P. O. Boxes and private residences in Australia within 4-5 days based on the distance to a destination following dispatch.

India:

Premium: Delivery to most Indian addresses within 5-6 business days

Rest of the World:

Premium: Countries in the American continent: Trackable delivery to most countries within 4-7 business days

Asia:

Premium: Delivery to most Asian addresses within 5-9 business days

Disclaimer:
All orders received before 5 PM U.K time would start printing from the next business day. So the estimated delivery times start from the next day as well. Orders received after 5 PM U.K time (in our internal systems) on a business day or anytime on the weekend will begin printing the second to next business day. For example, an order placed at 11 AM today will begin printing tomorrow, whereas an order placed at 9 PM tonight will begin printing the day after tomorrow.


Unfortunately, due to several restrictions, we are unable to ship to the following countries:

  1. Afghanistan
  2. American Samoa
  3. Belarus
  4. Brunei Darussalam
  5. Central African Republic
  6. The Democratic Republic of Congo
  7. Eritrea
  8. Guinea-bissau
  9. Iran
  10. Lebanon
  11. Libiya Arab Jamahriya
  12. Somalia
  13. Sudan
  14. Russian Federation
  15. Syrian Arab Republic
  16. Ukraine
  17. Venezuela
What is custom duty/charge? Chevron down icon Chevron up icon

Customs duty are charges levied on goods when they cross international borders. It is a tax that is imposed on imported goods. These duties are charged by special authorities and bodies created by local governments and are meant to protect local industries, economies, and businesses.

Do I have to pay customs charges for the print book order? Chevron down icon Chevron up icon

The orders shipped to the countries that are listed under EU27 will not bear custom charges. They are paid by Packt as part of the order.

List of EU27 countries: www.gov.uk/eu-eea:

A custom duty or localized taxes may be applicable on the shipment and would be charged by the recipient country outside of the EU27 which should be paid by the customer and these duties are not included in the shipping charges been charged on the order.

How do I know my custom duty charges? Chevron down icon Chevron up icon

The amount of duty payable varies greatly depending on the imported goods, the country of origin and several other factors like the total invoice amount or dimensions like weight, and other such criteria applicable in your country.

For example:

  • If you live in Mexico, and the declared value of your ordered items is over $ 50, for you to receive a package, you will have to pay additional import tax of 19% which will be $ 9.50 to the courier service.
  • Whereas if you live in Turkey, and the declared value of your ordered items is over € 22, for you to receive a package, you will have to pay additional import tax of 18% which will be € 3.96 to the courier service.
How can I cancel my order? Chevron down icon Chevron up icon

Cancellation Policy for Published Printed Books:

You can cancel any order within 1 hour of placing the order. Simply contact customercare@packt.com with your order details or payment transaction id. If your order has already started the shipment process, we will do our best to stop it. However, if it is already on the way to you then when you receive it, you can contact us at customercare@packt.com using the returns and refund process.

Please understand that Packt Publishing cannot provide refunds or cancel any order except for the cases described in our Return Policy (i.e. Packt Publishing agrees to replace your printed book because it arrives damaged or material defect in book), Packt Publishing will not accept returns.

What is your returns and refunds policy? Chevron down icon Chevron up icon

Return Policy:

We want you to be happy with your purchase from Packtpub.com. We will not hassle you with returning print books to us. If the print book you receive from us is incorrect, damaged, doesn't work or is unacceptably late, please contact Customer Relations Team on customercare@packt.com with the order number and issue details as explained below:

  1. If you ordered (eBook, Video or Print Book) incorrectly or accidentally, please contact Customer Relations Team on customercare@packt.com within one hour of placing the order and we will replace/refund you the item cost.
  2. Sadly, if your eBook or Video file is faulty or a fault occurs during the eBook or Video being made available to you, i.e. during download then you should contact Customer Relations Team within 14 days of purchase on customercare@packt.com who will be able to resolve this issue for you.
  3. You will have a choice of replacement or refund of the problem items.(damaged, defective or incorrect)
  4. Once Customer Care Team confirms that you will be refunded, you should receive the refund within 10 to 12 working days.
  5. If you are only requesting a refund of one book from a multiple order, then we will refund you the appropriate single item.
  6. Where the items were shipped under a free shipping offer, there will be no shipping costs to refund.

On the off chance your printed book arrives damaged, with book material defect, contact our Customer Relation Team on customercare@packt.com within 14 days of receipt of the book with appropriate evidence of damage and we will work with you to secure a replacement copy, if necessary. Please note that each printed book you order from us is individually made by Packt's professional book-printing partner which is on a print-on-demand basis.

What tax is charged? Chevron down icon Chevron up icon

Currently, no tax is charged on the purchase of any print book (subject to change based on the laws and regulations). A localized VAT fee is charged only to our European and UK customers on eBooks, Video and subscriptions that they buy. GST is charged to Indian customers for eBooks and video purchases.

What payment methods can I use? Chevron down icon Chevron up icon

You can pay with the following card types:

  1. Visa Debit
  2. Visa Credit
  3. MasterCard
  4. PayPal
What is the delivery time and cost of print books? Chevron down icon Chevron up icon

Shipping Details

USA:

'

Economy: Delivery to most addresses in the US within 10-15 business days

Premium: Trackable Delivery to most addresses in the US within 3-8 business days

UK:

Economy: Delivery to most addresses in the U.K. within 7-9 business days.
Shipments are not trackable

Premium: Trackable delivery to most addresses in the U.K. within 3-4 business days!
Add one extra business day for deliveries to Northern Ireland and Scottish Highlands and islands

EU:

Premium: Trackable delivery to most EU destinations within 4-9 business days.

Australia:

Economy: Can deliver to P. O. Boxes and private residences.
Trackable service with delivery to addresses in Australia only.
Delivery time ranges from 7-9 business days for VIC and 8-10 business days for Interstate metro
Delivery time is up to 15 business days for remote areas of WA, NT & QLD.

Premium: Delivery to addresses in Australia only
Trackable delivery to most P. O. Boxes and private residences in Australia within 4-5 days based on the distance to a destination following dispatch.

India:

Premium: Delivery to most Indian addresses within 5-6 business days

Rest of the World:

Premium: Countries in the American continent: Trackable delivery to most countries within 4-7 business days

Asia:

Premium: Delivery to most Asian addresses within 5-9 business days

Disclaimer:
All orders received before 5 PM U.K time would start printing from the next business day. So the estimated delivery times start from the next day as well. Orders received after 5 PM U.K time (in our internal systems) on a business day or anytime on the weekend will begin printing the second to next business day. For example, an order placed at 11 AM today will begin printing tomorrow, whereas an order placed at 9 PM tonight will begin printing the day after tomorrow.


Unfortunately, due to several restrictions, we are unable to ship to the following countries:

  1. Afghanistan
  2. American Samoa
  3. Belarus
  4. Brunei Darussalam
  5. Central African Republic
  6. The Democratic Republic of Congo
  7. Eritrea
  8. Guinea-bissau
  9. Iran
  10. Lebanon
  11. Libiya Arab Jamahriya
  12. Somalia
  13. Sudan
  14. Russian Federation
  15. Syrian Arab Republic
  16. Ukraine
  17. Venezuela