
Learn to build a website without coding using Squarespace, from planning and setup to implementing a complete design.
Explore why Squarespace lets you build a site without coding with responsive templates, drag-and-drop ease, and strong maintenance, SEO, and support offerings.
Define the website’s purpose, plan content and pages, create a site map with mind Meister, and set up a Squarespace account to build a site without coding.
Learn how to set up a Squarespace account, choose a starting template (switchable later), and sign up with a name, email, and password to create your site.
Explore a basic tour of Squarespace 7, using the live editor to navigate pages, design, commerce, metrics, comments, settings, and help while editing demo content and text.
Install new Squarespace templates, explore top themes, and decide on a direction for your site by evaluating look, functionality, and how features like parallax and call-to-action appear.
Install a template in Squarespace and preview the five template to set a live design. Then edit pages and navigation, or cancel preview and switch back to Pacific as needed.
Set up your account and start a Squarespace tour, exploring each area of the site and learning what everything does. Gain a clearer understanding of Squarespace capabilities for your business.
Navigate the pages tab to delete demo content and create new pages or folders. Organize navigation by nesting pages, and add external links like Google.
Explore design tab to customize your site: update the title and logo, set the browser icon, and use the style editor, announcement bar, and mobile information bar.
Understand how Squarespace's built-in metrics capture traffic, audience size, visits, page views, mobile usage, referrers, popular content, and optional Google Analytics linking.
Explore the comments tab in Squarespace, learn to approve or flag comments, and manage moderation. Understand how Discus links comments to a profile across sites.
Explore how to configure the settings tab in Squarespace, including basic information, language and region, time zone, domains, email integration, permissions, and social connections for a live site.
Explore how to customize your blog URL with the title, enable discus comments and moderation, adjust SEO, blog post titles, and manage security and analytics in Squarespace settings.
Explore Squarespace tools and the style editor to design and stylize your website. Tweak layouts and visuals to match the site of your dreams.
Learn to use the visual editor to add and arrange site content with blocks, insert images, adjust layout with drag-and-drop, and create text wraps and columns, including social links.
Learn to customize the page settings by changing navigation and title, selecting sidebars or full width, adding a thumbnail, enabling password protection, and setting the home page.
Learn to edit text in Squarespace, apply heading 1–3 levels, adjust alignment, use bold and links, and paste as plain text to remove formatting.
Turn text into hyperlinks in Squarespace, choosing internal or external targets and whether to open in a new window or the current tab, and upload downloadable files.
Upload and manage images using the Squarespace image block, explore Getty Images for affordable visuals, and configure captions, lightbox, and SEO-friendly file names.
Learn to create and manage Squarespace galleries, upload images, and use existing galleries to link visuals across pages, with grid and slideshow designs, thumbnails, and light box.
Learn to add a quote block to your page, paste a quote with the author, and wrap it beside text with wraparound; then customize font and size in style editor.
Learn to add and customize a Squarespace video block, including inserting a video URL or YouTube link, uploading a custom thumbnail, and choosing to display captions.
Learn to add a Facebook like box to a Squarespace site using the code block, by copying embed code, pasting it, saving, and testing in a different browser.
Learn to use the form block to build a contact page on a Squarespace site, customize fields, thumbnails, layout, and storage options, including email and MailChimp.
Learn to add a map block in Squarespace, enter a business name and address, and adjust zoom, dimensions, and width to reveal streets and nearby businesses.
Explore advanced layout techniques in Squarespace using the horizontal line tool to split text into two columns, separate blocks, and create full-width lines as design elements.
Turn the see my portfolio link into a button in Squarespace, adjust the text, set the size to medium, align left, and open in a new window.
Learn to use the Squarespace summary block to showcase blog posts, galleries, or products without code in grid, list, carousel, or auto columns layouts, with customizable metadata.
Connect Instagram to Squarespace and add Twitter and Instagram social boxes, then customize alignment, size, borders, and color themes, with grid, slider, or lightbox display options.
Learn to edit the footer on a Squarespace site, customize text and blocks, and style fonts and colors in the style editor for a consistent footer across all pages.
Explore the visual editor in Squarespace, a drag-and-drop interface that powers building a site without writing code, unlocks many tools and tricks, and remains a core, powerful feature.
Discover the style editor in Squarespace to stylize and design your site to your liking. As a major core feature, it is incredibly easy to use and incredibly powerful.
Explore Squarespace's style editor to customize themes via the design tab, adjusting site background, width, padding, canvas offsets, and navigation delimiters with live, room-for-experiment tweaks.
Explore how the style editor lets you customize header background, colors, fonts, and banners without coding, including logo swaps, hover states, overlay opacity, and page title options.
Use the style editor to customize the navigation background, fonts, colors, spacing, and position, including link colors, hover and active states, and left, center, or right alignment with icons.
Use the style editor to set headings (h1–h3), body text, and links; adjust fonts, sizes, colors, line height, and spacing, and tailor buttons, footer, and social icons.
Discover how to use Squarespace's robust blogging platform to set up a blog, add posts, and manage all blogging features for a site created without code.
Learn to set up a blog on Squarespace, create posts with rich media, optimize with thumbnails, excerpts, and SEO tags, and customize layout with sidebars and a style editor.
Learn to set up an e-commerce store on your website with Squarespace, as this section demonstrates how to use their e-commerce platform.
Learn to set up an ecommerce store by adding products, configuring shipping, and connecting Stripe to go live, with options for digital products, free ebooks, and product blocks.
Learn to expand your store by adding more products, setting up e-commerce basics, and configuring orders, payments, shipping, taxes, and inventory with Stripe and ShipStation integrations.
Discover Squarespace cover pages, a recently released feature that lets you build a simple one-page site to promote events, product launches, or videos.
discover how cover pages function as simple, customizable one-page websites, and learn to tailor branding, imagery, video, and call-to-action elements like RSVP links to promote events or galleries.
See this course move from Squarespace feature demos to designing a website from beginning to end, using a theory-led approach and a live, screen-by-screen build launched from scratch.
Plan your Squarespace site using mind Meister to create a sitemap and map home, about, photos, and contact pages, define page purpose and call to action to improve site flow.
Build a website framework in Squarespace by creating a site map, setting up pages (home, about, photos, contact), and configuring a photo gallery with uploaded and compressed images.
Create a clean photography page by removing the sidebar and header, using a full-width gallery with auto columns and lightbox, and adding a centered more about button.
Create a simple about page by adding an artist statement, pasting plain text, and setting a consistent layout; include a footer call to action linking the gallery and photos pages.
Create a basic contact page by adding a banner image, a simplified name field, and a mailto link, then configure a form to email Elizabeth.
Upload a logo and favicon, swap the site logo and title, and set a tagline for SEO, then save to reflect changes and sharpen the site's appearance.
Edit the footer to keep copyright simple, add a lowercase contact link to the contact page, and verify that the link points to /contact before saving.
Create a fresh home page by removing old content, adding a bold headline and a call-to-action button linking to photos, with a compressed image and style editor tweaks.
Style the site using the style editor to adjust themes, typography, colors, and spacing for a clean, minimalist design with cohesive header, navigation, and content.
Launch your website built from scratch and publish it live on your domain. Watch how to turn your design into a live site.
Launch your live website by linking your domain with GoDaddy, configuring DNS zone records, verifying ownership, and completing domain mapping with Squarespace for a quick, hassle-free setup.
Squarespace has revolutionized the way that websites are created. You no longer need to be a developer to build a website. Anyone of any skill level can create a beautiful, modern and mobile friendly website on the Squarespace platform.
In this course you will learn how to:
This course is targeted for all skill levels:
The course is approximately 5.5 hours in total although some parts are optional depending on the individuals previous knowledge of web design.
The course is structured in two sections. The first half is an in-depth walkthrough and tutorials on how to use Squarespace. The second half of the course shows me actually designing a site from beginning to end.