Latest / ThinkInsideTheSquare / 35: Squarespace Simplified: The Ultimate Nerdy Glossary for Squarespace Users

Transcript

35: Squarespace Simplified: The Ultimate Nerdy Glossary for Squarespace Users · ThinkInsideTheSquare

• 0:05
  Speaker 1: A few weeks ago, I was packing up our camping gear, getting ready to head out for a trip, and I literally said we can upload the cooler to the backseat.
• 0:12
  Speaker 1: Because I'm a nerd, I think in computer terms, when I'm sitting down to chat with other Squarespace-ers, it seems like we're speaking another language.
• 0:20
  Speaker 1: So in this episode of Think Inside the Square, I wanted to give you an audio download of the terminology you should probably know when working with Squarespace.
• 0:29
  Speaker 1: Welcome to Think Inside the Square, a podcast full of tips and tricks to help you create a Squarespace website that you're proud of.
• 0:35
  Speaker 1: I'm your host, becca Harpain, squarespace expert and creator of InsideTheSquareco.
• 0:40
  Speaker 1: In this episode, I'm sharing some of my favorite Squarespace-er slang to help you Google the right thing, find the right support in the forum and make you sound really cool at your next business conference.
• 0:51
  Speaker 1: For a transcript of this episode, along with the links to any resources mentioned, visit InsideTheSquareco.
• 0:57
  Speaker 1: Forward slash podcast.
• 0:58
  Speaker 1: The term Squarespace is a trademark of Squarespace Incorporated.
• 1:01
  Speaker 1: This content is not affiliated with Squarespace Incorporated.
• 1:04
  Speaker 1: Squarespace is so much more than a website development platform.
• 1:08
  Speaker 1: We have campaigns for email management, commerce features, analytics, and sometimes it seems like you have to learn a new language to find the right answer in the forum.
• 1:18
  Speaker 1: In this episode of Think Inside the Square, you'll learn the important Squarespace or slang that can help you sound like a nerd.
• 1:24
  Speaker 1: Before we get into too many Squarespace specifics, I do want to talk about just some general web terms that I think you should know.
• 1:31
  Speaker 1: This will be really quick, so if you're not new to the internet, stick with me here anyway.
• 1:35
  Speaker 1: First up, let's talk about a browser.
• 1:37
  Speaker 1: That's a program that you use to browse the internet.
• 1:40
  Speaker 1: We're talking Safari, chrome, firefox, whatever program you open on your computer or your mobile device to explore the Internet.
• 1:48
  Speaker 1: That's a browser.
• 1:48
  Speaker 1: When you're on that browser, you'll type an address into the address bar.
• 1:53
  Speaker 1: That address is your domain.
• 1:55
  Speaker 1: The domain is the Internet address for your website, for the content that you create.
• 2:01
  Speaker 1: Now you can purchase a domain through Squarespace.
• 2:04
  Speaker 1: You can buy one from a third party and connect it to Squarespace.
• 2:07
  Speaker 1: However you get that domain, the content of your website lives at that internet address that you type into the address bar on the browser.
• 2:15
  Speaker 1: Now your website itself is hosted on a server.
• 2:19
  Speaker 1: Don't worry too much about the technical details there, because Squarespace takes care of all of that stuff for us.
• 2:25
  Speaker 1: They manage the servers that your website is hosted on.
• 2:28
  Speaker 1: But those are two important terms to know host and server.
• 2:31
  Speaker 1: Now let's say someone tries to go to your domain, they type that into the address bar but they get something wrong.
• 2:37
  Speaker 1: On the back end.
• 2:38
  Speaker 1: Maybe they say inside the squareco forward slash garbage, which is not a URL that's on my website.
• 2:44
  Speaker 1: They're going to run into a 404.
• 2:46
  Speaker 1: A 404 is internet slang for an error.
• 2:50
  Speaker 1: That means the file wasn't found.
• 2:51
  Speaker 1: It can't find that page anywhere.
• 2:53
  Speaker 1: Inside Squarespace you can set up a custom page to be served anytime.
• 2:58
  Speaker 1: Someone goes to your domain but goes to the wrong page, finds the wrong spot on your domain.
• 3:03
  Speaker 1: I'll have a link in the show notes for this episode with information on how to set up a custom 404 in Squarespace.
• 3:10
  Speaker 1: Again, those show notes are at insidethesquareco forward slash podcast.
• 3:14
  Speaker 1: Another term that's not Squarespace specific but is used a lot when talking about Squarespace is responsive.
• 3:21
  Speaker 1: Squarespace is a responsive website program.
