
May 17, 2023
How do I add pages to my BigCommerce store?
In this informative video article, our expert developer Kal, who runs the Ecommerce Growth Community, shares his knowledge on how to add pages to your Bigcommerce store. If you're looking to enhance your online store's functionality and provide valuable information to your customers, this video is a must-watch.
Kal starts by guiding you through the backend of your Bigcommerce store, specifically the "Storefront Web Pages" section where all your pages exist. He explains the different types of pages, such as category pages, product pages, blog pages, and the focus of this video, web pages.
By assuming that you're interested in creating web pages that are not categories, products, or blogs, Kal demonstrates the step-by-step process. He walks you through the creation of a sample page, showcasing various options like adding content using the WYSIWYG editor, linking to other pages or documents, creating pages with contact forms, and inserting raw HTML.
Throughout the video, Kal emphasizes essential features such as enabling web pages to appear in the navigation menu, optimizing pages for SEO purposes, and utilizing images to enhance the visual appeal. He also explains how to control page visibility and nesting options for better organization.
Additionally, Kal provides valuable insights into adjusting theme settings, specifically addressing the common issue of web pages not showing up in the menu by default. He shows you where to make the necessary changes in the Cornerstone theme, allowing your web pages to appear as intended.
Whether you're a beginner or experienced Bigcommerce user, this video offers valuable insights into creating and managing web pages. Don't forget to leave a comment and let Kal know what you're struggling with, as he's dedicated to helping you succeed in your ecommerce journey.
To watch the full video and unlock the potential of your Bigcommerce store, click the link below. Get ready to enhance your online presence and provide a seamless browsing experience for your customers.
Video Transcript:
(How do I add pages to my BigCommerce store?)
Hey there, how do you add pages to your big commerce store? In this video, I'm going to show you guys how to do that. Before we get started, my name is Kal, I'm a developer a store just like you and I run the E commerce growth community, which is a free community for people in E commerce. I'll leave the link below the video, if you're interested.
Let me share my screen, I'll walk you guys through how to do this. All right, in the backend of your big commerce store, we can go to storefront web pages. And this is where all of our pages exist. Now, there are different types of pages in your store.
There are category pages, there are product pages, there are page pages, and there are blog pages. There are technically a couple other types of pages, and your homepage too. But these are kind of the main ones. Now I'm going to assume for this video that you guys are looking for how to create web pages, which are not categories, not products, and also not blogs.
Although, you know, the process for doing a blog page is pretty similar. So we go into storefront and web pages. This is where all of your page pages live. And you can see I already have some of them in here. And some of them are marked with an X and some of them are marked with a checkmark.
Now the ones that are marked with a checkmark what that means is that it should be visible in our dynamic menu. And you may have that turned on or off as a feature. And I'll show you guys where to turn that on. Because I think you're probably going to want to be able to add web pages to your menu.
So let's create a sample page here by clicking Create. And there's some radio buttons up here can for what type of page or what this page is going to do. Okay, the first one is is going to have content using the WYSIWYG, which is this down here, the page editor. And that's what most of the time you're going to be doing.
If you're asking this question. Now, you could theoretically link to another page or document. So maybe you wanted to put like your gift certificates into your menu. And you know that that's already a page called gift certificates. Doc PHP, I think, don't quote me on that.
And so this would create basically a link or a placeholder in your menu that would point to that, again, I'm going to assume this isn't what you're wanting to do. But if this was supposed to be a page with a contact form on it, you would choose this one.
And basically this is the same thing is the WYSIWYG except when you scroll down, it lets you put a couple of fields on here, you know, to put a form down below the content of your page gender, right, so if you're if you're creating your contact page, you're going to select that one. This one right here is if you're going to put in raw HTML into a page.
And this isn't used very much. But this could be useful if you wanted to, say Paste raw HTML in for a landing page that you had created outside of big commerce and you wanted to just dump the code onto the page. That's what this text would this. That's what this option would choose for you.
All right, so let's choose the first one, because that's probably what you're looking for. Let's call this sample page, you can see it automatically creates a URL for us, I will usually let it just create the one that it wants to create, because it's going to be good for SEO purposes.
Anyway, you can see it's nice and matchy matchy. And then let's type some content into the page editor. And so this is going to just represent the content that we're going to put on this page. Now you have all the all the normal controls you would expect in a WYSIWYG or a page editor, including this button right here to upload images. And so I'm going to just put an image in here that I've already uploaded in the past, and click insert. Now this image that I put it is like ginormous.
So maybe I should have put a different one in there. Let's put a different one in there. Let's put in whatever this is. That's pretty big, too. All right, well, we'll just leave it there. And so you can use you know, use these buttons to get your content right. See this put this checkbox is there by default, and it says to put it in the navigation menu, so this will give it the Checkmark the checkmark that we saw in the previous screen, and unchecking it will turn it into an X on that previous screen. I'm going to just leave it checked.
If you want it to nest it under something else, you can nest it here. This is where you put in your SEO content like your page title, your meta description. I would suggest you just skip the keywords. Nobody uses that anymore. You can skip the search keywords. And so you just need to put in title and description and then call it good. And let's click Save and Exit.
Now this is going to take us back to the Web Pages menu where you can again see what is marked as visible and not visible. And because we left that checked as This should show a menu that it's marked as visible.
Alright, so now if I open the front end of the site, you'll see that it didn't show up. And that's because what I said earlier, which is that a lot of themes by default don't have web pages set to show up in their menu. By default, they have it like disallowed. I'll show you where to turn that on in cornerstone. So if you go to storefront, and then themes, you can click on Customize to go into the customizer.
This shows you your theme and lets you use widgets and stuff in here. But what we're looking for is this little thing that looks like a what do you call it an art palette, paint palette. I don't know the I don't know the word for that. But this represents your style choices.
And if we go into Header Footer, again on Cornerstone, this might be in a different spot, or it might not be in here at all, depending on the theme that you have. But this is you know, most people are running cornerstone. So I'm going to show you guys where it is on here. So in header and footer, we're going to scroll down to where it says Hide links to webpages. And if we just uncheck that, then you'll see our missing visible web pages come back, I'm gonna click Publish to make that live.
And it can take you know, five or 10 seconds to show up here on the front end. So I'm going to just refresh a couple of times until it shows up. And there it is. So sample page right there.
There's the picture of the lady walking. She's apparently what I had selected. And so it's right there in our menu. Now, if we want to go back and maybe nested under something, go to storefront web pages. Again, you can change how your nesting works. And your theme may or may not be set to show drop downs.
But if it is, then if we drag this down to something else and push it to the right, then now that's basically being shown as it is a child page about us. Let's see if this theme is going to show it looks like it's not. But it looks like Cornerstone does show a link to it from the about page so we can get to it from there.
Now if you want your dropdowns to show up and show us show pages, you can make that happen, you may just need a developer to help you with that, depending on what theme that you're using, but everything that is checkmark should be able to show up in the menu.
And if it's not a checkmark, like this test page here, then it's just not going to show up and you can change the check marks here just by clicking on them. So that would take it out of the menu. And that would bring it back. Alright, so that's how you create a new page in Bigcommerce.
You know, I have a different video on this but blogs are very very similar The difference is that blogs are just nested under the blogs instead of you know in your main menu like everything else. If you guys are just getting started Be sure to check out my course up there and leave me a comment below to let me know what you guys are stuck on. You know I make these videos to help you guys out so the more you guys tell me the more I can help you. Alright, thanks so much