Creating a Static Webpage

Menus & Pages - Adding a page

Go to Content Management > Menus & Pages to view a list of all editable pages. Add a new one by selecting Add New.

Open

• Each Field Name has a tool-tip to explain what data is required. You can use the below example if you were adding an “About Us” page that you wanted to be shown in the footer.

• When you are happy with the structure of the page, select Save and it will now be available in Edit Website.

Open

Menus & Pages - Adding a menu group

• To add a parent menu for pages to be the children of, change Type to Create Menu Group.

• Fill in the fields shown and click Save.

Open

• To add a page to this new menu, navigate to your page and select the appropriate group name from Existing Group.

• When done click Save.

Open

Enabling a Template Page pre v17

This article will guide you through the process of how to create a static web page and link it into the header and footer of your website.

A static web page can be used to display text, images, and videos and will contain an edit region allowing you to utilise the Edit Website functionality.

This article describes how to repurpose our existing static web page templates.

To create a page it must first be 'turned on' in the CMS:

• Go to Content Management > Web Pages and search for site/config/menu_parameters

• Click on this and scroll down to the first page # that is not in use, in the examples below it is Page 3

For v12 to v16 Websites

Open

• Change all the false values to true

  • If you don't want a link to the new page in the header you can leave the first two values as false

  • If you don't want a link to the new page in the footer you can leave the last two values as false

• Define a Page Name value and a URL value, in the example below:

  • Page Name value is set to Our Partners

  • URL value is set to site/pages/our_partners

Open

• Click Save

For v9-11 Websites

Open

• Change all the FALSE values to TRUE

  • If you don't want a link to the new page in the header you can leave the first two values as FALSE

  • If you don't want a link to the new page in the footer you can leave the last two values as FALSE

• Define a Page Name value and a URL value, in the example below:

  • Page Name value is set to Our Partners

  • URL value is set to site/pages/our_partners

Open

• Click Save

Refining the Template Page

The template page has been activated however this page still needs to be configured with the correct URL and Title, and the lorem ipsum text removed.

• Return to Content Management > Web Pages and search for site/pages/page_3 (page number will vary depending on what # you activated)

• Click on this and you should see something similar to the below:
  
  

Open

• Edit the Name to match the URL value we defined earlier (site/pages/our_partners)

• Edit the Title to match the Page Name value we defined earlier (Our Partners)

• Edit the page= value to match the URL value we defined earlier (site/pages/our_partners)

• Delete the <p> </p> tags and everything in between, it should look similar to the example below:

Open

• Click Save

Inserting Content

If you view this page on your website now it will be a blank page with a heading of the page name you defined:

Open

• To insert content to this page you will need to utilise the Edit Website functionality from the CMS

• In Edit Mode you will see an Edit Text window that will allow you to insert text, images, and videos:

Open

• You can follow our guide on how to use the Edit Text functionality if you are not familiar with it.

• Once complete, you will have created a new static page and populated it with content:

Open

Linking the new page

Now that you have created your new page, you need to link the page somewhere so that Customers can access it. In the below examples i have created a static page called example.

Header/Footer

Template 19+

For Template 19 and higher. Adding a page to the Header and or footer is simple.

In the StraightSell CMS >> Content Management >> Menus & Pages, Click “View” on the page.

Open

Here you can tick “Active” and “Add Link In Header” “Add Link In Footer” boxes. which will make sure the page is active and show in the Header and Footer.

Open

Header-

Open

Footer-

Open

Drop Downs

You may have noticed that in the Header of the previous example you can see “Page Examples”, This provides a dropdown showing more pages and can help organise your Header.

To create a dropdown, Follow the same steps as creating a new header link however, this time change the Type to “Create Menu Group”, then add the Display Name and Group Name. Remember to also set the tick boxes at the bottom.

Open

To add your Page into this new group, Simply click “View” on the page in the Menu & Pages section and change the Existing Group from “None” to your new group.

Open

Header-

Open

Footer-

Open

Hyperlink

(Note that this method cannot be done on individual Products, Please use the “Attached Documents” Section of the Product in CMS.)

In this example, im going to add a link to my Example page from another static page.

Go to CMS >> Edit Website

Open

Find the page you want to add the Hyperlink to and click edit.

Open

In the edit window, highlight the text you wish to add the link to, Right click and press “Link”

Open

You can now add the information for the link. Once your done remember to click Ok and Save to apply the changes.

Open

Image With Hyperlink

In Edit mode, Place an image onto the webpage, Now right click the image and click Link.

Open

From there you can add the link similar to the previous example.