• 3:25
  Speaker 1: That means it's going to change the layout of your website content, like adjust how things are organized and arranged and the size of some of your content based on the screen size.
• 3:36
  Speaker 1: It's responding to the size of the browser window.
• 3:40
  Speaker 1: So when you look at Squarespace on your computer versus your mobile device, you'll notice that the layout is different.
• 3:47
  Speaker 1: Now there are some places in Squarespace that we can manually adjust the layout for smaller screens, but a lot of the content is resized for us automatically, which is what makes Squarespace a responsive website builder.
• 4:00
  Speaker 1: It responds to the size of the browser window that you're using to look at your website.
• 4:05
  Speaker 1: All right, one last thing I want to talk about that is internet-specific but really applicable to Squarespace, and that's your website template.
• 4:12
  Speaker 1: I want you to think about this template as a pre-built website layout.
• 4:17
  Speaker 1: It's got the sections already designed, but you can personalize it with your own content, your text, your colors, your images.
• 4:23
  Speaker 1: Squarespace has templates, and that's how most of us start a website.
• 4:28
  Speaker 1: Other designers also sell Squarespace templates, pre-made designs that they created in Squarespace that you then customize.
• 4:35
  Speaker 1: But I'll let you in on a little secret Anything built on version 7.1 can do the same thing.
• 4:41
  Speaker 1: That's the latest version of Squarespace.
• 4:43
  Speaker 1: All of these templates can be customized to look like whatever you want them to be.
• 4:48
  Speaker 1: These templates are just time savers for your design.
• 4:52
  Speaker 1: Pick a template that you like the style of, and you'll be able to spend more time on the content and less time fussing over the layout.
• 5:00
  Speaker 1: So template, that's another word that's important to learn when you're working with Squarespace.
• 5:05
  Speaker 1: Oh, one last one I should probably share that isn't Squarespace specific but is very important for anyone building a website SEO.
• 5:12
  Speaker 1: This stands for search engine optimization.
• 5:15
  Speaker 1: It's all about optimizing the content of your site so that Google will serve it for the correct search results.
• 5:22
  Speaker 1: It's making sure your website shows up higher in search results when people type in keywords and phrases related to the content of your website.
• 5:31
  Speaker 1: I have a ton of content about SEO.
• 5:34
  Speaker 1: You can find more links in the show notes for this episode.
• 5:38
  Speaker 1: All right, let's get into some Squarespace specifics.
• 5:40
  Speaker 1: That was the point of this one right, starting off with one of my favorites config C-O-N-F-I-G.
• 5:51
  Speaker 1: When you're logged into Squarespace and you see your menu on the left and your site preview on the right, you are in config.
• 5:55
  Speaker 1: Take a look at your browser address bar.
• 5:57
  Speaker 1: It'll have your root domain followed by forward slash, config.
• 6:01
  Speaker 1: Config means you're in Squarespace.
• 6:04
  Speaker 1: You're in the program.
• 6:05
  Speaker 1: You're not just browsing your website Menu on the left, site preview on the right.
• 6:09
  Speaker 1: That means you're in config.
• 6:11
  Speaker 1: Now, while you're in Squarespace and you want to work on the design of your website, you want to access your design menu, you'll click the paintbrush icon on the top right-hand side, but in a lot of blog posts, tutorials and other articles online, you'll hear people call that site styles.
• 6:28
  Speaker 1: The design menu used to be called site styles and a lot of us Squarespace-ers still use that term.
• 6:34
  Speaker 1: So if you ever hear site styles, that means your design menu.
• 6:38
  Speaker 1: Now, talking about your website, how about we start at the top your website header.
• 6:42
  Speaker 1: The header of your website holds your site title or logo and then all of the links.
• 6:47
  Speaker 1: Those links are in your main navigation, but the header is talking about the whole thing your site title or logo and all of the links.
• 6:55
  Speaker 1: Now you can also toggle on header elements like a button or a shopping cart or social media icons.
• 7:03
  Speaker 1: Those are header elements and they'll be displayed with your main navigation and with your site title or logo, and all of that lives in the header.
• 7:12
  Speaker 1: Now, when you reach a specific screen size, squarespace will change your header and add your mobile menu icon, replacing your main navigation with that mobile menu icon.
• 7:22
  Speaker 1: Clicking on that icon opens up your mobile menu and that icon is often referred to as a hamburger.
• 7:29
  Speaker 1: So if someone says hamburger menu, that's what they mean.
• 7:32
  Speaker 1: Now, on your page itself.
