Home

User Guide - Web Design Leicester

1. Side Panels 6 test panel view edit details deactivate more List Add New Members 2 Fields 6 Image Adjninistration File Adnfinistration Admi Trainfng Videos Contfct Us Copyright 2005 2012 Wida Group Limited Web Wizard Version 2 2 Click on Add New and you will then be shown the Side panel template yours may look slightly different to the one shown below gt 33 network Tools DNS IP Email Email Fasthosts Control Panel 4 Web Wizard 2 X Supastore Website Ear ED El ah Page Safetyw Took Y We bwizard yy Loggedin Paul Brealey affirmed Wida Trainer Wida Supastore Demo LIVE VIEW version 2 P Content amp New Side Panel Name Title Pages 204 Main Image edit remove Main Image Alt Page Sections 13 Style one Link New Window E Product Images 296 I Body Text Menus 6 Products 828 Banners 36 E Source A Side Panels 5 BIU igli List Add New Members 2 Fields 6 Image Administration File Administration Admin Training Videos Contact Us Add Item Add Item and Return Copyright 2005 2012 Wida Group Limited Web Wizard Version 2 2 Name This is the name of the side panel Title If you do not specify a Title the panel name will be displayed Main Image This is to be used if the panel is to be displayed with an image as the link Main Image Alt The Alt or alternative descr
2. Downloads 2 5 Fields 4 Batch Upload Switch to Original Uploader Duplicate File Options C Skip The new file is NOT uploaded Overwrite the original image C Rename the original image Then we click on Batch Upload If you do not see this button you will need to download and install Adobe Flash player The Original uploader is used if you cannot install Flash player this will apply to Mac users This will open your standard file selection Window and you will just need to navigate through to the appropriate files that you wish to upload Web Wizard 2 Windows Internet Explorer Select file s to upload by webwiz26 widagroup net Look in 4 Desktop v PEJES AED pl B My Documents 4 My Computer My Recent Amy Network Places _Documents Adobe Reader 9 L NETGEAR Print Server BH sage E sage 50 Accounts 2010 B Sage ACT Pro 2011 44078794 backup O phpMyaAdmin 3 4 4 english E DYegas5 jpg 44078794 zip E act companies txt E act contacts txt 4 gested Sites far D mp y Pager Safety Tools 2 Paul Brealey affirmed Wida Trainer My Network File name DO Places Files of type Image Files Wida EasiEdit Demo LIVE VIEW Log out Mail IJIKLMNOPQRSTUVWXYZ Search Fitter Size KB Usage nn n delete Select the file multiple files can be selected by holding CTRL or SHIFT whilst clicking then
3. Content Page Test Active Menus 3 Q Hame Title i Override Title List Override Description Main Image page contact us jpg view Main Image Alt Page Section 1 Main Image Pos Right Right Image Links 6 i Right Image Alt Right Image Caption News Articles 3 Body Text This is where the main body text of the web page will need to be entered you can prepare the text in a word processor but it Downloads 2 on is advised that before the text is pasted into this area it is firstly pasted into hotepad to remove any formatting that the word processor will have added and then copied out from notepad into this text willdow Add New Fields 4 Image Administration File Administration _ Locations Click to Load W add new location 2 Main Menu remove Training Videos Contents Click to Load Y add to contents addlto top Back lo List Edit Deactivate Lock Admin Contact Us Copyright 2005 2012 Wida Gipup Limited Web Wizard Version 2 2 You can see the split between the 2 sections on this example the top part being a brief overview of the page content and any images that have been used inside the page The bottom part is where we locate the page within the website A new page will state none as the location which MUST be changed to a valid page or menu within the website for it to be displayed Ea Mailbox Settingsk Fasthosts http jtest _ 20 20PASS 447 Web Wizard 2 ebwizard vy ve
4. asking you to select the area of the image you wish to use Select the area of the image you wish to use Close Back to Image Folder To resize the selected area drag the bottom right corner diagonally down until the desired width is reached You will notice that the aspect ratio of the selected area stays constant This is indicating the shape of the location on the website Continued Here we have selected a larger area Select the area of the image you wish to use an KLINE MECCANICHE x PONZANO VENETO SPA Close Back to Image Folder But as you can see we have cut off the persons feet We have a lot of sky in this picture so we can simply move the whole selected area down by dragging it until we show the correct part of the image Slideshow Images If your website has been specified with slideshow images may be referred to as feature images on your website you will have a selection of images that are performing a rolling slideshow usually located on the home page of the website All of the controls that relate to whether the images perform this slideshow are done automatically so you do not need to worry about adding any code to the website to allow this to happen The basics behind the slideshow system are that if there is no image uploaded to that page a default image will be shown if a single image is located to the page then this image will replace the default image and last of all if two or more
5. the Web Wizard Y Sybastore site is exactly what it sounds an easy solution to sell your products in your own online Web Wizard is the perfect way of keeping your site up to date with all the latest news legislation information job vacancies and whatever else you want to communicate to the world with the benefit o Ce of the key benefits of the Web Wizard content management system is that it is browser based A na which means you can access it and update your website from any internet connected computer in the Almost all areas of your N pastore are editable editorials neve items and side panels like these Very easily changed side panels to shovease your delivery information or returns policies VISA ER S test panel Special offers on G4 bulbs click here for more mixture of text only and image panels gt MIL lt The side panels From the menu on the left side of the Webwizard click on Side Panels to open the side panels section Here you will see a list of already created side panels displayed in an alphanumeric format gt DO Ol Network Tools DNS IP Email Fj Email Fasthosts Control Panel r Web Wizard 2 X supastorf iv ebsite fi GE El da Page Safety Tools E Logged in PaulAfealey affirmed Wida Trainer webwizard Y o ida Supastore Demo version 2 otau Content ALL0123454 78
6. these would be the sub menu items To create these the new pages would be located inside the services page not the menu thus creating the sub menu EJER ar SGP Garden Machinery Sale Service Supply Winvows Internet Explorer pura gt dy ty E tina EY E htto fsapgardenmachinery widagroup net File Edit View Favorites Tools Help Sip Favorites 5 3 http widajobsr SubmitJob Fixtures amp Results Ilkeston Free Hotmail g Suggested Sit s Get more Add ons gt gt sc Garden Machinery Sale Service Supply fy B 7 Page Safety Tools S G P cu E Home About Us Products John Deere Services Used Machinery Contact us wt f D ES a Servicin 3 Cleaning Ride on Servicing QS Sales Service 8 Repair 01629 823 783 a E MI ElastoStart are l Oilomatic Pages A page is a very versatile item type within Webwizard it can be used to build simple text image pages on the website right up to multiple layer menu items It all depends what content you add to the page and where you locate it within the website which dictates its behaviour By clicking on the Pages option in the Webwizard menu you will be presented with a page that will look similar to this File Edit view Favorites Tools Help Ly Favorites E Fixtures amp Results Ilkeston g Suggested Sites Free Hot
7. 4 Batch Upload cancel Uploads Switch to Original Uploader Image Administration Duplicate File Options File Administration C Skip The new file is NOT uploaded Admin Overwrite the original image Training Vid cc do C Rename the original image Contact Us Copyright O 2005 2012 Wida Group Limited Web Wizard Version 2 2 The allowed downloadable content can be Standard text files Notepad or similar Word files Microsoft Word PDF Files that can be read by Adobe PDF reader Excel Microsoft Excel spreadsheet or compatible files The file Administration screen also displays in addition to the uploaded file name its size in Kb and also the number of times this file has been used as a download Continued To upload the files into the File Administration database first of all decide how the system will deal with a duplicate file name by choosing the appropriate option from the three at the bottom of the page These are Skip the new file will be ignored and NOT uploaded Overwrite the new file will replace the one already uploaded any downloads that used the original file will now use the new one Rename The original file will be renamed to include original as part of its name and the new file will be uploaded This option keeps both copies in the database should you wish to use them both Image Administration File Administration Admin Training Videos Contact Us
8. 61 E Thumbnail Image Thumbnail Image Alt List Main Image edit remove Add New Main Image Alt Main Image Pos Right vw Show Side Menu E Page Sections 13 Body Text Continued You will be presented with a screen similar to below Filter N Internet fa gt 100 As you can see this window contains a number of folders These folders will replicate the folders within the image administration section and are there only to assist in house keeping Select the appropriate folder where your image has been uploaded by clicking on it and then clicking in the image you wish to insert This will close the window and you will see the image name displayed on the Webwizard page Content Menus 4 Pages 61 List Add New Page Sections 13 ran 13 ny um J New Page Name Title Thumbnail Image edit remove Thumbnail Image Alt Main Image APF JPG edit remove Main Image Alt Main Image Pos Right Show Side Menu E Body Text This will insert the image into the Website at the original size it was uploaded This is ideal for page main images or gallery zoomed images which can be displayed in the website at any size You will need to ensure that the image you are uploading is the correct size to be displayed properly Continued For images within the website that are fixed width in size the marquee tool will automatically be launched to allow you mor
9. This means that you do not have the ability to change its location or deactivate it System pages are a safety feature to stop the user from accidently switching off the website by say moving or deactivating the Home page as an example To the right of each page in the list are a number of options you will notice that the system pages do not have as many options as the others the missing option is deactivate The options and what they do View This is the most important option within the Webwizard the screen is split into 2 parts the top part shows a brief overview of the main content of the page including its name any thumbnail images and the main body text that may appear on that page The bottom part of the view screen shows the location of the page within the website and whether that page contains any additional items such as page sections top or side images videos and downloads if you have them available in your package All optional extras available to purchase and add to your website after go live are listed in the back of the user guide Edit Details This page will allow you to make changes to the page name system pages excluded page title override title and description if applicable thumbnail and in text images and the main body text Once the changes are saved on an active and located page the new information will immediately be viewable on the website Deactivate Activate A page that is active on the webs
10. amp Results Ilkeston Free Hotmail Get more Add ons g Suggested Sites gt LF Web Wizard 2 fh z E Y Pager Safety Tools H Loggedin Paul Brealey affirmed Wida Trainer webwizard Y g Wida EasiEdit Demo version 2 paa Content Download Click here for manual Active Menus 3 H Name Click here for manual File URL Wida Group Web Wizard 2 User Manual pdf Pages 22 Locations About us add new location Home Page 00 O remove Links 6 Contents e 1 p contents add to top EasiEdit Features Back to List Edit Deactivate Lock Example Option German Make contact List Search results Service Number 1 Add New Service Number 2 Service Number 3 Fields 4 Service Number 4 Services Image Administration Terms and conditions t Page Sections 2 News Articles 3 Downloads 2 File Administration Admin Training Videos Contact Us A ight 2005 2012 Wida Group Limited Web Wizard Version 2 2 Choose the location of the download hoy first of Al clicking om the click to load of the top dropdown then open the list Once you have selected the location click on Add new location to the right of the list to confirm your choice The final process is to click Activate and then check the website to view the new downloadable content Side Panels If your website was specified with side panels these are customisable boxes that are displayed on one or b
11. click on open to upload the file s Once the files are uploaded they can then be used as a download Create a Download Any of the uploaded files can be added as a download in the Webwizard To create a download we need to open the Downloads section from the menu on the left side of the Webwizard This will display any downloads that have afeady been created A Favorites 3 Fixtures amp Results Ilkeston Free Hotmail Get more Add ofis g Suggested Sites gt AF eb Wizard 2 fay 7 amb y Pager Safety y Tools H Loggedin Paul Brealey affirmed Wida Trainer webwizard Y Wida EasiEdit Demo Vv LIVE VIEW version 2 pepa Content ALLO123456789ABCDEFGHIJKLMNOPQRSTUVWXYZ Search Menus 3 Pages 22 Name Click here for manual view edit details deactivate more Page Sections 2 click here for manual view edit details deactivate more Links 6 News Articles 3 Downloads 2 List Add New Fields 4 Image Administration File Administration Admin Training Videos Contact Us Copyright O 2005 2012 Wida Group Limited Web Wizard Version 2 2 To create a new download we will need to click on the Add New option on the left menu of the Webwizard Downloads 2 mi List Add New This will open up the template for adding a download to the website Ww Favorites 3 Fixtures amp Results Ilkeston Free Hotmail Get more Add ons g
12. is an example of what your website could contain Web Wizard 2 Windows Internet Explorer ma Y tp mebwiz26 widagroup net secure def File Edit view Favorites Tools Help gi Favorites 93 Fixtures amp Results Ilkeston LJ Sugg 35 7 4 Web Wizard 2 X Home wida EasiEc webwizard version 2 Menus 3 B Pages 22 R Page Section 1 mm Links 6 w News Articles 3 Downloads 2 Fields 4 Image Administration File Administration Admin Training Videos Contact Us The information contained in the brackets after the option indicates the quantity of each item that has already been created In the example above this website has 22 pages that have been created Menus The menus in the Webwizard websites are designated areas on the website The items that make up the menu content are pages within the system File Edit View Favorites Tools Help F Favorites 5 Fixtures amp Results Ilkeston a Suggested Sites e Free Hotmail Get more Add ons ggl Web Wizard 2 Home wida EasiEdit Demo x fy BD Cl me Page gt Safety Tools F EasiEdit Example o gt Home Welcome to the EasiEdit Demonstration Website Todays News Example Option errar rare enn n earn ran nnnarennnnnaass Wida Group EasiEdit q l A IRIS The Easiedit package utilises our own in house content ma
13. please be aware of this when entering your content We recommend that all body text is created in Microsoft Word and then copied and pasted into the body text editor area of the webwizard This will always give you a copy should you over run the 4000 character limit If you require more text to be displayed please see Page Sections Note Important information if you have composed your text in Microsoft Word or similar then it is recommended that you use the Paste from Word option on the webwizard text editor Side Images 2 EJ sure HU da E BG i He um The reason we put it through the text editor is that Word processors will embed into the text special formatting commands that wreak havoc with website text The body text editor will remove those embedded formatting commands Under no circumstances should you attempt to paste an image into the BODY TEXT EDITOR For adding images please follow the instructions for adding images Once you have entered the required information click on Add Item This will add the page to the database and will then open the view screen The View Screen r Favorites 3 Fixtures amp Results Ilkeston g Suggested Sites Free Hotmail Get more Add ons 56 7 Web Wizard 2 X Home Wida EasiEdit Demo C gm Pager Safety Toos gt Logged in Paul Brealey affirmed Wida Trainer webwizard Y cnica z Wida EasiEdit Demo version 2 TET
14. 9ABCDEFGHIJKLMNOPQRSTUVWXYZ Menus 6 Pages 204 2 Name Deliy ry Information view edit details deactivate more Page Sections 13 ed E and Vditable Side Panels view edit details deactivate more Products 828 Keep Customers Informed view edit details deactivate more Product Images 296 ges 236 Secure Payments view edit details deactivate more Banners 36 test panel view edit details deactivate more Side Panels 5 List Add New Members 2 Fields 6 Image Administration File Administration Admin Training Videos Contact Us Copyright 2005 2012 Wida Group Limited Web Wizard Version 2 2 To create a new side panel or edit existing side panel In the Webwizard click on the option called Side Panels This will then list all of the panels you have already created Sh H Loggedin Paul Brealey affirmed Wida Trainer webwizare Wida Supastore Demo LIVE VIEW version 2 pan Content ALL0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZ Search Menus 6 Pages 204 Name Page Sections 13 Delivery Information view edit details deactivate more Editable Side Panels view edit details deactivate more Products 828 Keep Customers Informed view edit details deactivate more Product Images 296 Secure Payments w edit details deactivate more Banners 36 tessing again w edit details deactivate more
15. Edit Demo LIVE VIEW version 2 poe Mail Content New Page Name Menus 3 Q Title Pages 22 B Override Title List Override Description is Main Image edit remove Add New Main Image Alt Page Section 1 Main Image Pos Right v Right Image edit remove Links 6 Right Image Alt News Articles 3 ES Right Image Caption Body Text Downloads 2 5 E Source 4 aa i NS n Fields 4 B IU opi Ez B pa Image Administration File Administration Admin Training Videos Contact Us Add Item Add Item and Return Depending on whether this page is going to be a menu item or a fully populated text image page will all depend how much information you enter here and where you locate the page once finished The minimum information you need to give is the page name Create new page continued Adding images To add an image to a page simply click on edit next to the image you wish to add this may be a thumbnail main image etc This will launch a new window that shows all of the images uploaded into the image administration database Click on the image that you wish to use and you will see its name appear in the webwizard page Your website may have options for other images e side images multiple images which will be unique to you however the procedure for adding them is the same Adding Text Add your text into the body text window there is a 4000 character limit that can be displayed per page
16. Suggested Sites gt 47 Web Wizard 2 a ga y Page y Safety Tools H Loggedin Paul Brealey affirmed Wida Trainer webwizard wy E Wida EasiEdit Demo version 2 EEF Content New Download Name Menus 3 d FileURL edit remove Pages 22 Add Item Add Item and Return Page Sections 2 Links 6 News Articles 3 Downloads 2 List Add New Fields 4 Image Administration File Administration Admin Training Videos Contact Us Copyright 2005 2012 Wida Group Limited Web Wizard Version 2 2 As you can see from the template there are only two pieces of information needed to create a download within the Webwizard Enter the name of the download TIP The name is how the download is going to be displayed on the website so you could have a name such as Click here for New Brochure Then click on edit against the File URL This will open a window that contains all of the uploaded files you have within the File Administration gt File Selection Windows Internet Explorer widagroup net Filter ALL ABCDEFGHIJKLMNOPQRSTUVWXYZ Folder File Name Size KB E 111 2 111 2 Internet Fa Y 100 Choose the appropriate file by clicking on its name This will add the file to the download When happy click Add Item Continued You will now be taken to the View Screen where you will need to add the location of the download Hz Favorites 3 Fixtures
17. database is designed is to allow you to use any image uploaded as many times as you wish without having to upload the image each time you want to use it To Upload an image you follow the procedure below Ke people sitting at office meeting jpg 56 0 481x355 Bed 0 delete rename seated meeting viewed from above jpg 66 2 413x413 0 delete rename Batch Upload Switch to Original Uploader Duplicate Image Overwrite the oNginal image Skip The new file iNVOT uploaded C Rename the original ima Copyright 2005 2012 Wida Group Limited Web Wizard Version 2 2 At the bottom of the page you will see the upload options It is recommended that you use the batch upload if you cannot see this button your computer will need to have flash installed This is available at http get adobe com flashplayer The batch uploader will allow you to select multiple images and upload them all in one session by using shift or CTRL whilst selecting them The original uploader is retained for customers who cannot have flash installed for one reason or another or they are using a web browser that does not support flash Mac users Before you choose the Batch Upload please choose how the Webwizard will deal with duplicate file names on images You have the following choices Overwrite the original image This is the default option any duplicate named images will automatically be uploaded and will replace all instances of the ima
18. e abouts they are located within the website Web Wizard 2 Windows Internet Explon r ace S bittp webwiz26 widagroup net secue listitems asp itemtypeid 324 ws S Bing Pir File Edit View Favorites Tools Help E iy Favorites 93 Fixtures amp Results Ilkeston uggested Sites Free Hotmail Get more Add ons BS 4 Web Wizard 2 X Home wida EdgiEdit Demo Ea CI dep y Page Safety Tools Logged in Paul Brealey affirmed Wida Trainer Wida EasiEdit Demo Log out webwizard Y version 2 Content ALLO123456789ABCDEFEGHIJKLMNOPQRSTUVWXYZ Menus 3 List Na Add New Tag ID Footer Menu navfooter Pages 22 Main Menu navmain Page Section 1 Secondary Menu secondarynav Links 6 News Articles 3 Downloads 2 Fields 4 Image Administration File Administration Admin Training Videos Contact Us Search view edit details more view edit details more view edit details more Copyright 2005 2012 Wida Group Limited Web Wizard Version 2 2 http webwiz26 widagroup net securejlistitems asp itemtypeid 324 start Inbox Microsoft Out Web Wizard 2 wind wi Pacumenti Microsof e Internet en E gt f Q10 7 REO To the right of each menu is a view option clicking this will bring up what will refer to as the view screen 15 02 Menu optio
19. e more s deactivate more s deactivate more s deactivate more view edit details activate view edit details deactivate view edit details activate view edit details activate view edit details activate more more more more more next gt lt The page is presented to you as an alpha numeric list of pages already entered into the system Across the top of the page are the different ways of finding your page that you may want to edit or change in any way The main body of the page contains the list of pages The way that the items in the list are displayed to you represents its status in the website File Edit View Favorites Tools Help Sly Favorites 3 Fixtures amp Results Ilkeston g Suggested Sites Free Hotmail Get more Add ons G5 AF Web Wizard 2 X Home Wida EasiEdit Demo fay B ama y Pager Safety Tools gt webwizard Y version 2 Content Menus 3 Pages 22 List Add New Page Section 1 Links 6 News Articles 3 Downloads 2 Fields 4 Image Administration File Administration Logged in Paul Brealey affirmed Wida Trainer Wida EasiEdit Demo Log out ALLO123456789ABCDEFGHIJKLMNOPQRSTUVWXYZ Search 12 Page 1 of 2 Name About us Designer 1 EasiEdit Features Example Option German Home Make contact Search results Service Number 1 Servic
20. e Number 2 view edit details deactivate view edit details deactivate view edit details deactivate view edit details deactivate view edit details deactivate view edit details view edit details view edit details view edit details deactivate view edit details deactivate more more more more more more more more more more A Service Number 3 view edit details deactivate more Admin Service Number 4 view edit details deactivate more Training Videos P Services view edit details deactivate more Contact Us Terms and conditions view edit details deactivate more view edit details deactivate more view edit details activate more view edit details deactivate more view edit details activate more view edit details activate more view edit details activate more 12 Page 1 of 2 next gt Glossary of status BOLD PAGE NAME Indicates that the page has been activated and providing it has been located it will appear live on the website NORMAL TYPE PAGE NAME This standard text is an indication to you that the page is in the database but has not been made live on the website yet ITALIC PAGE NAME will always be in bold type face Any page name that is represented in an italic font is an indication that this item is a system page
21. e control over what is selected for display on the website A fixed width image would normally be a thumbnail side image top image etc Below is an example of what you will expect to see when the marquee tool is used Press edit to select the image to be used as a thumbnail image Content Menus 4 Pages 61 E Thumbnail Image edit remove Thumbnail Image Alt List Main Image IAPF JPG edit remove Add New Main Image Alt Page Sections 13 g Main Image Pos Right Show Side Menu T Body Text This will automatically launch the marquee tool image selection window which will simply pop up Choose a new folder E Ur d d z B k i a A h S a A U default gallery or choose an image from the current folder Filter You will be shown all of the folders displayed in the image administration similar to the standard selection window but in a more graphical format Continued Any images that are displayed with an exclamation warning triangle at the bottom of the image will not be suitable for this application as they are smaller than the minimum size required If you want to use an image that is not suitable you will have to upload it into the image administration database again in a larger size Select either the image or navigate to the image via the folders and then click on the image to select it You will then be shown the image on screen with the marquee tool
22. e link is internal to your website you can enter the link as the page name Example your page you want to link to is www yourwebsite co uk pages promos then all you need to enter in the link is pages promos An external link will need to be the full url http www yourwebsite co uk Enter any body text you may want to use and then click on Add Item This will take you to the view screen which will allow you to locate and activate the panel H Loggedin Paul Brealey affirmed Wida Trainer webwizard Y a Wida Supastore Demo Y LIVE VIEW version 2 pa Mail Content amp Side Panel Editable Side Panels N Active Menus 6 A Name Editable Side Panels a Title Pages 204 a Main Image Main Image Alt Page Sections 13 El Style vats Link Products 828 os New Window x Product Images 296 Body Text Almost all areas of your supastore are editable Simply use the Web Wizard to generate products banners editorials news Banners 36 items and side panels like these Side Panels 6 A Very easily changed List Add New ee Click to Load add new location Side Panels Right remove Members 2 Contents Cligk to Load add fo contents add to top Fields 6 a Back to List Edit Deactivate Lock Image Administration File Administration Admin Training Videos Contact Us Copyright 2005 2012 Wida Group Limited Web Wizard Version 2 2 To locate the panel press click to load on the top dr
23. er maintenance Launch your website If you have not already done so launch your website Webwizard will automatically launch the correct website by clicking on the VIEW wording at the top of the page If the website is still on the preview server you may be asked for a password to view the website i Logged in Paul Brealey Wida Traine webwizard Y aul Brea ida Trainer Mobex LIVE VIEW version 2 TE Enter Preview1 as the password this is case sensitive By having the website launched and available you will be able to see the changes you make through the Webwizard immediately after you have refreshed the page on the website by pressing F5 The Controls All of the controls for the Webwizard are located in the menu down the left hand side of the page and should initially look similar to the image below Web Wizard 2 Windows Internet Explorer 6 EJ a widagroup net i File Edit view Favorites Tools Help w Favorites B Fixtures amp Results Ilkeston g Sugge So 7 Web Wizard 2 X Home Wida EasiEc webwizard version 2 Content Admin Training Videos Contact Us By clicking on each of the options they will expand to reveal further options and the controls to allow you to make the changes A standard Webwizard menu will look similar to the one in the picture above On the next few pages we will go through the various functions of the Webwizard Content This
24. from the list Then click on add new location this is very important as it will fix the location ofthe page in the website you can locate the new page as many times as you like there is no restriction If you wish to add any other items to the page such as page sections side imageg etc these can be selected from the contents drop down in the same way The final action to create the page is making it live on the website click on the activate button at the bottom of the screen Page Sections A page section is used within the webwizard to allow you to add additional text to the bottom of an existing page Once created the page section is simply located inside the page that you wish to add the additional text block to The same limit of 4000 characters apply to each page section however you can add as many page sections to a page as you like By clicking on the pagejsection in the menu you are presented with the list of already created page sections 1 Loggedin Paul Brealey Wida Trainer webwizard Y Wida EasiEdit Demo LIVE WIEW versjon 2 Log out Mail Content ALLO0123456789ABCDEFGHIJKLMNOPQRSTUVWXY Search Menus 3 Pages 24 a view edit details deactivate more Page Secfions 3 Example Page Section view edit details deactivate more List Add New paul view edit details deactivate more Links 6 News Articles 4 Downloads 3 Fields 4 Image Administration File Admini
25. ge in the website Skip The new image will not be uploaded Rename The original Webwizard will automatically rename the original image and will then upload the new one All instances of the original image will be changed on the website for the new version however you will still retain the original image in the database should you want to use it Admin The Admin section contains an option called Site Config This will allow you to make changes to the static parts of the website such as email addresses and site descriptions for search engine results Your site Config may look slightly different to this example H Loggedin Paul Brealey affirmed Wida Trainer webwizard Y Wida EasiEdit Demo version 2 TER Content Email Address Menus 3 mM default debugerrors widagrouyfcom M Tag description Wida Group Egiftdit Site Pages 22 Page Section 1 eywords Easiedit Links 6 A new_verify v1 News Articles 3 A Site Detail Downloads 2 Fields 4 Image Administration File Administration Admin Site Config Training Videfs Contact Us Copyright 2005 2012 Wida Group Limited Web Wizard Version 2 2 If your website is built with a contact us form the email address where this is sent to is controlled by the default email entry at the top of the page To make the changes click on edit on the right hand side and then change the details Pressing Save will instantly update the contact form Th
26. images are located to the page the slideshow facility will automatically start and it will then rotate between the images you have uploaded To add a set of slideshow images you will need to do the following Click on the Slideshow Image on the Webwizard menu on this example they are referred as Feature images This will display an alphanumeri list of the Slideshow images already created w Favorites 3 Fixtures amp Results Ilkeston E Free Hotmail Get more Addfons g Sughested Sites e x ga gt oa Web Wizard 2 x Home Wida Showcase Demo http ip Asswords type we network Tools DNS IP Email fh B amy Pager Safety gt Tools we bwizard Y Logged in Paul Brealey affirmed Wida Trainer ida Showcase Demo Y LIVE VIEW version 2 Content ALLO123456789ABCDEFGHIJKLMNOPQRSTUVWXYZ Search Menu 1 Pages 13 Name 3rd image view edit details deactivate more Page Sections g ew edit details deactivate more Church People view edit details deactivate more Products 2 Happy Couple view edit details deactivate more Extra Images 2 Feature Images 3 List Add New Downloads 3 Fields 4 Image Administration File Administration Admin Training Videos Contact Us Copyright 2005 2012 Wida Group Limited Web Wizard Version 2 2 Make sure that you have uploaded the images you wish to use for the slideshow into the I
27. iption is used to add more information to the image used for example if the image is of a bunch of roses you can specify here that they are a bunch of and elaborate on the image Style Depending upon your website design the available styles will change the colour of the box outline and the way the box is displayed This will be specific to your website Link The side panel can be configured either as an information panel that just displays either an image text or a combination of both or as a link to another page either internal or external to your website You will enter the URL link into this area New Window This works in connection with the Link as above By ticking the box will force the link to open in a new window stopping the user from closing your website when they close the link down Leaving the box empty will make the link open in the same window as your website so ideal for internal links Body Text This is where you will type in the information that will be displayed in the side panel Type in the name of the panel this will be displayed on the website and give the panel a title if required Then depending on whether your panel needs to display an image you can choose the image to be included by clicking on the Edit option next to the Main Image This will launch the image library window and will allow you to navigate through the folders to choose the appropriate image to use Enter the link url TIP if th
28. is email address will also change the displayed email address if it is shown in the header or footer areas of the website You may choose to change some of the Meta Tag information within the website such as the description that is returned against the website on search engines or the key words These can be changed by clicking on the edit command to the right hand side making the changes you will see that the key words are separated by commas and then pressing save NOTE Before making any changes to information in the Meta Tag area we strongly recommend that you contact us in case the changes you propose will have an adverse effect on the website s search engine ranking Marquee Image Resizing Tool To help with the resizing of images within your website the Webwizard is equipped with a Marquee Tool to allow you to easily select a part of an image which will be the correct size and aspect ratio for the location within your website Areas in your website that do not have this facility enabled will display the standard Webwizard Image Administration window allowing you to select the image directly from a graphical list The standard Webwizard image selection process When edit is selected to assign an image this can be anywhere within the Webwizard that has the ability to include an image such as a page page section product etc Content New Page Menus 4 y i 3 edit remove Pages
29. ite will have the option of Deactivate and a non active page will be given the option to activate This essentially switches the page on and off from the website More Within the more option we have 1 or 2 further options depending whether the page is active or not When the page is active we have Lock which when selected will remove the Edit details option to prevent accidental changing of the page When the page is not active the additional option is Delete You CANNOT delete an active page within Webwizard To Create a new Page To add a new page to the website you will need to have the Pages area open on the Webwizard if this has not already been done click on the Pages option on the left hand menu in the Webwizard Once this is open you will see 2 options appear underneath Pages they are List and Add New The List option shows an alpha numeric listing of all the pages in the database Click on Add New You will be presented with a blank template for you to fill in with all of the necessary information to create a basic blank page The template will look something like this example File Edit view Favorites Tools Help iy Favorites 5 Fixtures amp Results Ilkeston g Suggested Sites Free Hotmail Get more Add ons 55 7 Web Wizard 2 X Home Wida EasiEdit Demo fh gt N deb Page Safety Tools 2 we bwizard Y Logged in Paul Brealey affirmed Wida Trainer Wida Easi
30. lding and crane jpg T12 481x355 mg 0 delete rename Image Administration 7 chess pieces jpg 43 0 413x413 0 delete rename File Administration mm ran ara aan Once you have chosen your folder to upload your images into by clicking it you will be shown a page similar to the one above It is an alpha numeric listing of all the images that you have uploaded into that particular folder Image Name Size KB W x H px Preview Usage News Articles 3 Ea Blue hills jpg 279 800x600 nan 0 delete rename Downloads 2 5 blue sky jpg 40 6 348x490 1 delete rename Fielde FAL Each image is listed by its name as uploaded It is a worthwhile job renaming any images that are to be uploaded from a digital camera to something more meaningful as the camera will name the images something like DSCO1229 jpg which has no informative description The next item is the size of the file in Kb Bear in mind that if a file is uploaded directly from a camera the file size of the image will be so large that it will be unusable We recommend that you resize any images to the correct size in pixels before uploading them we can provide these details if required You can preview any of the images that have been uploaded by clicking on the small preview image This will show the image in a new window at the size it was originally uploaded Continued The final entry is the number of times the image is in use within the website The way the image admin
31. le entered in a page section will allow a highlighted title sentence to appear at the top of the page section above the main body text that will be shown on the website Continued A page section can similar to the pages display an image within the body text area that is shown on the website You have the ability to display this image in the top right top left of the text area with the text wrapping around the inserted image The other two image position options are centre which will centralize the image at the top of the text box displayed on the website and the main body text will be shown underneath the image and block which behaves in the same way as centre except that the image is displayed on the left hand side and effectively blocks the area off to the right of the image with the text being displayed underneath Please note that the main image inserted using the above procedure will be displayed on the website in the size it was originally uploaded Make sure it will fit the page if not resize and re upload the image The main text of the page section is entered into the body text section this offers the same options as the page whereby you will have the option of making changes to the style of text adding hyperlinks etc Under no circumstances should you attempt to paste an image into the BODY TEXT EDITOR For adding images please follow the instructions for adding images When complete press Add Item This will add the page secti
32. loadable content This material can be text or word documents excel spreadsheets or pdf files The downloads option is where you will give your download a name that will appear on the website choose the document you wish to use and then assign it to its location within the website Upload the files The first thing we need to do is upload any documents into the Webwizard that we wish to use as downloadable content This is done by chosing File Administration from the Webwizard side menu wizard version 2 Content Menus 3 Pages 22 Page Sections 2 Links 6 News Articles 3 Downloads 2 Fields 4 Image Administration File Administration Admin Continued Once the File Administration section is opened you will be presented with an alphabetical list of all of the already uploaded files that can be used as downloadable content Hz Favorites 3 Fixtures amp Results Ilkeston Free Hotmail Get more Add ons g Suggested Sites gt AF eb Wizard 2 far El dm Pager Safety Tools gt Logged in Paul Brealey affirmed Wida Trainer webwizard Y Wida EasiEdit Demo version 2 Log out Content ALLABCDEFGHIJKLMNOPQRSTUVWXYZ Menus 3 no sub Folders found Pages 22 Root Folder Page Sections 2 File Name Size KB Links 6 test txt 0 0 delete News Articles 3 Wida Group Web Wizard 2 User Manual pdf 111 2 delete Downloads 2 Fields
33. mage Administration database before you start Continued Click on Add New from the Webwizard menu on the left this will open up the Slideshow image creation template w Favorites 3 Fixtures amp Results Ilkeston Free Hotmail Get more Add ons g Suggested Sites gt gt 2 oa y ar Web Wizard 2 x Home Wida Showcase Demo Enttp JIpasswords type we amp Network Tools DNS IP Email g Pager Safety Tools AIO b oF A Loggedin Paul Brealey affirmed Wida Trainer W e WIZar Wida Showcase Demo Vv LIVE VIEW version 2 Log out Content New Feature Image Name Menu 1 Main Image edit remove Pages 13 Add Item Add Item and Return Page Sections Your Slideshow images template may look slightly different as it may include an extra field for a web address or Web link to be added If it does this means that when the image is displayed on the website clicking on the image will then send the user to the entered web address Enter the name of the slideshow image you wish to create this is for your reference only and will not be displayed on the website Then choose the image you wish to use by clicking on edit next to the main image This will open the selection window for the image administration where you can view all of the uploaded images and then click to select the image you want to use When finished click on Add Item This will take you thr
34. mail Get more Add ons Sal a Web Wizard 2 X Home Wida EasiEdit Demo A amp gm y Page gt Safety Tools w webwizard Y version 2 Content Menus 3 Pages 22 List Add New Page Section 1 Links 6 News Articles 3 Downloads 2 Fields 4 Image Administration File Administration Admin Training Videos Contact Us au D i aa Im K Loggedin Paul Brealey affirmed Wida Trainer Wida EasiEdit Demo Log out ALLO123456789ABCDEFGHIJKLMNOPQRSTUVWXYZ 12 Page 1 of2 Name About us Designer 1 EasiEdit Features Example Option German Home Make contact Search results Service Number 1 Service Number 2 Service Number 3 Service Number 4 Services Terms and conditions Test test 4 Test 5 test2 test3 tets 1 2 Page 1 of 2 LIVE VIEW Search view edit detai view edit detai view edit detai view edit detai view edit detai view VIEW VIEV view edit detai view edit detai view edit detai view edit detai view edit detai view edit detai view edit detai N edit details more N edit details more N edit details more A Mail Filter s deactivate more s deactivate more s deactivate more s deactivate more s deactivate more Ul s deactivate more s deactivate more s deactivate more s deactivat
35. nagement system the Useful links Web Wizard The EasiEdit site is exactly A A what it sounds an easy solution to editing i REEE FR a your website content Test a A REA EE ATE E Web Wizard is the perfect way of keeping l M your site up to date with all the latest a H news legislation information job vacancies and whatever else you want to communicate to the world with the benefit of unlimited pages One of the key benefits of the Web Wizard content management system is that it is browser based which means you can access it and update your website from any internet connected computer in the world 24 hours a day 7 days a week visit our features page to see all the features of an EasiEdit site BAlow is a list of news feeds The latest news feed is displayed at the top 2012 idaGroup Limited Terms and conditions Web Design Nottingham Wida Group This example website has 3 menus the maM menu which is located on the left hand side the secondary on the right and the footer at the bottom Your website may have the menus located in different positions depending upon your design All menus work in the same way irrespective of whether they are vertical or horizontal on the website Menu Explanation In the Webwizard if the menu option is clicked the system then displays for you the menus listed in the centre of the page The menus are always named in a convention that is easy to understand wher
36. nel this can be done on any computer that has internet access and requires no software download The control panel web address that you will need to enter into the Top address bar will have been issued to you at the same time as your username amp password Web Wizard 2 Windows Internet Explorer Ge 77 midagroup met File Edit View Favorites Tools Help py Favorites 543 Fixtures amp Results Ilkeston KJ 5ugbssted Sites 6 Free Hotmail Get more Add ons Type in the correct control panel web address into the web browser and then press enter to launch the web wizard The Login Screen The login screen should look like the one shown below type in your supplied user name amp password and then press the log in button Web Wizard 2 Windows Internet Explorer p Eek Es http webwie26 widagroup net Vi h 91 X S Bing Pir File Edit View Favorites Tools Help yy Favorites 3 Fixtures amp Results Ilkeston g Suggested Sites Free Hotmail Get more Add ons AF Web Wizard 2 far D Cl v Pager Safety Tools z webwizard Y version 2 Log in to continue g User Login Login Password Copyright 2005 2012 Wida Group Limited Web Wizard Version 2 2 Once you have successfully logged in you will be presented with the web wizard welcome screen on here we will post messages from time to time and notifications of possible serv
37. ns This screen will show what pages make up the menu options yy Favorites 3 Fixtures amp Results Ilkeston e Suggested Sites Free Hotmail Get more Add ons 00 n D gt Bo 7 Web Wizard 2 x Home wida EasiEdit Demo a D gm Pager Safety Tools we bwizard Y Logged in Paul Brealey affirmed Wida Trainer version 2 Wida EasiEdit Demo Y LIVE VIEW Log out Content CA Menu Main Menu F Active System Menus 3 a Name Main Menu List Add New Locations none Pages 22 Contents Click to Load W add to contents add to top 3 Home Page Section 1 About us remove ae Services remove ere Make contact gt inks remove News Articles 3 Useful links Todays News remove Downloads 2 i Test remove Save Order Fields 4 Back to List Edit Lock Imane Administration This screen will allow yu to change the order in which the pages are displayed on the website This is achieved by draggip and dropping the pages into their new order and then confirming that order by clicking on save order NOTE you can only drag the items when the mouse pointer has changed to a double ended arrow 4 to get this position the mouse to the right of the item you want to move Not directly over it To create sub menus the new pages will be located inside the page for example if you were garden services your services page may have Servicing cleaning and so on
38. on to the database and take you directly through to the view screen gi Favorites 3 Fixtures amp Results Ilkeston KJ Suggested Sites Free Hotmail Get more Add ons gt AE eb Wizard 2 far D El dm Pager Safety Tools f H Loggedin Paul Brealey affirmed Wida Trainer webwizard Y Wida EasiEdit Demo Vv LIVE VIEW version 2 O Content El Page Section Example Page Section Active Menus 3 A Name Example Page Section Title Example Page Section Main Image Main Image Alt Main Image Pos List Body Text This page illustrates how easy it is to alld further content to your web pages Simply fill in this area save your changes and then locate it to the page you want to alid it on to Pages 22 Page Section 1 Add New Links 6 News Articles 3 Locations Clickjto Load add new location none Downloads 2 ia Contents Clickito Load add to contents add to top Fields 4 Back to List Edit Deactivate Lock Image Administration File Administration Admin Training Videos Contact Us Copyright 2005 2012 Wida Group L n tted Web Wizard Version 2 2 On this page you will see a brief overview of the page content in the top half and the bottom part is showing the location and active status of the section To locate the section click on the upper of the two drop down menus to load its content then click and select from the list the page that you
39. op down menu and then choose either side panels right or left depending on your specification Remember to press the add new location and then finally activate to set the panel live on the website Training Videos Within the training video section we have a number of videos produced real time outlining the most commonly asked questions we receive These videos are available to you anytime you are logged into the Webwizard and launch in their own window The videos have audio and speech bubbles for instruction and clarification Contact Us The contact us section opens a contact form for you to make contact with us regarding any queries or requests you may have outside of office hours Pressing send will direct your question directly to our developers
40. oth sides of the website They will remain in view throughout the website and can be displayed either as a text only image or image and text depending upon your specification Examples of side panels are shown on the website below IN THE LIGHTBULB COMPAN ES Y Home Supastore Features About Us Contact Us Example Information Page 2 Test Existing Customer Log In Browse Light Bulbs GLS and Golfball Bulbs Energy Saving Bulbs 1 y s a Order Before 3pm for Same Day Dis Halogen Bulbs la Sm Flat Rate Postage Candle Light Bulbs gt Example Department 5 See Welcome ty the Web Wizard Supastore Example Department 7 Example Department 8 uperstore Inform your customer the latest developments and policies or even Special Offers unlimited pages world 24 hours a day 7 days a week Contact Us Company Info 2 These include Terms amp Conditions Privacy Policy Data Protection Onsite Design Appointment Site Map Bespoke Design to your Specification Product Details to Showcase Products Sales and Special Offers e Full Shopping Cart Facility e Merchant Integration Invoices and Delivery Notes Back End Order Management Sales Reports Unlimited Pages of Content Updateable Content Updateable Images Updateable News Feed e Quick Search This website has both left and right side panels and is showing a The Aupastore package utilises our own in house content management system
41. ough to the view screen where you will then locate the image onto the page you would like it to appear in E A ar Web Wizard 2 x Home Wida Showcase Demo http passwords type we E Network Tools DNS IP Email fi B mm Pager Safety Tools Na k Y A Logged in Paul Brealey affirmed Wida Trainfr W e DWIZar Wida Showcase Demo LIVE VIEW version 2 Log out Content Feature Image 3rd image Active Menu 1 Q Name 3rd image Main Image lfeature happy timeg jpg view Pages 13 Locations Click to Load W add new location Home remove Page Sections Products 2 P Contents Click to Load dd to contents add to top Back to List Edit Deactivate Lock Extra Images 2 Feature Images 3 List Add New Remember to click add new location once you have selected the page from the locations dropdown menu and then finally click on Activate to make the image live on the chosen page To get the website to perform the slideshow simply add more images to the same page by repeating the above process Downloads If your website is built with the option of having downloadable content such as price lists or specification sheets you will have on your Webwizard side menu two additional options These options are File Administration Downloads The file administration section is where you will upload into the files database the documentation you wish to make available as down
42. rsion 2 Conten Menus 3 Pages 24 List Add New Page Sections 3 Links 6 News Articles 4 To select the location click to load the upper of the 2 drop downs gt fy gt da y Page Safety Tools Logged in Paul Brealey Widd Trainer Page Test Inactive Name Title Override Title Override Description Main Image Main Image Alt Main Image Pos Right Image Right Image Alt Right Image Caption Body Text Menu Footer Menu navfooti r Secondary Menu sefondarynav About us Designer 1 EasiEdit Features Example Option German Home Make contact Search results Service Number 1 Service Number 2 Service Number 3 Service Number 4 Services Terms and conditionk test 123 LIVE VIEW Mail test 22 Test 5 Todays News Iseful links This is where the main bol est is advised that before the test 4 processor will have adg d test2 Downloads 3 Fields 4 ntered you can prepare the text in a word processor but it asted into notepad to remove any formatting that the word Image Administration his text window File Administration tets Locations Footer Menu navfooter M add new location Admin remove 2 Main Me Contents Click to Load add to contents add to top Training Videos Contact Us Back to List Edit Activate Lock Delete Copyright 2005 2012 Wida Group Limited Web Wizard Version 2 2 Choose the location
43. stration Admin Training Videos Contact Us Copyright O 2005 2012 Wida Group Limited Web Wizard Version 2 2 The list is displayed in exactly the same format as described earlier with the same options and font status indications To create a new page section Click on Add New webwizard version 2 Content Menus 3 D Pages 22 Page Section 1 Add New You will then be presented with a screen that looks similar to the one below 11m Ly Favorites 33 Fixtures amp Results Ilkeston g Suggested Sites Free Hotmail Get more Add ons z LF Web Wizard 2 fe D mh Pager Safety Tools H Loggedin Paul Brealey affirmed Wida Trainer webwizard Y Wida EasiEdit Demo Vv LIVE VIEW version 2 paa Content El New Page Section Name Title Pages 22 Main Image edit remove Main Image Alt Page Section 1 Main Image Pos Right List Body Text Menus 3 Add New i m E Source 4 Links 6 B I U 2 News Articles 3 Downloads 2 Fields 4 Image Administration File Administration Admin Training Videos Contact Us Add Item Add Item and Return Copyright 2005 2012 Wida Group Limited Web Wizard Version 2 2 Fill in the appropriate areas of the form to create the section detail The page section name will not appear on the website it is just used for you to easily locate the page section in the list A tit
44. want this page section to appear inside You MUST click add new location to confirm your chosen page and assign it to this page section The final thing you need to do is click on activate to make the section live Important information on image copywrite can be viewed on the Welcome page of your control panel Image Administration The Image Administration section of the Webwizard is where uploaded images are stored It allows you to upload all of the images that you require to be displayed within your website There will be a number of folders contained within image administration these are for your house keeping and they will be named according to the areas the images are destined for e a folder may be called page sly Favorites 5 Fixtures amp Results Ilkeston g Suggested Sites Free Hotmail Get more Add ons fay O J Pagey Safety Tools e gt SF Neb Wizard 2 A H Loggedin Paul Brealey affirmed Wida Trainer A A webwizard sad Wida EasiEdit Demo Vv LIVE VIEW version 2 par Mail Content ALLO0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZ Search Menus 3 Q 12 Page 1 of2 Filter link Pages 22 y page Page Section 1 g Root Folder Links 6 S Image Name Size KB W x H px Preview Usage News Articles 3 Ea Blue hills pg 27 9 800x600 nam 0 delete rename Downloads 2 5 blue sky jpg 40 6 348x490 A 1 delete rename Fields 4 bui
45. webwizard Y version 2 User Guide Webwizard User Guide This user guide is designed to help you understand our Webwizard Content Managed System Web wizard is a powerful content managed website control panel that has been fully designed in house and is under constant development to bring you the latest in technology and features Webwizard Overview The wizard as its name implies has been designed to allow you the customer to quickly and easily make changes to your website real time without causing any down time We are constantly adding new functionality to the system and strive to keep the CMS up to date with the latest requirements at all times There are 3 points to remember when creating new items within the system This can be referred to as the three 8 s procedure The three 8 s are Create Locate Activate If you can remember this procedure then you are more than halfway there Please remember now that you have your access details to the webwizard this is the Start of your relationship with Wida Group Ltd and not the end Call us on 0115 9214797 and we will be happy to help Accessing the Control panel You will require the Control Panel Web Address Username and Password to begin your journey through Webwizard and these are written below for your records Control Panel Web Address __ Username __ Password Remember your Username Password are case sensitive Launch the Webwizard control pa

User Guide - Web Design Leicester

Contents

Download Pdf Manuals

Related Search

Related Contents