Page History

Create

a custom page 

1. In the CMS, go to Content → Content → Pages & Templates.
   
   
2. Click the Custom Pages tab.
   
   
3. A list of existing Existing custom pages will be are displayed. To create a new page, click Add Page. 
   
   
4. Enter your Page Name and other SEO/meta data information.NOTE - Once you enter the Page Name, the fields below it will auto-populate. Edit any of them as requiredneeded. 
   
   
   1. SEO Friendly URL - the page's userUser- and search engine-friendly URL for the page.
   2. SEO Description - the blurb that displays under the Title and URL on a search engine's results listing.
   3. Browser Page Title - the page title that will display displayed at the top of the browser window (or on the browser tab) and in the meta title tag.
   4. Image Name - add a social media-shareable image (OG image) when this page description and link appear on social media platforms (available for v4.11+ only)  
   5. Breadcrumb Parent - if you'd like (optional) to display a product category to appear in the breadcrumb for this page's breadcrumb, select it from the dropdown list.
      
      
      

5. IIf this will be (Skip this step for a Widget-based page.) For a Simple page (i.e. no widgets used), enter the Title, Icon, and Subtitle to be displayed display at the top of the page content area.  Skip this if you're creating a Widget-based page.
   
   

   Data input	Resulting output
   Image Modified	Image Modified

   
   
   

6. Next in

   Users access pages via menus. In the Add to a Menu section, you must add the page to at least one menu.

   This will allow users access to this page via a menu. (You can also set permissions if access is only available depending on user role.)
   Image Removed

   The menu can be an existing one or you can create a new menu here. 
   
   In Menu Type, select 'Section Menu' or 'Navigation Menu' to

   narrow

   filter the menus in dropdown list.

    

   NOTE - To select a Section Menu, the Menu Editor feature must be enabled for your site. 
   Image Modified

   
   In Menu, select a menu. 
   Toggle ON Hidden if you don't want the page to appear as a link on the menu (say, for example you want the page to be accessed via a promotional email link only).
   Toggle ON Requires Authentification if users need to be verified to access the page.
   Toggle ON Include in SiteMap if you want the page included in your website's sitemap.
   Image Removed
   
7. Click Add Menu. The menu displays.
   Image Removed
   
8. If you need to further restrict which roles can access this page on the chosen menu, hover over Options, then Menu Associations.
   Image Removed
   Toggle access ON or OFF for each Role as needed:
   Image Removed
   Repeat steps 6-12 for any additional menus this page should be added to.
   InfoFor CMS 1.23, you will be able to create a new Section Menu when adding or editing a page. NOTE - The Menu Editor feature must be enabled for your site. 

   
   
   

   Expand
   title Difference between Section Menu and Navigation Menu
   Your Commerce Vision website has two types of menus: the navigation menu - usually for products and categories section menus - for content pages A standard ecommerce website typically has only one main navigation menu. But it probably will have a few section menus in various places. For example, your site's footer is likely to have more than one section menus, e.g., an 'Our Store' and 'Need Help?'.  Image Added

   
   
   

9. Use Step (7a) if you want to link the page to an existing section menu. Use Step (7b) if you want to create a new section menu. Go straight to Step 8 to add to a navigation menu. 
   

   1. Select an existing menu.
      
      NOTE - The blue text bubbles next to a menu show existing access restrictions for menu. Once you have selected a menu, you can add or remove restrictions.
      
      Image Added
      
      
      

      1. (optional) If you chose to add this page to an existing menu and want to add or remove existing role restrictions, hover on Options and select Menu Associations. Toggle ON each Role that should has access to this menu, then click Confirm.
         
         Image Added
      2. Hover over Options to add other conditions on the page: hidden (not searchable), authenticated (user mut be logged in to view it) or included in the sitemap. 
         
         
      3. You have finiished linking the page to an existing menu. Go straight to Step 15.
         
         

   2. Create a new menu.
                 

      Info
      Section Menu 1. Make sure the Section Menu radio button is selected, then click Add New Section Menu.  Image Modified  2. In the modal window, enter the section menu name, then click Create.  Image Modified 3. Toggle ON/OFF options for the menu as you need. See: Section Menu Editor. Image Modified 4. Click Add Menu. The added menu appears in the Add to a Menu section. Image Modified 5.

   Edit Options if needed

   1. To add any restrictions to access, hover over Options and select the restriction type. TIP - The new Section Menu can also be deleted here by selecting Remove. Image Modified 6. To restrict access by User Role, select Menu Associations. Once the page has been saved, the new Section Menu can be accessed on the Section Menu Editor screen (Content → Navigation → Section Menu Editor). Image Modified 7. You have finished adding a new menu. Go straight to Step 16.

      
      

      
      
      

