Browse by Topic

Adding Web Pages

Web pages are a way to provide general information about your business or products. This article will outline the different options available on BigCommerce for creating web pages. When you create a web page, we have several methods for generating specific web page types: 

  • Contain content created using the WYSIWYG editor below — this will display a WYSIWYG editor below to enter your page content. The page may look different on the storefront because the theme applies its own styling to each page.
  • Link to another website or document — this displays fields to enter a link and type in a page name. The page name will show in your store's navigation.
  • Display syndicated content from an RSS feed — displays a WYSIWYG editor and an address box to paste the link to your RSS feed
  • Allow people to send questions/comments via a contact form — displays a WYSIWYG editor and a list of fields that you choose to display on the contact form
  • Contain raw HTML entered in the text area below — displays an area to enter raw HTML without theme styling. This means the output will not include things like the store header and footer unless you code them in.

Need help designing pages? Using an app like Shogun Page Builder provides an easy way to build pages visually.


Creating a Web Page with the WYSIWYG

The WYSIWYG Editor helps create web pages with a visual editor that automatically creates the necessary HTML code. It's ideal for general information pages such as FAQs or About Us pages.

1. Go to Storefront Web Pages, then click Create a Web Page.

Create a Web Page button highlighted on the View Web Pages screen

2. For This Page Will, select Contain content created using the WYSIWYG editor below.

Web Site Link

3. Name the page. This name will show in your navigation menu.

Page name field

By default, the page URL is generated automatically based off of the Page Name, the recommended format for SEO. If you have a specific URL you'd like the page to use, change it in Page URL.

4. Add any information, messages, or pictures you'd like to include in the Page Content section. The Page Content section has the same functionality as the WYSIWYG Editor in your product pages.

Page content WYSIWYG field


No WYSIWYG Editor? The options Link to another website or document and Contain raw HTML entered in the text area below do not use a WYSIWYG Editor. These require different inputs, as explained below.

5. Save your changes.


Deleting Web Pages

To delete web pages, go to StorefrontWeb Pages and check the box next to the web page you want to delete. Click the delete button (trash can icon), then click Ok in the confirmation pop-up.

Select the checkbox and click the trash can icon to delete web pages.


Be careful! Deleting a parent web page will automatically delete any child web pages. Make sure to "unnest" any child web pages that you would like to keep beforehand. Deleted web pages cannot be restored in the control panel — deleting is a permanent action. We recommend backing up your web pages manually or through the Rewind app.


Linking to Another Website or Document

This page type is best used if you have a downloadable PDF, documentation, or if you have an off-site blog.

1. For This Page Will, select Link to another website or document.

This Page Will: Link to another website or document

2. Name the page as you want it to appear in the navigation, then enter the URL it will link to. In this example, we're naming the page BigCommerce and linking it to the BigCommerce homepage.

Page Name and Link fields

If linking to an internal file or document, upload it via WebDAV, then reference its location in the Link field.

3. Save your changes.


Displaying an RSS Feed

The option to Display syndicated content from an RSS feed allows for feeds from third-party or external RSS feeds.

1. Go to StorefrontWeb Pages, then click Create a Web Page.

2. For This Page Will, select Display syndicated content from an RSS feed.

This Page Will: RSS Feed

3. Fill in the Page Name field, then paste the feed URL into the RSS Feed field, located below the WYSIWYG editor.

RSS Feed Field

4. Save your changes.

This will add a link to your site's navigation menu. Clicking the link will display the feed content.


Creating a Contact Form

BigCommerce provides a basic built-in contact form, but if you need custom fields or more advanced features, you can embed a third-party contact form.

See Creating a Contact Form for more details on how to set up a contact form page on your store. 


Entering Raw HTML

Selecting Contain raw HTML entered in the text area below will display a plain text box instead of the WYSIWYG Editor. This page type allows you to input the complete HTML of a page which will render exactly as it is entered in this text field, ignoring your storefront template. This option is ideal if you are transferring web page content from another platform.

Raw HTML page


Can I import a webpage? It is not possible to directly import a web page via WebDAV. You can only import new web page layouts by following the steps in Custom Template Files.


Advanced Options

All page types will include advanced options such as metadata, layout templates, and whether the page is only visible to customers who are signed into their account.

Advanced options

Keep in mind best practices on length and structure when authoring details such as the page title and meta description. See our article on SEO Fields for industry standard advice and tips. The following page types do not include metadata options:

  • This Page Will
  • Contain raw HTML entered in the text area below
  • Link to another website or document

Page Title

This field specifies a page title to be used as the HTML title tag. Your page title should include keywords people might search for to find this page. Leave this field blank to use the page's name as the title.

Meta Keywords

This field specifies the keywords that will appear in the HTML meta-keywords tag. Enter terms separated by commas. The use of meta keywords as a ranking signal by search engines has been largely deprecated over the past several years. Generally, you don't need to enter any data for meta keywords.

Meta Description

This field specifies the description that will appear in the HTML meta description tag. You'll want to have a clear and concise meta description. While not specifically a search engine ranking signal, it's still important that the descriptive text below your link be enticing to searchers.

Google uses a page's meta description in search engine results

Search Keywords

Not to be confused with meta keywords, search keywords are used when customers search from within your store. While search keywords are optional, if entered, they will be used to assist people when searching your pages. Multiple keywords will need to be separated by commas.

Template Layout File

Advanced users can create an alternate template layout file to use instead of the default one. If you've done this, you can select the layout file here.

Display as Home Page

If you tick this box, then this page will be displayed as the home page of your store. When this box is not ticked, then the default home page will be displayed instead, containing panels for new and featured products, and the Carousel.

Restrict to Customer Only

If you tick this box, this page will only be accessible to customers who are logged in to your store.

Sort Order

The order in which this page will be displayed in the navigation menu. A lower number will move it up in the navigation, while a higher will move it down. Negative numbers may be used.

Was this article helpful?