Creating a new website Page

Creating a new website Page

Note: To view any of the below walkthrough images in a larger size simply click on them - then click on the cross in the top right corner to close the image window.

Creating a new website Page for your site can be easily done by navigating to the Pages screen within the CMS, and clicking the "Add" button in the top right corner of the table.



You will now be prompted to enter a URL & Page title, and select a template.

URL
This will be the page url component that is used to render this new page. Theres a couple of important things to note when creating the URL;
  • Always ensure the URL starts with a forward slash - it wont work otherwise.
  • Try to avoid spaces - use hyphens instead.
  • Try and keep the URL short and to the point (ie for a new "training" page, just use "/training" - don't write a sentence).
Page Title
This is the page title that the browser will index and render. You will want to again keep this pretty succinct, however you do have the capacity to use spaces and keywords here.

Template
You can start with a blank template - of which there are 4 options (login, Right bar, Shop & Single column). These are useful if you want a fresh page without any existing content, JavaScript or CSS loaded. 99% of the time however you definately want to load a page with CSS and JavaScript - so all the standard widgets will work for you by default.
So normally instead of selecting a blank template, you should select to copy an existing page, Home or About are typically good options as they have basic content and are standard, single column pages. To do this click on the radio button next to the "/about" or "/home" page options.



Once you've filled out the options, click "Save" in the top right corner of the page.

You will now be dropped onto either a new blank template, or an exact copy of the page you copied. If you chose a blank template, ALL details of the page will be blank, so please step through the accordion selecting each option in turn and completing each zone.

If you chose to copy of a template then you wont have to create all new details from scratch. 

Page Section
Navigate your way through the "Page" accordion section, ensure the Page SEO information is correct. Unless you are creating custom design or custom elements on the page you and probably leave the CSS Files and JavaScript Files sections alone.



Header Section
Normally the header section from the page you copied from will suffice for this new page, so you can skip right onto editing the Content zone below. However if the header section for this page should be different from the one it was copied from, the please add/remove/modify widgets accordingly. You can do this by clicking on the "Header" accordion option. You can then Add or Remove widgets by clicking "Header Settings".
  • Removing widgets is zone by clicking the red cross icon in the far right section of each widget row.
  • Adding new widgets is done by selecting a new widget from the dropdown box, and clicking "Add WIdget". This will reload the page with the new widget at the bottom of this zone.
  • To Reorder the widget simply drag and drop it into the correct order.
  • To edit widgets click on the widget name in the accordion section (directly underneath "Header Settings" option). This will then display the configuration options for that widget (which will range from simple text entry zones to much more complex widgets with multiple image selectors and full html text entry zones).


Content Section
The content zone is the body section of the page (between the header and the footer) - and typically contains all the content on the page that is not generic across the site. This means that this zone is where you'll be making most of your edits to the content. You'll first want to identify what type of widgets you want on the page, and how many you need. To get started click on the "Content" option in the accordion.

You can Add and Remove widgets by clicking on the "Content Settings" option. This zone will function exactly the same as the "Header Settings" zone above, however will only contain widgets used in the Content (body) section of the page.
  • Removing widgets is zone by clicking the red cross icon in the far right section of each widget row. 
  • Adding new widgets is done by selecting a new widget from the dropdown box, and clicking "Add WIdget". This will reload the page with the new widget at the bottom of this zone. 
  • To Reorder the widget simply drag and drop it into the correct order.
  • To edit widgets click on the widget name in the accordion section (directly underneath "Header Settings" option). This will then display the configuration options for that widget (which will range from simple text entry zones to much more complex widgets with multiple image selectors and full html text entry zones).


Footer Section
Once you are happy with the number, order and contents of the widgets in the Contents section then you can proceed onto the Footer section. The footer has all the same options as the Header and Content section, with the ability to add, remove and manage widgets. The footer widget itself is commonly used in this zone, however you may want to add other additional widgets to this zone if you'd like them on this new page.

Leaving the widget blank will mean it inherit its configuration from the widget, which is normally desirable for generic, sidewide widgets like Footer, Title bar and Top Menu.



Publish the New Page
Once you are happy with the page you can now push it live by clicking the "SAVE AND PUBLISH" button in the top right corner of the page. This will immediately publish the page and drop you back onto the Page list screen. Now you will want to review how it looks, find the new page in the list and click on the "View Live" button in the Published column. This will open the page in a new tab - make sure you are happy with the contents of the page. 



If you want to make changes, click on the "Create Preview" page button, this will open the page again in an editable state - you can now go through and make any changes you would like before clicking "Save And Publish" again. You can follow these steps continually until you are happy with the page.

Widget Visibility Configuration: If you wish to make certain elements on the page not visible to Public users you can do this by option the widget/s in question and changing the "Visibility" setting to be off to the public checkbox. 



Adding the Page to your Menu
If this is a page you want to add to your Header or Footer menu, navigate to the "Menus" section of the CMS and select "Edit Menu" for the menu you want to add this page to.
On the Menu detail screen you have the option to Add a new menu item & edit/remove existing menu items. Click the Add button to add a new menu item, and enter the menu Title and URL for the page.
  • The title can be whatever you'd like it to be, however try and keep it short (ideally 1 word).
  • The URL is the url for the new page you just created (including the forward slash component - ie "/training")
Now use the up and down arrows to position this new menu link where you want it in the menu. Once this is done, click the Save button at the top of the screen, and check the site to make sure its looking how you intended.

Congratulations, your new page is now Live and visible via the menu!

    • Related Articles

    • Create a notice/announcement on your website

      If you need to put up a temporary announcement on the website - for instance to announce shortages of stock, or a business closure period - then the simplest way to do this is to put a Content Bar Full Width widget on the home page with your desired ...
    • Creating a New Blog Article

      Note: To view any of the below walkthrough images in a larger size simply click on them - then click on the cross in the top right corner to close the image window. Blog Article Categories Before creating a new blog article, first make sure the Blog ...
    • Creating a Favicon for your website

      A favicon is a small icon/image that gets associated with your website. Most notably its shown in the browser tab in most browsers & next to the name of any bookmarks. Its main function is to provide further branding ability for websites, so it ...
    • Shop Widget

      Shop Widget The Shop Widget controls the shop functionality for the “body” section of the Shop page. It allows for 3 of the 4 shop modes to be configured, in addition to advertisement zones on the page. Grid and List shop modes can be turned on or ...
    • Creating Hyperlinks

      There are two main areas within the CMS that hyperlinks can be created; In a specific content zone provided by a widget. In the CK Editor content entry zone. Both zones offer the same 3 basic link types, Internal URLs, External URLs and Mailto ...
    • Popular Articles

    • Home Screen and Navigating the System

      The Home Screen The home screen is the start up screen for the App. It contains links to all the other major screens and provides some KPI information and access to your schedule. In this article we will discuss all the links so you can navigate ...
    • Creating a Retailer

      This article provides a short walk-through tutorial on the steps required when creating a new Retailer Using the Inzant Sales app. To Create a New Retailer touch 'Retailers' on the left of the screen. You will now be able to view a list of previously ...
    • Setting a Retailer to have Website access from the Management Portal

      To enable customers access to the B2B Portal or Website, you need to allow the Contact on a Retailer to have access. After logging into the Inzant Sales Management Portal you'll need to navigate to the Contact or Retailer in question. Finding a ...
    • Inzant Website CMS User Manual

      The latest version (currently version 1.4) of the CMS User Manual is attached, which you can download and use as required.
    • Creating Hyperlinks

      There are two main areas within the CMS that hyperlinks can be created; In a specific content zone provided by a widget. In the CK Editor content entry zone. Both zones offer the same 3 basic link types, Internal URLs, External URLs and Mailto ...
    • Recent Articles

    • Management Portal - Adding a Pricing Rule Walk Through Video

      Watch the linked video as we walk through creating a new pricing rule, set conditions for discounts, select products, choose applicable price lists, and schedule the rule for auto-publishing. Check out the detailed steps and explanations below to ...
    • Performing a Hard Reset on an iPad

    • Adding a Favourites List to a Retailer

      In this video, I will show you how to add a favourites list to a retailer. I will guide you through the steps, including selecting the retailer, navigating to the favourites section, and adding a list. I will also explain how to choose the contact ...
    • Accessing and Managing Favourites Lists

      In this video, I will show you how to access and manage your favourites lists on our platform. I will guide you through the steps to access your favourites list, apply filters, and view specific categories. Additionally, I will demonstrate how to add ...
    • Creating Bespoke Favorites Lists for a Contact

      In this video, I will show you how to create a bespoke favorites list for a specific contact. Sometimes, certain contacts may have unique preferences, and it's important to cater to their needs. I will guide you through the process of selecting the ...