BookingLive: Online Booking System

Creating and editing content 

 Creating a new page

To create a new page: 

  1. First decide where in the site you want your page to be.  
    If you are creating a new "subpage," click on the page you would like to create the subpage under. 
  2. On the top of the Contents Pane, you will find a button marked "Create."  Click it, and a drop-down menu will show up. 
    The default selection should be TABBED PAGE.  
  3. Then hit the GO button.

 

Note: You will notice that a new page has been created, with the name of "NEWTABBEDPAGE." (You will also notice it's color, Orange. Orange pages are draft and have never been published)

Don't worry if you create your page in the "wrong" place.  Pages can be moved and re-ordered easily, and we will cover that under Managing Your Site.

 

 Writing content

In the Editing Pane, to edit content, you want to:

  • Click on the CONTENT (if not already selected), then the MAIN page. 

Here you will be presented with three forms:

 

  1. Page Name - this will define what the page will be known as in the CMS, but it will also be used to form the "default" navigation label and URL for the page, though both can be changed manually.  
  2. Navigation Label - This will define what the page will show up as when listed in site navigation on the public-facing front page of your site. If you fill in the Page Name first, it will automatically put the page name in the navigation label field. It is usually, but not always, a good idea to leave it the same.  If you wish to change the navigation label but not the page name, you can do so here.  
  3. Content box - This will contain the bulk of text to appear on your webpage. Type the text that will appear in the page on the Website.  You may also feel free to use the formatting toolbar at the top of the content screen in order to format your page the way you would prefer.  

 

 Formatting content

This is the formatting toolbar:

Generally, most items in the formatting toolbar will behave much like they would in any word processor.  There are a few exceptions. 

  1. Styles - drop-down box allows you to add certain styles to a page.  This is primarily used to add image styles to a link of downloadable content, for example, links to PDF or Word documents, Excel spreadsheets, or images. 
  2. Format - choose a format for that paragraph in HTML code.  Most typed paragraphs will be in the normal "paragraph" format, but there are also six levels of "headings."  
  3. HTML - If you want to go in and edit the source code of the page directly, pressing the HTML button will bring up the HTML source of the page.  It is recommended that you only do this if you have a good knowledge of HTML formatting.
  4. Anchor - this allows you to set 'anchors' along the page, so when you click on a hyperlink you get jumped further down the page.
  5. Link - the chain link is for creating hyperlinks (see below).
  6. Insert Image - the tree logo is for inserting images
  7. Paste as Plain Text - this is the paste icon with the 'T', this is most commonly used to stripe any headings/html code for copy and pasting from the internet for example.
  8. Paste from Word - this is for pasting when you have content from word.


 Creating hyperlinks in webpages

To create a hyperlink in a webpage, highlight the text you wish to make a link in the Editing Pane, and press the "Insert Link" button on the toolbar.  This will bring up the Link sidebar on the right side of the screen.

1. Creating a link to a page on the site

To link to another page on the site, choose "Page on the Site" from the list of options on the top of the Link sidebar.  You can then select the page you want to link to from the drop-down box.  Your "Link Text" should be automatically filled in with the highlighted text in the Editing Pane.  Check "Open link in a new window" if you would like to have the link opened in a new window when the user clicks on it.

Finally, to insert the link, click the "Insert Link" button on the Link sidebar.

2. Creating a link to an external page

To link to a page on another website, choose "Another Website" from the list of options on the top of the Link sidebar.  You can then paste or type in the URL of the webpage you would like to link to in the "URL" field on the sidebar.  Your "Link Text" should be automatically filled in with the highlighted text in the Editing Pane.  Check "Open link in a new window" if you would like to have the link opened in a new window when the user clicks on it.

Finally, to insert the link, click the "Insert Link" button on the Link sidebar.

 

Notes:

There are different processes for "internal" and "external" links because when pages on a Mango CMS installation are moved or deleted, the links in other pages on the site are automatically changed to the new pages location.  This allows you to quickly move pages around without worry of breaking the site's structure or checking every page in the site for broken links.

If you enter in an internal link URL in the external link field, Mango CMS is usually smart enough to change the link to an internal link.

 

3. Creating a link to an email address

To link to an e-mail address, choose "Email Address" from the list of options on the top of the Link sidebar.  You can then paste or type in the e-mail address that you would like to link to.  Your "Link Text" should be automatically filled in with the highlighted text in the Editing Pane. 

Finally, to insert the link, click the "Insert Link" button on the Link sidebar.

 

Notes:

One other option is to hyperlink to a document (a PDF file, DOC file, audio file, video file, or any sort of file that is not a webpage) that you have uploaded to your website. This is a more advanced topic, however, and we will cover it in "Working with Images and Documents."

 

 Saving your page as a draft

To save your page as a draft, simply hit the "Save" button (not "Save and Publish," if it is available) on the bottom right hand corner of the Editing Pane. Saving your page as a draft allows you to preview the page on a "Draft Site" available to you and others who have access to the CMS, but does not publish the page to the live website.  

After you save your page as a draft, you can preview the page by clicking on "Draft Site" in the View Bar on the bottom left hand corner of the screen. 

 

Remember to save early and often.  

 Saving your page as published to the live site

On the relevant page, when you have finished editing the page, click SAVE & PUBLISH (bottom right of the cms).

You can view the published site directly by clicking on "Published Site" in the View Bar on the bottom left hand corner of the screen. 

Copy content from one page to another

To copy content from one page to another you must use the "Copy HTML Source" button in  the content tool bar.

  1. On the page you want to copy the content from click the Copy HTML Content button.
  2. In the popup box that appears, click somewhere in the text and then on the keyboard press Ctrl+a to select all the text and right click the selected content and click "Copy", then click close on the popup box.
  3. Now navigate to the page you want to copy onto and click the Edit HTML Source button.
  4. In the popup box that appear right click on the mouse somewhere in the text area of the popout box and select "Paste" and then click the insert button. (Note: make sure the page is empty before doing this)