10. To add to a navigation menu, in Menu, select a navigation menu. 
    

    Info
    Select '*Top Level*' to add a link on the highest level of the Navigation Menu (typically used for products/categories). Image Added Image Added Image Added

    
    
    

11. Hidden: Toggle ON to hide the page link on the menu (say, for example you want the page to be accessed via a promotional email link only).
    
    
12. Requires Authentification: Toggle ON  if users must be logged in to see the page.
    
    
13. Include in SiteMap: Toggle ON to include page in your website's sitemap.
    Image Added
    
14. Click Add Menu. The added menu is displayed with options shown.
    Image Added
15. To restrict which Roles can view this page, hover over Options, then Menu Associations.
    Image Added
    
    
16. Toggle ON or OFF for each Role:
    Image Added
17. Repeat steps 6-15 for another menu this page is linked from.
    
    
18. In the Page Content section, select Simple or Widget Based: 
    
    
    • Simple -  page content is added via the WYSIWYG (What You See Is What You Get) content editor you see here. The editor allows you to format text, add links, images, and other html. See 'Adding Content - Simple Pages' below.
      
      
      
    • Widget Based - page content is added via widgets on a template. Use this option to display dynamic content such as product campaigns, banner sliders, and more. 
      
      
      
19. To save your page, click Save or Save & Exit.

Add Content - Simple Pages 

If you selected to add content via the Simple option, click 'Edit' on your newly created page. This will load the WYSIWYG content editor. 

1. In the Page Content area, add the text you needcontent.
   
   Below is obviously a very simplified example, but you can play with font sizes, colours, and formats. The editor is very much like what you've used in Microsoft Word or OpenOffice.

   Text input	Resulting output

     

2. To add images, embedded videos and links, click the Insert tab, then select the option you requirewant. For instance, to add an image, select Insert → Image. Upload the image and give it a description. Change the dimensions if you wish. Click OK to insert it. The selected image will is now be inserted into your page content. 

   
   
   
3. For greater control, you can edit your content via the HTML code editor. 

1. 1. Select Tools, then < > Source Code to access the code view. 
   2. Here you can edit text formatting tags, resize images, or add other content directly into the HTML. 
      
      
      
   3. Click OK to return to content editor mode, where you can see a preview of your slick coding skills.
      

4. Once you're happy with To save the page, click Save & Exit to save it. 
 

Tip
There are plenty of online tutorials if your HTML knowledge is minimal or a bit rusty. Try http://www.w3schools.com/html/ on for size.

Add Content - Widget Based Pages

If you selected the Widget Based option, you should be are redirected to an empty template on first save of your new page. This is your blank canvas, all ready to go. 

By default, custom pages are created using a single column layout with one row. Before adding widgets, you may wish to create a custom layout for your page. See our Layout Creator article for information on how to do this.
   

1. Once you're ready to add content, simply click 'Add Widget' in the zone you'd like to it to appear.
   
   
2. The widget selector window will open, where you can browse or search for just the right widget. The right side of the window displays information about the widget's use, and links to the full widget documentation on our knowledge base.
    
   
   
3. You might like to start with an HTML Snippet Widget, or perhaps a Static Content Widget. If your custom page relates to a product promotion, why not a Campaign Slider Widget? Whatever you choose, you can add an unlimited number of widgets to any content zone on the page.
   
   
4. Once the required a widget has been added, it will open opens for you to you to configure the options. 
   
   
5. Repeat as needed until your new page looks just right.

If you really want to get tricky, try targeting your content to different audiences using Layers or Personalisation.

Happy Creating! 

Related help