Website Design With Squarespace - No Coding Required
4.6 (50 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,677 students enrolled
Wishlisted Wishlist

Please confirm that you want to add Website Design With Squarespace - No Coding Required to your Wishlist.

Add to Wishlist

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.
Best Seller
4.6 (50 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,677 students enrolled
Last updated 5/2017
Current price: $10 Original price: $60 Discount: 83% off
5 hours left at this price!
30-Day Money-Back Guarantee
  • 4.5 hours on-demand video
  • 1 Supplemental Resource
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
What Will I Learn?
  • 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.
View Curriculum
  • 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 :)

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.

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.
Compare to Other Web Design Courses
Curriculum For This Course
36 Lectures
Getting Started
3 Lectures 05:16

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.

Preview 00:53

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.

Preview 02:11

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.

Preview 02:12

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

Getting Started
3 questions
Tour of Squarespace
3 Lectures 10:51

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.

Preview 02:06

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.

Preview 05:30

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.

Commerce and Analytics Menu

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

Tour of Squarespace
2 questions
Change Settings
3 Lectures 25:35

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.

General settings

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.

Website settings

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.

Commerce settings

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

3 questions
Cover Pages
2 Lectures 15:11

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.

Creating the page

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.

Styling the page

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

Cover Pages
1 question
Creating Pages
2 Lectures 15:17

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.

Different page types

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.

Adding new pages and changing navigation menu

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

Creating Pages
2 questions
Editing Pages
10 Lectures 01:39:34

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.

Available blocks - Basic blocks

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.

Available blocks - Gallery and Summary blocks

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!

Available bocks - More blocks

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.

Available blocks - Filters and Lists blocks

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.

Available blocks - Commerce, Charts, and Social blocks

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.

Creating a form

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.

Creating layouts with spacing

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.

Prefooter and footer

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

Editing Pages
3 questions
1 Lecture 08:53

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.

Learn to blog
3 Lectures 11:56

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.

Adding products

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.

Taking payments with PayPal or Stripe

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!

Displaying products

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

2 questions
Style Editor
1 Lecture 08:46

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!

Using the style editor
Custom CSS and advanced techniques
6 Lectures 36:02

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.

How to target for custom CSS

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.

Adding custom fonts

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.

Creating an accordion type FAQ

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.

Using Font Awesome

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.

Having multiple menus / languages (ADVANCED)

Live chat is a great way to convert customers, especially if you have time for it, or if you have employees with desk jobs who can do the chat as part of their routine. This lecture will show you how to get live chat enabled VERY easily, with no ads or payments involved!

Adding live chat to your website (Added February 08, 2017)
1 More Section
About the Instructor
Vigasan Gunasegaran
4.6 Average rating
50 Reviews
2,677 Students
1 Course
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!