Website Design With Squarespace - No Coding Required

A simple way to create a great, effective, and affordable website using Squarespace without learning how to code.
4.7 (19 ratings)
Instead of using a simple lifetime average, Udemy calculates a
course's star rating by considering a number of different factors
such as the number of ratings, the age of ratings, and the
likelihood of fraudulent ratings.
2,500 students enrolled
75% off
Take This Course
  • Lectures 35
  • Length 4.5 hours
  • Skill Level All Levels
  • Languages English
  • Includes Lifetime access
    30 day money back guarantee!
    Available on iOS and Android
    Certificate of Completion
Wishlisted Wishlist

How taking a course works


Find online courses made by experts from around the world.


Take your courses with you and learn anywhere, anytime.


Learn and practice real-world skills and achieve your goals.

About This Course

Published 11/2016 English

Course Description

Many of us reach out to developers when we need websites done and invest between hundreds to thousands of dollars trying to get our vision down perfect. Who better to create that vision than the person who has it, YOU. In this course, I will teach you the fundamentals of web design using Squarespace as your platform. Squarespace includes both a domain name AND hosting so everything is in one place and you don't have to worry about any of the complicated things on the backend. You can do an entire website without any coding but at the end of the course I will teach you little bits of CSS (Cascading Stylesheet) coding in order to help you add the final touches to your website.

What are the requirements?

  • There's no cost for a trial Squarespace account. (14 day trial but you can request more time from customer support)
  • I would suggest using Google Chrome so that you'll see the same things I will be showing on the screen.
  • A voracious appetite for knowledge and doing things right (by doing it yourself)!
  • A tiny dash of humor/crazy - Life is too short to take it seriously :)

What am I going to get from this course?

  • Understand how to set up beautiful-looking pages.
  • Start an online eCommerce store to sell products with.
  • Set up a website to display your portfolio (Photography, web design, etc.)
  • Start a blog to attract an audience to your website.
  • Customize the website completely to your needs.
  • Use the ideal template for their traffic goals.
  • Learn custom coding (CSS and Javascript) as necessary for specific changes.

Who is the target audience?

  • This course is for beginners who are looking to start out on Squarespace.
  • This course is ALSO for people who have a Squarespace website already but want to make changes.
  • This course is for businesses who need a website but don't want to spend thousands of dollars.
  • This course is NOT for Squarespace experts who know everything about it already.

What you get with this course?

Not for you? No problem.
30 day money back guarantee.

Forever yours.
Lifetime access.

Learn on the go.
Desktop, iOS and Android.

Get rewarded.
Certificate of completion.


Section 1: Getting Started

In this introductory lecture, I present the basics about Squarespace such as what's included in the monthly price and why you should choose Squarespace for your next website.


Learn how to create an account on Squarespace, and which package you should get. This lecture will also teach you how to fill out your account information to best suit your business needs as well.


In this lecture I show you some of the more popular Squarespace themes, how to install them, and also where to go in the future if you would like to change the template.

3 questions

This quiz will have questions from the last 3 lectures and will help solidify your knowledge about starting out on Squarespace.

Section 2: Tour of Squarespace

In this lecture, you'll learn how to add pages to the menu, how to add pages to the secondary menu, and also create pages that don't appear in menus. You'll also learn about demo content, and how you can create a page while retaining all the demo content.


The design portion of the main menu has quite a few options for us to enable or disable. In this lecture I'll show you what settings I recommend and what will work best for your own website. We take a look at adding logos, modifying the lock screen, adding an announcement bar, adding a mobile information bar, adding the Squarespace badge, how to put your own custom CSS, and how to use Adobe TypeKit.


The Commerce menu gives you lots of valuable information about the orders you've received, inventory, and discounts/promotions.

The Analytics menu provides traffic information regarding your visitors such as where they are from, what pages were visited, how they came to your website, and what they're looking for on your website.

In this lecture we'll take a look at where you can find the information you need to view.

2 questions

This quiz will have questions from the last 3 lectures and will help solidify your knowledge about the different menu items on Squarespace.

Section 3: Change Settings

See how to change business information on Squarespace so that search engines know about your company! This lecture has instructions on setting business information, location, adding contributors to your website, and changing payment options and plans.


This lecture covers topics like registering a domain name for your website, fixing SEO tags on your website, how to enable certain blogging features, turning on SSL, connecting your social media accounts, and even how to register an email address with your own custom domain name.


Learn to create forms to collect emails, customize invoices, change store settings, set up shipping to different parts of the world with different prices and speeds, and also how you get notified of orders, cancellations, or order-fulfillment.

3 questions

This quiz will have questions from the last 3 lectures and will help solidify your knowledge about the different settings available on Squarespace.

Section 4: Cover Pages

Cover pages are probably the most basic types of pages since they are very limited in what you can add. These pages often don't scroll, and act as a landing page for customers. Cover pages are ideal for "Coming Soon" pages and as an introduction page before people enter your actual site. In this lecture we cover material on how to create a Cover page, and how to modify the content on the page to suit your needs.


Now that we've created a Cover page, we'll learn how to change the different text sizes and colors. We'll also learn how to make the Cover page into the default home page of the website so it's the very first thing that visitors see.

1 question

This quiz will have questions from the last 2 lectures and will help solidify your knowledge about Cover pages.

Section 5: Creating Pages

Squarespace has support for quite a number of different page types, from regular pages, to indexes, folders, and more. In this lecture I'll show you the purpose of each page type so you can determine if it'll be useful for your own website.


In this lecture you'll learn how to manipulate the navigation menu, and the secondary navigation menu if your template has one. You'll also learn how to create pages that won't show up in the navigation.

2 questions

