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 that suit your needs. When you create a web page, we have several methods for creating the page you need. 

  • 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 store front 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 display in your store's navigation.
  • Display syndicated content from an RSS feed — displays a WYSIWYG editor and an address box to paste in the link to your RSS feed. See Using Syndication Feeds for more information.
  • 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.

    Creating a Web Page with WYSIWYG

    1. Go to Storefront ContentWeb 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

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

    4. Add any information, message, 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 explained below.

    5. After adding your content, scroll down to Navigation Menu Options. You can specify if this page will be shown in the navigation menu. You can also make it a "subpage" by selecting a Parent Page.

    Navigation Menu Options

    Web pages are only shown one level deep in your store's navigation, which means it will only display Parent Pages. A "subpage" is accessible from its Parent Page, but does not appear in navigation.

    6. Save your changes.

    Linking to Another Website or Document

    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 Link.

    3. Save your changes.

    Creating a Contact Form

    BigCommerce provides a basic built-in contact form in the Web Content area, 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. 

    Advanced Options

    Advanced options

    Keep in mind best practices on length and structure when authoring details about your product like the page title and meta description. See our article on Page Titles and Meta Descriptions for industry standard advice and tips. Not all of the This Page Will options will display all these advanced options. 

    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. The search keywords are optional, but if entered will be used to assist people when searching your pages. Enter keywords 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 containing new products, featured products and the carousel will be displayed instead.

    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.

    Related Articles

    Was this article helpful?