While Viewing a YouTube Video Click the ‘Share’ Button under the Video

From here Click the ‘Embed’ Button

Here is where you choose the options of how you want the YouTube video to look when embedded on your site. Choose your options.

Once you are happy with your choices select the content within here and Copy either using shortcuts on your keyboard or right clicking and selecting copy.

Once you have completed this step you can now proceed to embed on your own website.

Embed YouTube Video on your Website

Make sure to login to your websites CMS and be on the page or Widget where you wish to embed the video.

While in the WYSIWYG Editor select where you want the video to be displayed and click on this Icon

From here a Dialogue box will be displayed with a Text Area. Place your mouse cursor in here and paste the contents of your YouTube Code here using either keyboard shortcuts or right clicking and selecting paste.

Once completed click OK and make sure to save and publish the page.

From the Pages drop down click the ‘Add Page’ link [refer to screenshot below]. Normally when you add a page, this will be so you can have more pages show in the main navigation or footer of your website. You can also create pages that are not visible within the Main or Footer navigation but can be linked to via your page content or a banner etc.

Next you will be presented with the ‘add page’ form where you can provide information like Page title, layout, SEO info and more. Below is a screenshot of the form outlining each area and below the image talks more in details about each field. Once you master how the page module works and the WYSIWYG Editor, the rest of the CMS and it’s features will become easier.

Fields Explained:

Parent

The ‘Parent’ drop down field refers to how the page is going to be displayed on your website. You will notice the options in the drop down refer to your website navigation. If you leave the default option as ‘Root” it will make the page a top level page  of the website. Alternatively, select any of the other options in the drop down to make the new page a sub page of the selected option.

Title

The ‘Title’ field refers to the page title you would like to be shown on the website for the page. The majority of our website use text based navigation which means this option can be updated at anytime.

Description

The ‘Description’ field is a field we have added for your reference when working on the page. You may use this field to update other team members of updates you have completed or are yet to be completed for that particular page. The content in this field will not be shown on your website.

Page Type

The ‘Page Type’ field allows you to redirect the page to another page or file. There are 2 options for this:

• Regular
  Select Regular to show a standard page.