This quiz will have questions from the last 2 lectures and will help solidify your knowledge about creating pages.

Section 6: Editing Pages

This is a slightly longer lecture since there are quite a few modifications we can make to the header/banner area of the website. We'll learn how to change text, color and images on the banner, and even implement a slider or a video instead of a banner to stand out from other websites.


There are 7 basic blocks on Squarespace and they include 3 or 4 of the blocks that you'll use the most often so this is a section you'll be revisiting over and over. In this lecture you learn what each of the 7 blocks (Text, Markdown, Quote, Image, Video, Audio, and Embed) are for and how you can add and customize each one.


In this lecture, we learn how to use the Gallery and Summary post to show off some beautiful photos, videos, and blog posts. There are ways to style the different media to follow the design of the rest of the website such as carousels, walls, sliders, and lists.


In this lecture, we learn how to add empty space to our website, how to create forms, newsletters, insert maps, restaurant menus, allow for reservations for restaurants with Opentable, show band tours using Bandsintown, and more!


With a lot of content on your website, it's good practice to make navigation easier for your visitors. In this lecture we'll learn how to add a search feature to your website, how to add buttons, tag clouds, and an archive that you can use for blog posts or products.


With social media being such an important factor for SEO, we need to make sure that we include our social media links in the footer of our website. In this lecture, I'll cover how to add social media links, how to add social media streams so you can display your posts, and also how to add different charts (Bar, Line, Pie) to display numerical data on your website in an organized fashion.


What's the point of a website if you don't offer some way for prospective clients to contact you? In this lecture we discuss how to create a form, and collect exactly the right information using the correct fields.


In this day and age, people want information, and they want it fast. A majority of website viewers spend less than 15 seconds on a website. The key to holding their attention? Images are definitely one of the top ways. This lecture focuses on how to use images, how to resize images, and how to wrap text around images. Having the right sized image for the right job is essential for your website!


The layout of a page on a website should be thought out. People should immediately know that you spent time creating the layout. This doesn't mean you have to spend days or weeks planning this out, Squarespace actually has several page layouts that we can choose from to use and each one works for a specific goal. In this lecture I'll show you how to use those layouts and how to move things around on the page.


The prefooter and footer are areas where you can put in a quick navigation, copyright information, and maybe a quick summary of your website. It should be similar to the main menu at the top to keep consistency. When people have scrolled all the way to the bottom of your website, having another menu there will make it easier to navigation your website without having to scroll back up to the top. This is also an excellent place to capture email addresses and link to your social media profiles.

3 questions

This quiz will have questions from the last 10 lectures and will help solidify your knowledge about modifying pages and adding different blocks.

Section 7: Blogs

If you want your website to rank higher on search engine results, there's really no way unless you blog. Blogging is an incredible tool for SEO since it causes your website to look new and updated since you're blogging frequently. Depending on your website, you can blog about subjects your visitors will find interesting. For example, a law firm can blog about the latest law changes, any new passed bills, etc. There's ALWAYS something you can blog about so make sure you look into it. In this lecture I'll show you how you can create a blog page, and add blog posts to it, as well as how to style blog posts to look the best.

Section 8: E-Commerce

In this lecture, you'll learn how to add products and fill in the required fields, as well as prompt users for information using forms during checkout.


PayPal and Stripe are the only payment methods that Squarespace currently takes so I'll be showing you how to connect your accounts so that any money you make through the website gets deposited automatically.


You don't always want to have just a STORE page where all your products are listed, sometimes you may want to show specific products or categories on a page. In this lecture, you'll learn how to do just that!

2 questions

This quiz will have questions from the last 3 lectures and will help solidify your knowledge about selling products on Squarespace.

Section 9: Style Editor

The style editor is the central point from which you make all styling changes to your website. Here, you can make changes to fonts, colors, sizes, spacing, and much, much more. In this lecture, you'll learn just how powerful the style editor can be, and how you can learn to harness that power yourself!

Section 10: Custom CSS and advanced techniques

Custom CSS for Squarespace is a little different from traditional CSS because the names of blocks change every time you refresh the page so we need to come up with creative ways to target blocks. This lecture will show you how to create CSS that doesn't go away on a refresh.


Squarespace has many fonts you can choose from but sometimes even those are not enough. If you have found or paid for a font elsewhere and would like to use it on your website, you'll learn how in this lecture.


In this lecture, I'll show you a method created by Silva Bokis to display a FAQ list in an accordion style format using the Markdown block. This will help you create some distinction between your website and other Squarespace websites using the same template.


Font Awesome is an icon library that you can easily add to your website. It helps keep things interesting by breaking up blocks of text.


If you want to have your website in multiple languages, it might be a good idea to set up different menus for each language. This lecture will show you exactly how to do that. Keep in mind that this lecture is a slightly more advanced technique.

Section 11: BONUS LECTURES: Watch my work flow on my own website

Watch as I take my plain looking HOME page and modify it into a multi section page to entice visitors to click around!


An ABOUT page usually has a lot of text, but breaking it up into chunks can really separate your website from all the other ones who just copy and paste an essay into a text block.

Students Who Viewed This Course Also Viewed

  • Loading
  • Loading
  • Loading

Instructor Biography

B.Sc. Vigasan Gunasegaran, Web Designer and Software Engineer

Hey! I'm Vigasan and I love the Internet!. I've been creating websites and working with social media for the last 3+ years and have created over 100 Squarespace and WordPress websites so far. I appreciate the simplicity of certain CMS systems so I try to provide that same simplicity to clients. Hopefully through Udemy, I can teach more people about web design and how to build websites for personal use or as a service they can profit off of!

Ready to start learning?
Take This Course