• 7:34
  Speaker 1: You've got a lot of content there and we've got some very important Squarespace-specific terms to cover here.
• 7:39
  Speaker 1: I do have a full list of these in the show notes for this episode.
• 7:43
  Speaker 1: But I also have one more link I should mention and that's my glossary.
• 7:46
  Speaker 1: I have an entire page on my website dedicated to Squarespace terms.
• 7:51
  Speaker 1: Find that at insidethesquareco.
• 7:53
  Speaker 1: Forward slash glossary.
• 7:54
  Speaker 1: Okay, let's get into this content.
• 7:56
  Speaker 1: Here we have the page of your website.
• 7:58
  Speaker 1: This page can be a standard page, a collection list, a collection page or an auto layout.
• 8:07
  Speaker 1: And here is what I mean.
• 8:09
  Speaker 1: A standard page is made up of page sections.
• 8:11
  Speaker 1: A collection list shows a list of items in that collection.
• 8:16
  Speaker 1: Here's a great example A blog with blog posts.
• 8:19
  Speaker 1: The collection list is the blog.
• 8:21
  Speaker 1: The collection item is the blog post Following.
• 8:25
  Speaker 1: So far, awesome.
• 8:27
  Speaker 1: Now inside Squarespace we have standard pages.
• 8:30
  Speaker 1: Then we have those collection pages and, I said, one more, auto pages.
• 8:34
  Speaker 1: These are pages automatically created by Squarespace, like a search results page or a shopping cart page.
• 8:40
  Speaker 1: This shopping cart page, it's going to change based on what people add to their cart, so that is automatically created.
• 8:47
  Speaker 1: You're not going to find your shopping cart in your pages menu.
• 8:50
  Speaker 1: Your pages menu is where you'll find pages and you'll find collections.
• 8:57
  Speaker 1: Now, on these standard pages, you'll have different page sections.
• 9:02
  Speaker 1: This is in the latest version of Squarespace, known as 7.1.
• 9:04
  Speaker 1: These page sections can be auto layouts, fluid engine or classic editor.
• 9:13
  Speaker 1: Nowadays it's really hard to grab a classic editor section, but they're still in there.
• 9:17
  Speaker 1: But we also have fluid engine sections.
• 9:20
  Speaker 1: Those are the main type of sections.
• 9:21
  Speaker 1: In auto layouts, when you're adding a page section, you'll see a little eye icon on the top right-hand side of a section preview.
• 9:28
  Speaker 1: That indicates an auto layout like a list section or a gallery section.
• 9:33
  Speaker 1: Those don't have content blocks, but Fluid Engine and Classic Editor do.
• 9:37
  Speaker 1: Here we go.
• 9:38
  Speaker 1: Another term content blocks.
• 9:41
  Speaker 1: This is the bulk of what will make up your Squarespace website.
• 9:44
  Speaker 1: Content blocks include things like a text block, an audio block, a calendar, a form, a contact form, a newsletter form, an image block.
• 9:54
  Speaker 1: Content blocks make up the bulk of the content of your website.
• 9:59
  Speaker 1: That content block lives inside a page section that lives on a page that's on your domain.
• 10:06
  Speaker 1: Now, when we're talking about page sections, I said auto layouts.
• 10:10
  Speaker 1: Those are list sections and gallery sections.
• 10:12
  Speaker 1: There are different ways to manage your content there.
• 10:15
  Speaker 1: Then we have fluid engine sections.
• 10:17
  Speaker 1: How do you know if you're in a fluid engine section when you're editing your Squarespace website in config?
• 10:23
  Speaker 1: Look at me dropping these new terms on you.
• 10:25
  Speaker 1: You're editing your Squarespace website because you're in config and you're looking at a page and you're looking at a page section on the top left-hand side that says add block.
• 10:35
  Speaker 1: That's going to be a fluid engine section.
• 10:37
  Speaker 1: If it says upgrade, that means it's classic editor and it wants you to stop using that.
• 10:42
  Speaker 1: It wants you to upgrade to a fluid engine section editor and it wants you to stop using that.
• 10:45
  Speaker 1: It wants you to upgrade to a Fluid Engine section.
• 10:47
  Speaker 1: Fluid Engine was released in July of 2022.
• 10:51
  Speaker 1: We've been using it for a while.
• 10:52
  Speaker 1: It's just a different way of editing the content blocks of your Squarespace website, and you know what a content block is.
• 10:56
  Speaker 1: It's an audio block, it's a text block, it's a contact form, a newsletter form, any block of content you want to add to your Squarespace website.