• Custom
  Select Custom to redirect the page. A new field will appear when this option is selected. Add the URL of where you would like the page to be redirected to. If you are linking to an external website, be sure to include the full URL (http://www.netswitch.com.au).

Secure

The ‘Secure’ drop down field only applies if your website has a login form, therefore the default option is set to ‘No’. If your website has a login, any pages you create and select the drop down box option of Yes will only be visible to those users who are logged in to the website.

Navigation Options

The Navigation Options field refers to where you would like the page displayed on the website.

• Main
  Select the Main option to display the page in the Main Navigation of the website. Usually located along the top of the browser or vertically left down the browser.
• Footer
  Select the Footer option to display the page in the Footer of the website, located at the bottom of the browser. Note: Some websites do not have a Footer Navigation in their design.
• Sitemap
  Every website should include a front end user sitemap to allow your users an alternative way to navigate and find a particular page on your website. Ensure this option is selected for all new pages.
  Note: NETswitch websites also have an XML sitemap for search engines which is automatically generated and updated each time your page content is updated.

Layout

The ‘Layout’ option refers to the page template used for the page. Generally, a website will have 2 or 3 main layouts; An Index layout for the homepage, a General Internal and possibly a Full Width Internal for all internal pages of the website.
Index should only be applied to the homepage of the website.
Select the option which you would like to use for the new page.

SEO Information

Body Content

The ‘Body Content’ editor is where you place all the content you want displayed on the page on the website. The editor allows you to correctly style the page in the format that search engines can easily read your page and its content.

To correctly structure your page content your main title should be in a Heading 1 tag found under the Format drop down. All sub headings under the main heading have a lower relevance therefore these should be either Heading 2 or heading 3.

To add a paragraph, simply highlight the text you want to be a paragraph, select the Format drop down and select Normal.

Refer to our MyWebManager Editor article for a more detailed explanation of the editors features.

Uploading Images

1. Click on Media icon  in the top row of the WYSIWYG editor within the page you would like to add the image.
2. Click ‘Browse Server’ to open up the media folder.
3. If you are adding an image to a category/sub-category either expand the existing folders or create the required category/sub-category. Navigate to the folder you wish to add the image(s) to and select ‘Upload’ and then select ‘Browse’
4. This will bring up a new directory window showing you the folders available on the desktop on your computer. Navigate to the folder where your image(s) exist as you would using Windows Explorer or Mac Finder. Thumbnails of the images that exist in each folder will be displayed in the right side of the screen as you browse.
5. Select the image of your choice by clicking on the image name and click ‘Open’. This will then close the directory window.
6. Select ‘Upload Selected File’ to upload the image.
7. To edit the description of the image stored in the system, right click on the image and select ‘Rename’.
8. Repeat this process to upload all images required for the page.

Adding Uploaded Images to a Page

1. Click on the Media icon  if you are not already in this section.
2. Select ‘Browse Server’ and double click on the image you would like to add to the page.
3. This will bring you back to the Image Properties window.
4. Fill in the Alternative text field with a description of the image.
5. Click ‘OK’ when done.
6. Scroll to the bottom of the page and click ‘Submit’ to save the page.

Below is an indication of how your Dashboard should look the first time you Sign-in to the system.

In the far top right you will see your login name which when clicked takes you to the edit form for your account where you can change your password, update your contact details, email address and more.

The three icons shown at the top right of the screen each have a different purpose, see below for details.

	Opens new tab to your website for easy viewing.
	When linked will open your webmail url in a new tab where you can login and view your Pop email account.
	Clicking this icon logs you out of MWM and takes you back to the login screen.

The large thick black bar just under the above icons is where you will find links to each of the modules that relate to your website. in the screen you can see Dashboard, Pages and Administration.

Over on the far left under Dashboard link you will find a few icons that are there to not only help you organise the way you use MWM or keep notes for MWM in a central location but we also have Support Panel, Additional Work Request, Project/additional work progress and make suggestions. Below are the icons I am talking about here and a brief description.

Here you can create notes for your self or for others that use the same CMS these are great for a team using the same system which you can share info about what you have done, hits and tips and general reminder stuff.

Here you can collaborate with other companies and uses of MWM to get new features implemented into the overall system. You can vote on features, suggest your own and comment on other suggstions. Please feel free to use this feature as it’s important to the ongoing development of the system.

Here you can create and view support tickets and additional work requests. We will be notified and respond to your request and here we can both keep a good paper trail of all requests.

If you ask for additional work or even a new project we will place the project here outlining the tasks for this project and you will be able to keep up-to-date with the progress of your project and what has been completed and what is still waiting.

In the middle content area of the dashboard you will find two boxes side by side; one with the title ‘Support’ and the other ‘Work Request’. The Support box shows you information about who your Account Manager is with information on how to contact them either via phone or email, this person is your point of contact when it comes to anything regarding your project such as Support, Additional Work, Phone Support and more.

The Work Request box is a link to the new support ticket page where you can log additional work for your project.

The first middle full width box titled ‘Website Performance’ is used to link your Google Analytics account to MWM so you can view basic website performance each time you login to MWM. From here if you wish to view more detailed information about your site you can do so by heading over to the Google Analytics homepage.

The second middle full width box with the title ‘What’s New’ will show you information about what’s new with MWM, any deals for additional work or outlining updates. Keep an eye on here as something may come up that you’re interested in.

Enter the login details provided to your by your account manager and click Sign in. You will then be taken to the Dashboard where you can begin to manage your websites content and add additional features.

Note: Contact your website account manager if you have forgotten or do not yet have login details for your website.

Indicated below is how you will find the Manage Pages Link.

Below is a screenshot of how the Manage Pages area will look.

•  1: Click on the ‘re-order’ button if you wish to re-order the pages in your site. Here you will be able to drag and drop your pages into the order you wish to be shown on your website. Click ‘done’ to save.
• 2: Click ‘add page’ if you wish to add a new page to your navigation. This will take you to the Add New Page area.
• 3: Page Options consist of Edit | Status | Delete (left to right)
• 4: When a page has a plus icon to the left of the name, this indicates it has sub-pages, once you click on the icon it will show you all sub-pages under the parent page.

 Status Identification

Below are the icons used to show the status of a page and also under options what you may wish to change this page too.

  – Draft

  – Publish

  – Archive