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.
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.
This quiz will have questions from the last 3 lectures and will help solidify your knowledge about starting out on 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.
This quiz will have questions from the last 3 lectures and will help solidify your knowledge about the different menu items on Squarespace.
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.
This quiz will have questions from the last 3 lectures and will help solidify your knowledge about the different settings available on Squarespace.
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.
This quiz will have questions from the last 2 lectures and will help solidify your knowledge about Cover 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.
This quiz will have questions from the last 2 lectures and will help solidify your knowledge about creating 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.
This quiz will have questions from the last 10 lectures and will help solidify your knowledge about modifying pages and adding different blocks.
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.
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!
This quiz will have questions from the last 3 lectures and will help solidify your knowledge about selling products on Squarespace.
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!
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.
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!
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!