• 11:04
  Speaker 1: Now let's pull back a little bit and talk about the structure of your Squarespace website.
• 11:08
  Speaker 1: When you log into your config and you're looking at the Squarespace program on the left-hand side, you have your main menu.
• 11:16
  Speaker 1: This is how you navigate the program and if you click into website.
• 11:20
  Speaker 1: That's how you navigate your pages.
• 11:22
  Speaker 1: On the top part of your pages menu, you're going to have all the pages in your main navigation.
• 11:28
  Speaker 1: Then you can have member areas.
• 11:30
  Speaker 1: Squarespace allows you to create password protected folders of your website that hold exclusive content that only members can access.
• 11:38
  Speaker 1: You can add any type of page in there a collection page, a standard page, any type of content that you want to a member area but only people with a login can access that content.
• 11:49
  Speaker 1: Now, on this pages menu, underneath your pages and underneath member areas, if you have those enabled, you'll see the not linked section of your site.
• 11:57
  Speaker 1: This is where a bulk of the content of inside the squareco lives.
• 12:02
  Speaker 1: In this not linked section.
• 12:03
  Speaker 1: This is where I have pages that I don't want on my main menu, but they're really important pages.
• 12:08
  Speaker 1: This is where I have my sales pages.
• 12:10
  Speaker 1: This is where I have terms and conditions and my privacy policy important pages that I'll want to link to that don't need to be a part of my main navigation.
• 12:19
  Speaker 1: This is also where I have landing pages.
• 12:22
  Speaker 1: Ding, ding, ding new word landing page.
• 12:25
  Speaker 1: This is a specific page on your site designed for a specific purpose, like capturing an email address or promoting a special product.
• 12:34
  Speaker 1: It's like a dedicated page for that specific content.
• 12:37
  Speaker 1: Sales pages are landing pages, and I've got a lot of freebies on my website.
• 12:42
  Speaker 1: I love sharing free content pages and I've got a lot of freebies on my website.
• 12:46
  Speaker 1: I love sharing free content, so I have well over 20 landing pages.
• 12:48
  Speaker 1: Now, technically that's not a Squarespace-specific term you can have a landing page in all different kinds of programs but it's one I really wanted to share because it's an important one to know when you're building out your Squarespace website.
• 12:59
  Speaker 1: Now here's another general term that we Squarespace-ers use a lot, and that's CTA, which stands for call to action.
• 13:06
  Speaker 1: Your CTA, or your call to action, is where you literally tell someone to take action on your website.
• 13:12
  Speaker 1: It can be as simple as submit for a contact form.
• 13:16
  Speaker 1: It can be enroll now for a membership.
• 13:19
  Speaker 1: Your call to action is literally telling people what you want them to do.
• 13:23
  Speaker 1: Next.
• 13:24
  Speaker 1: They're often associated with buttons.
• 13:27
  Speaker 1: Now, a call to action is a great thing to include in an announcement bar.
• 13:30
  Speaker 1: Here's a Squarespace specific one for you.
• 13:33
  Speaker 1: Under website website tools, you'll find some messaging features, including your announcement bar.
• 13:38
  Speaker 1: This is a bar of text that you can place at the top of your website that will show up before the rest of your content.
• 13:45
  Speaker 1: A lot of people love to use this announcement bar to announce new content or an upcoming sale or a special event.
• 13:52
  Speaker 1: You can do all kinds of creative things with it.
• 13:55
  Speaker 1: Inside Squarespace it's built to just have text, to display text and then be clickable, but thanks to custom code, you can do all kinds of things with your announcement bar to really make it unique.
• 14:07
  Speaker 1: Which brings me to our next term, my favorite term custom CSS.
• 14:11
  Speaker 1: Css stands for cascading style sheet, and every single website on the Internet has a CSS file.
• 14:20
  Speaker 1: Squarespace writes your CSS for you based on what you choose in your design menus, what fonts you select, what colors you decide to work with.
• 14:30
  Speaker 1: Squarespace writes your CSS for you and we Squarespace-ers can add custom CSS.
• 14:36
  Speaker 1: We can add custom CSS to our Squarespace website and Squarespace will place that at the end of our cascading style sheet file.
• 14:44
  Speaker 1: So when we go to our domain in a browser and load our website, we can have our own custom styles added to Squarespace.
• 14:54
  Speaker 1: This is how you can get really creative, making sure that the Squarespace template you started with is uniquely yours.
• 15:00
  Speaker 1: Custom CSS is not necessary for every website, but I think it's a really fun way to get extra creative with Squarespace.
• 15:08
  Speaker 1: When I'm building a Squarespace website, I try to do anything and everything I can to make it look amazing and then add a little sprinkle of custom CSS to make it even more unique.
• 15:20
  Speaker 1: If you want to check out my landing page to get a free guide on CSS, head on over to insidethesquareco forward slash learn.
• 15:27
  Speaker 1: I was a little worried when I started recording this podcast that it'd be a little too jumbled and all over the place because I knew as I started talking I'd think of more terms and it just happened again.
• 15:37
  Speaker 1: So when I said my landing page insidethesquareco forward slash learn that word learn is a URL slug.
• 15:46
  Speaker 1: A URL slug is text that is added to the end of a domain.
• 15:51
  Speaker 1: It'll come after a forward slash symbol and that's how you can access pages inside your Squarespace website.
• 15:57
  Speaker 1: Now, every page on your Squarespace website, aside from the home page itself, your main domain every page will have a URL slug.
• 16:06
  Speaker 1: I did it again.
• 16:07
  Speaker 1: I said another term your home page.
• 16:09
  Speaker 1: When you assign something as your home page in Squarespace, that's the page that people will see when they go to your domain.
• 16:16
  Speaker 1: All right, let's pull back.
• 16:18
  Speaker 1: Do a quick review of some terms here.
• 16:20
  Speaker 1: You ready.
• 16:20
  Speaker 1: Let's do this recap.
• 16:22
  Speaker 1: When you're using a browser, a program that you use to browse the internet, like Safari, chrome or Firefox, you type your domain into the address bar.
• 16:30
  Speaker 1: That domain is your website's address on the internet that's hosted on a server by Squarespace.
• 16:36
  Speaker 1: When you go to that domain, people will see your website content.
• 16:40
  Speaker 1: At the very top of the page will be your website header, that is, your site title or logo, your header, menu and any elements you've decided to include in your header, like your social media icons or a shopping cart or a call to action button.
• 16:55
  Speaker 1: If someone's looking at your website on a mobile device like a phone or a tablet, they won't see your main navigation or elements, but they'll see a hamburger or mobile menu icon.
• 17:06
  Speaker 1: Clicking on that icon will show the mobile menu.
• 17:09
  Speaker 1: Now let's say they're exploring the content on your website by clicking on a page within your main navigation, underneath the header, they'll see the page content.
• 17:19
  Speaker 1: Standard pages are made up of page sections and inside those page sections you have content blocks full of content.
• 17:26
  Speaker 1: Those content blocks can be text, they can be images, they can be audio blocks.
• 17:31
  Speaker 1: There's all kinds of stuff you can add using a content block in Squarespace.
• 17:35
  Speaker 1: Some of those page sections have automatic layouts, like list sections or people sections, and underneath all of that you'll find the footer of your website.
• 17:46
  Speaker 1: This is where you can link to important pages like your terms and conditions, your privacy policy.
• 17:51
  Speaker 1: These pages will be in the not linked section.
• 17:53
  Speaker 1: Important pages like those can live in the not linked section of your site.
• 17:58
  Speaker 1: They won't be seen in your main navigation, but they still exist on Squarespace when someone goes to the specific URL slug that you've given to that page on your domain.
• 18:08
  Speaker 1: Some of the pages on your website are standard pages, but some of them might be a collection list, like a list of blog posts, and when someone clicks on the blog post, they're viewing the collection item page.
• 18:21
  Speaker 1: That collection item page might have some specific content on it that you modified with custom CSS, that you added a square space to change the style of your website, only using it to change things that you can't adjust using your design menu, which used to be referred to as site styles.
• 18:40
  Speaker 1: How was that?
• 18:41
  Speaker 1: For a recap, I think I brought it all together, but we covered so many terms in this episode today and I want you to have a copy of them all, I've published this glossary on my website insidethesquareco forward slash glossary.
• 18:56
  Speaker 1: There you can browse all the terms we covered today and so many more that are going to be helpful for you to know when working inside Squarespace.
• 19:04
  Speaker 1: Again, that's insidethesquareco forward slash glossary.
• 19:07
  Speaker 1: Thank you so much for listening to this episode of Think Inside the Square.
• 19:11
  Speaker 1: I hope you enjoyed it.
• 19:13
  Speaker 1: If you did, please subscribe to this podcast wherever you happen to be listening to this episode.
• 19:17
  Speaker 1: Thanks again for listening and, most importantly, have fun with your Squarespace website.
• 19:22
  Speaker 1: Bye for now.