Å KODA K2 Content Management System - Skoda Auto

new.skoda.auto.com
  • No tags were found...

Å KODA K2 Content Management System - Skoda Auto

1 GETTING STARTED WITH K2................................................................................................................72 LOGIN TO K2............................................................................................................................................83 WORKSPACE...........................................................................................................................................93.1 RIBBON...........................................................................................................................................93.1.1 Site Actions........................................................................................................................................................93.1.2 User´s menu....................................................................................................................................................103.1.3 Context buttons.............................................................................................................................................103.2 Importer settings.........................................................................................................................113.3 Website structure.......................................................................................................................123.4 Working with lists......................................................................................................................133.4.1 Showing a list...................................................................................................................................................133.4.2 Add new item to the list............................................................................................................................ 143.4.3 Edit existing item in the list...................................................................................................................... 143.4.4 Deleting item from the list........................................................................................................................ 143.4.5 Restore item from the Recycle Bin........................................................................................................153.4.6 List adaptation.................................................................................................................................................153.5 Publication workflow.................................................................................................................163.5.1 Folders................................................................................................................................................................ 163.5.2 Documents, images and videos..............................................................................................................173.5.3 Pages.................................................................................................................................................................. 203.5.4 Multiple approve.............................................................................................................................................213.6 Redirect list..................................................................................................................................234 MULTIMEDIA......................................................................................................................................... 244.1 Uploading images and documents........................................................................................ 244.2 Inserting Images........................................................................................................................ 264.2.1 ŠKODA Rendering Engine ........................................................................................................................264.2.2 Local Library or Shared Library................................................................................................................274.3 Video............................................................................................................................................. 284.3.1 Youtube............................................................................................................................................................. 284.3.2 Flash video....................................................................................................................................................... 284.3.3 Video Player....................................................................................................................................................305 PAGE TEMPLATES................................................................................................................................ 315.1 Site.................................................................................................................................................315.2 Actions usable for all pages.....................................................................................................325.2.1 Editation.............................................................................................................................................................323


5.2.2 Publication workflow...................................................................................................................................325.2.3 Welcome page................................................................................................................................................345.2.4 Same webparts for all page templates..............................................................................................345.2.5 Page Keywords...............................................................................................................................................355.2.6 Copying/moving sites/pages in the website.................................................................................. 365.3 Homepage....................................................................................................................................375.4 Dealer Homepage.......................................................................................................................415.5 Column Repeater.......................................................................................................................445.6 Golden Ratio...............................................................................................................................465.7 Paragraph Repeater...................................................................................................................475.8 iFrame...........................................................................................................................................495.9 Free Webpart.............................................................................................................................. 505.10 Image Gallery...............................................................................................................................525.11 Sitemap.........................................................................................................................................535.12 Error pages...................................................................................................................................535.13 News List..................................................................................................................................... 545.14 News Article.................................................................................................................................556 MODEL PRESENTATION......................................................................................................................576.1 Model lists....................................................................................................................................576.1.1 Model type list.................................................................................................................................................576.1.2 Model group list............................................................................................................................................. 586.1.3 Model variant list.......................................................................................................................................... 586.1.4 Colors list...........................................................................................................................................................596.1.5 Equipment list.................................................................................................................................................596.1.6 Engine list.........................................................................................................................................................606.2 Data source..................................................................................................................................616.2.1 Importer with CarConfigurator................................................................................................................ 616.2.2 Importer without CarConfigurator........................................................................................................626.3 Data source administration..................................................................................................... 626.3.1 Creation of new models from existing models.............................................................................. 636.4 Hotspots......................................................................................................................................646.4.1 Hotspot List.....................................................................................................................................................646.5 Page creation..............................................................................................................................666.5.1 Exterior page..................................................................................................................................................666.5.2 Interior page....................................................................................................................................................684


6.5.3 Technology page...........................................................................................................................................696.6 Flash in Model pages................................................................................................................. 716.7 Model navigation........................................................................................................................726.8 CarConfigurator Model Selector..............................................................................................727 NAVIGATION..........................................................................................................................................737.1 Changes in navigation...............................................................................................................737.2 How to set 3 rd level navigation for a site..............................................................................748 FOOTER..................................................................................................................................................768.1 Adding hyperlinks into footer..................................................................................................769 CALL TO ACTIONS.................................................................................................................................779.1 Adding new hyperlink to CTA .................................................................................................779.2 Changing or deleting CTA hyperlink ..................................................................................... 789.3 Displaying of CTA....................................................................................................................... 7810 SEARCH..................................................................................................................................................7911 MINIAPPLICATIONS............................................................................................................................8011.1 XML file........................................................................................................................................8011.2 Dealer Locator............................................................................................................................ 8211.3 Test drive..................................................................................................................................... 8312 SEO.......................................................................................................................................................8412.1 Names of sites, pages, images and documents ................................................................8412.2 Inserting tracking codes..........................................................................................................8413 DICTIONARY....................................................................................................................................... 8514 LIST OF IMAGES.................................................................................................................................86ANNEX A – AVAILABLE WEBPARTS.............................................................................................................88ANNEX B – RECOMMENDED WIDTH OF IMAGES (IN PX)........................................................................89ANNEX C – LIST OF ALL IMPORTERS AND THEIR BID´S......................................................................... 94ANNEX D – LIST OF AVAILABLE (AND RENDERABLE) COLORS FOR MODEL PAGES......................... 955


1 GETTING STARTED WITH K2Hello! Thank you for chosing K2 CMS for making your ŠKODA website live. K2 systemis packed with many amazing and unique features. Before your first log in, we wouldlike to bring some recommendations and help you to make your work trouble-free.K2 is CMS based on Microsoft Sharepoint 2010. Best compatibility can be reached onlyby using other MS software. If you really want enjoy all K2 features, we recommend:• Use Internet Explorer browser (8.0 or higher)• Install MS Office 2010 in your computer.This User Guide offers a step-by-step tour through K2 features for editors. Authorstried to sort all chapters as they usually go during the process of building newwebsite. Tasks are written step-by-step, as well. There are lot of screenshots of realsystem, all pictures are numbered and pointed to appropriate part of text.Common features of UserGuide:• Green marked text - This way all system names of buttons, folders, lists orsites are highlighted.• Approved = Published – Any item (picture, document, page or folder). withapproval status Approved is published - accessible by onyone via internetbrowser.• Post-its – clever tips placed across the whole manual. They contain usefulinformation and try to make the editor´s work easier.• Root site – means you will get to the root folder (represented by specific page)by clicking on ŠKODA logo in header of all pages.• Welcome page = homepage of some site in the structure.7


2 LOGIN TO K2For running Site Management Console useURL: https://resource.skoda-auto.com/xx-yy/Pages/welcome.aspxReplace xx-yy with your culture code. It is a combination of an ISO 639two-letter lowercase culture code associated with a language and an ISO 3166two-letter uppercase subculture code associated with a country or region.TIP: Don´t know code for your country? Try list of culture codes athttp://sharpertutorials.com/list-of-culture-codes/TIP: You can find in UserGuide set of tips and recommendations, what look likecoloured post-it, as bellow.For example, there are three language versions of ŠKODA Switzerland´s website:URL for German-Switzerland: https://k2cms.skoda-auto.com/de-CH/URL for French-Switzerland: https://k2cms.skoda-auto.com/fr-CH/URL for Italian-Switzerland: https://k2cms.skoda-auto.com/it-CHIf you want to get quickly to the homepage (or another default page of root site), youcan click on ŠKODA logo on the top of all pages.8


3 WORKSPACEK2 is a global ŠKODA content management system (CMS), used for easy creationof ŠKODA Auto website. K2 is based on Microsoft Sharepoint 2010 technology.Thanks using Sharepoint 2010, we have some new features to work with. You canget quickly familiar with the system, because of word-like work. System stores alldata into so called Lists and there is a special type of list for documents, images,videos, pages, etc. Each importer has own space for website, called Site Collection.Everything, what you need to do in website, can be made via Ribbon. All controlbuttons are there.01 – Ribbon3.1 RIBBONRibbon consists of three groups• Site Actions• User´s menu• Context buttonsFunctionalities in these groups are available according to user´s rights.3.1.1 Site ActionsTShow all available items by clicking on Site Actions (02). Each item is amended withshort description.As an editor, you can find useful following:• Hide/Show Ribbon – hide or show ribbon for actual page.• Edit Page – start editing current page.• Manage Content and Structure – enter structure of your site collection.• View All Site Content – view all libraries and lists in current site.• Site Settings – set various settings of site• Create K2 page – create page based on one of approved K2 templates02 – Site Action9


3.1.2 User´s menuMenu consists of following items (03):• My Settings• Sign in as Diferent User• Sign OutYou can show all items by clicking on user name.3.1.3 Context buttons03 – User´s menuRibbon always contains all context buttons (04) for the list, which is currently shown.If you mark an item in the list (page, picture, pdf file, etc.), you can always see activeand unactive buttons – this way you always know what you can and what you can´tdo with marked item.04 – Context buttons10


3.2 IMPORTER SETTINGSIf you want everything working like it should, you have to set basic information aboutthe importer. You can do this in Site Actions (in the ribbon) and then Site Settings.There you can find Importer properties in settings section Skoda applicationadministration (05).You can set now:• BID – unique identifi cation number of importer• Car configurator instance name – code of instance in CarConfigurator (relevantonly for countries with CC)• Importer has 3D configurator – information about version CarConfigurator,what importer use• Has custom domain – hiding of site collection name in case you are using yournational domain• Use new model menu – switch on/off new version of model navigation – firstpart of Car Casting• Culture – language culture of sitecollection, based on .NET• Call To Action – enable/disable CTA for whole website• Search – enable/disable Search for whole website• Tracking HTML Code - here you can insert tracking code for current Site• Mobile Presentation URL – URL of website mobile version, where is customer,accessing website with mobile device, redirected05 – Importer settings11


3.3 WEBSITE STRUCTUREWebsite structure in K2 is created by three different types of places for datastorage - sites, lists and folders (06). Each type of these place have differentproperties.• Site – is marked by Site have specific place in K2, because it s basic stoneof whole system. Site contains all content of website – f.e. as you can see onimage (6), our site collection (in this case K2 CMS Education) is site too. Eachsite always contain lists for pages, images and documents, other case is Rootsite and site Models – it contains much more lists.• List – is basic container for content in web structure, marked by . Each listcontains specific type of data. Some of these lists can have another icon in thesytem (examples marked with green arrow in image (06). You can find speciallist for documents (Site Collection Documents) and images (Site CollectionImages). These lists for documents and images are fully supported by the system.• Folder – is support container for data marked by , which allows you tomake substructure (07) in lists (f.e. for images and documents).TIP: Prefer Site Collection Images andSite Collection Documents for your data.07 – Folder structure in list06 – Website structure12


3.4 WORKING WITH LISTSIn general, basic operations are: show list, add item to the list, edit item, delete item,restore item from recycle bin, and so on. Pages are stored in the list Pages, imagesin the list Images, etc. We have special lists only for models, which are located in siteModels. In the list Model type, each item is a model type (e.g. Octavia).3.4.1 Showing a listIf you want to see any list, click on Site Actions button in ribbon. Then choose Viewallsite content (08). You can choose from available lists.• How to show list of pages:• Go to the root site. In the ribbon, click on Site Actions -> View All Site Content-> Document Libraries -> Pages.• How to show content of Recycle bin:• Go to root site. In the ribbon, click on Site Actions -> View All Site Content ->Recycle Bin -> Recycle Bin.Content is devided into 3 groups of content:• Documents Libraries – group of all data like documents, images, videos andpages• Lists – group of lists, which contains items of another feature (Call to Actions,links on homepage – in Models lists with data for model pages, etc.)• Site and Workspace – group of all subsites of current site (f.e. site Modelscontains subsites Octavia, Fabia, etc.)08 – ll content of site13


3.4.2 Add new item to the listIf you want to add new items to the list, you have to open that list first - Go to rootsite. In the ribbon, click on Site Actions -> View All Site Content. Then choose fromdocument libraries. If you want to add e.g. new page, continue with -> DocumentLibraries -> Pages. Continue by clicking on Add new item (09), located below the list,or locate Documents in the ribbon, and click on New Document.3.4.3 Edit existing item in the listThe beginning is the same as usual - Go to root site. Open Site Actions -> View AllSite Content -> e.g. Document Libraries -> e.g. Pages. In the list of items tick thecheckbox beside the item.Continue with one of following ways:• In the ribbon click on the button Edit document.• In the list of items click on title of selected item. Detail of item displays.• In the ribbon click on the button Edit .09 – Add new item in the list3.4.4 Deleting item from the listThere are two ways how to delete an item:• In the list of items, mark the checkbox beside the selected item. In the ribbon,click on the button Delete Document. (10)• In the list of items click on title of selected item. Detail of item displays. In theribbon click on the button Delete.Then the application displays this message: „Are you sure you want to send thispage to the site Recycle Bin?“ If you choose OK, the item is moved to Recycle binand stored for 30 days. After 30 days, the item is completely deleted from the system.10 – Delete item from the list14


3.4.5 Restore item from the Recycle BinIn some cases you may want to restore something from recycle bin, so go to rootsite. In the ribbon, open Site Actions -> View All Site Content. In section Recycle Binclick on Recycle Bin (11). List of deleted items is shown.• Restore Selection – tick the checkbox beside the item you want to restore.Click on Restore selection. All chosen items will be restored.• Delete Selection – tick the checkbox beside the item you want to restore. Clickon Delete Selection. All chosen items will be deleted from the system.11 – Recycle Bin3.4.6 List adaptationEach list can be adapted and personalized:• Modify view of ListIf any columns is missing in the view, it can be shown by clicking on Modify viewin bookmark List Tools – List or you can create your own view by clicking on Createview in the ribbon.12 – Types of listsIt is possible to choose Standard View (standard list) or Datasheet View (displayedas access table).Then just type-in name of view and choose what columns will be displayedand in which order (13).13 – List columns15


3.5 PUBLICATION WORKFLOWEach operation have to follow any process in the system. Even in K2 we havespecial process for publication of all items, stored on the website. This publicationprocess (or workflow) is different for pages and for other data – images, documentsand videos. Generally, base of workflow is the same (13, 14) for both categories.Current status of item you can find in column Approval Status:• Draft – item is unfinished and unpublished version and visible only in CMS• Pending – item is finished, waiting for approval to be publish online and stillvisible only in CMS• Approved – item is visible from internetDraft Pending Approved13 – Publication workflow3.5.1 FoldersYou can use folders to create substructure in appropriate list. In K2 we have to followbasic rule: “Only approved items are visible on the internet”. That means, youcannot see unapproved items, even page, what contain unapproved image, is notvisible from internet.Even folders have to be approved. In order to make an folder approved, thereis following workflow used:14 – List of images• Each folder have Approval Status – Pending, when you create it• In the list of items tick the checkbox beside the item (15)• Then click on Approve/Reject button in the ribbon• In next pop-up dialog choose Approved and click on OK• You folder will have Approval status – ApprovedIf someone try to open page (or another item), with approval status Draftor Pending from internet, get error 403 – access denied/forbiden.15 – Folder approval status16


3.5.2 Documents, images and videosPublication workflow for documents, images and videos (hereinafter documents)is very simple, similar to folder approval and all actions have to be done in appropriatelist. If you find your new documents, what you need to publish, it is possible to startwith workflow.3.5.2.1 Submitting for approvalFirst step in approval workflow is submit item for approval. The process of dataupload to K2 is going to be described in next chapter, but for now it is necessaryto know, we have two possible ways of upload – upload and multipleupload (in firstcase you can upload only one item in one moment, but multipleupload can uploadmore items in one moment). Reason why it is necessary to know it is that submittingprocess is different in both cases.Upload16 – Folder ApprovalIf you upload item by this way, item will be automatically Checked-In. So, in the listof items tick the checkbox beside the item and click on Publish button (17).Documents, images, videos and folders (which contains them) have to bepublished, if you want to see them on internet.17 – Upload Submitting item17


The form (18) for setting the workflow is displayed with following fields (all fields canleft empty):• Request – This message will be sent to the people assigned tasks.• Due Date for All Tasks – The date which all tasks are due.• Duration Per Task – The amount of time until a task is due. Choose the unitsby using the Duration Units.• Duration Units - Define the units of time used by the Duration Per Task.• CC – Like “copy” in email. Notify people when the workflow starts and endswithout assigning tasks to them.Last move is click on OK. The item is then submitted for approval. Approval statusof the item is changed from Draft to Pending.Multipleupload18 – Start workflowIf you upload item by this way, item will be automatically Checked-Out. So, in the listof items tick the checkbox beside the item and click on Check In button (19).New window will pop-up (20) – there choose 1.0 Major version (publish) and OK.Then will pop-up same window as in previous case (18).The item is then submitted for approval. Approval status of the item is changedfrom Draft to Pending.TIP: Difference in statusCheck-in – visible and editable for all CMS usersCheck-out – locked by one user for editationPending – item in approval workflowApproved – published and visible on internet19 – Multipleupload – Check In20 – Multipleupload – Major version18


3.5.2.2 Approving/PublishNext step in workflow is approval. Choose and mark an item with approval statusPending. In ribbon, open bookmark Library Tools – Documents and click onApprove/Reject (21).New window will pop-up (22) and it is necessary to choose one status:• Approved – publish item and visible from internet• Rejected – return item to its creator• Pending – leave status as pendingYou can add comment to item. Then click on OK and your item is approvedand published. Then the item is approved or rejected. In the list of items, theapproval status is changed automatically from Pending to Approved or Rejected.21 – Approving of item22 – Approve/Reject item19


3.5.2.3 UnpublishPublished item can be unpublished by clickingon Unpublish button in ribbon (23).Approval status is then changed from Approved back to Draft. Item is visible only forK2 users. In order to make the item visible again, start the new workflow is necessary.3.5.3 PagesNow you know how publishing of items in K2 works. This chapter describes publicationof pages. Each page can be approved directly from ribbon during editation, what willbe described in chapter about page templates. There will be described how to workwith publishing workflow in the list Pages. A new created page is marked withicon. Little arrow means, that the page is checked out to user who created the page.That means that only user, who create it, can edit this page. You can see severalinformation in list Pages – Approval status, used template (Page Layout) etc (24).23 – Unpublish24 – List of pages20


3.5.3.1 Submitting for approvalIn case, that page is in Draft, but Checked-Out to you, it is necessary to Check pageIn. in the list of items tick the checkbox beside the item and click on Check In button(25).New window will pop-up (26) – there choose 1.0 Major version (publish) and OK.Then will pop-up same window as in previous case (28) – Start workflow.The item is Checked-In and submitted for approval. Approval status of the itemis changed from Draft to Pending.3.5.4 Multiple approveIt is possible to approve more files then one together. If you select more items, clickon Multiple Approval (139) in the ribbon in bookmark Documents.In the dialog (28) you can choose one of possible actions:• Approve = publish• Pending = submit files for approval• Reject = cancel approval25 – Page – Check–In26 – Multiple-Approve27 – Page – Publish major version 28 – Approve21


3.5.4.1 Approving/PublishNext step in workflow is approval. Choose and mark an item with approvalstatus Pending. In ribbon, open bookmark Library Tools – Documents and clickon Approve/Reject (29).New window will pop-up (30) and it is necessary to choose one status:• Approved – publish item and visible from internet• Rejected –return item to its creator• Pending – leave status as pendingYou can add comment to item. Then click on OK and your item is approvedand published. Then the item is approved or rejected. In the list of items, the approvalstatus is changed automatically from Pending to Approved or Rejected.29 – Page – Approve30 – Page – Approve/Reject22


3.5.4.2 UnpublishPublished item can be unpublished by clicking on Unpublish button in ribbon (31).Approval status is then changed from Approved back to Draft. Item is visible only forK2 users. In order to make the item visible again, start the new workflow is necessary.3.6 Redirect listIt is possible to set all n redirects from your old web URL´s to K2.You can set this in Redirects list, what is placed in root site (same place as is placedCall To Action List).Is it necessary to set (32):• Title – original URL• Redirect URL – target URL of redirect31 – Page – Unpublish32 – Redirect settings23


4 MULTIMEDIAThis chapter describes the work with various types of files, such as the pictures,videos, pdf catalogues and so on. It contains explanation of how to upload filesto the system, and then how to insert or link them to a page.In K2, there are three possible resources for files:• ŠKODA rendering engine (only for pictures) – a special K2 feature, which isable to generate picture of defined car from CarConfigurator datasource. Thisfeature is used e.g. for all Model Exterior pages.• Local Library – folders for you to upload own pictures or documents. Only youcan access, upload or delete files from these folders.– Site Collection Documents is a folder dedicated to your documents,– Site Collection Images is folder for your pictures.• Shared library – folders with shared files for all K2 users. Approved files formŠKODA headquarters. Everyone can use files stored in the two global folders,only administrators can delete or add:– Site Collection Documents, dedicated to global documents,– Site Collection Images for all global pictures.Remember icons for those three sources, shown on picture (33).4.1 Uploading images and documentsYou can easily upload images or documents to your Local library. It is recom-mendedto create own structure of subfolders within the Site Collection Images (for images)or Site Collection Documents (for other files).Another way is to upload pictures separately to Images folder of each site,documents to Documents folder (not recommended!).The K2 system offers possibility to add files one by one, or multiple.Recommended image formats: .jpg, .png. and .gif.33 – Icons for sources, from the left:ŠKODA rendering engine, Local library,Shared libraryRemember: Each list can store (and work with)only predefined file type – f.e.SiteCollectionImages = image files24


How to proceed with upload:Go to root site (click on ŠKODA logo);In ribbon, open Site Actions and choose View all Site ContentIn Document Libraries group, click on Site Collection ImagesCreate new folder for Images:• In ribbon, open Documents bookmark and click on New Folder (34)• Fill in the name of the new folder and click Save.New folder is created. You can see it in the list.Open the folder by clicking on its Name.Click onIn modal window (35) choose Browse for single upload, or click on link UploadMultiple Files…Single file upload:After clicking on Browse, find the picture you want to upload, click open and thenin modal window on OK button.New modal window opens. You can insert Title, keywords or comments. Then clickon Check In buttonUploaded picture appears in the folder, with approval status Draft.34 – New folder35 – Upload25


Multiple files upload:Feature is available only via Internet Explorer. For full functionality, Microsoft Office2010 should be installed on your computer (36).• After clicking on Upload Multiple Files…, a modal window opens.• Open folder with pictures you want to upload. Mark all items for upload.• Drag all selected items and drop into the box in modal window.• Click OK.• Pictures are being uploaded.• When upload done, click again OK.• Uploaded pictures appear in the folder, with approval status Draft.4.2 Inserting ImagesDuring editation you can use three possible sources of images.4.2.1 ŠKODA Rendering Engine36 – Multiple Upload• Click on icon .• Form for inserting images from Škoda Rendering Engine is shown (37). Choosein each box, what you need to get:• Model type – list of models (same as displayed in model menu of website)• Model group – list of all model groups for selected model type• Model –list of all models for selected group model• Equipment – list of all trim lines for selected model• Color – list of available colours for selected model• View type – list of all views selected model (exterior, interior)• Car angle – rotation angle of selected model (only number 0, 10, 20, ... 350accepted, 0°= side view)• Image width – required image size (insert integer number only).• Click OK.37 – ŠKODA Rendering Engine settings26


4.2.2 Local Library or Shared Library• Click on icon for access your Local Library, or for access Shared Library.(38)• In dialog window, find the appropriate folder with images.• Find the picture you want to insert. Click on it.• Click on OK in the right bottom corner of the window.• In following modal window, click OK again, and the image will be inserted tothe page.If you want to check all available shared pictures, type following URL toyour browser and see if there is something useful for your purpose:https:/k2cms.skoda-auto.com/SiteCollectionImagesYou can upload video files to the K2, but these files will act as images ordocuments –you can find more about video in next chapter38 – Site Collection ImagesYou can upload video files to the K2, but these files will act as images ordocuments –you can find more about video in next chapter.27


4.3 VideoIt is possible to use only two types of video in K2:4.3.1 YoutubeYou can place videos on your YouTube channel (39) and use the embed linkin the iframe web part in a free template page or in the HTML code in a contenteditor (also in paragraph, column, golden section).Settings for iFrame template:• iFrame URL: http://www.youtube.com/embed/lXr30mCohHg• iFrame Width: 853• iFrame Height: 480Another pages – HTML editor:39 – Youtube video4.3.2 Flash videoYou can prepare your own flash video. For that you need a .flv video file and .swfplayer, which will contain this .flv file or link on its storage and use it as a commonflash file in a page.Insert video into the K2 in few steps:• Prepare .flv video file – you can store this on your servers or we can create foryou Site Collection Objects, where you can store your .flv videos• Create and upload to K2 (we recommend you site, where the page with video islocated) default image and xml. file, which contain link to your .flv video file anddefault image (as you can see on image (40), image appears before video startsand after end of video• Insert HTML code into the page.40 – Flash video28


Example of .xml file:- Movie autoplay – URL of .flv video fileVideobg – URL of background default imageExample of HTML code of video:It is possible to use shared .swf players16:9• http://new.skoda-auto.com/SiteCollectionObjects/swf/flash-video-player-848x477.swf• http://new.skoda-auto.com/SiteCollectionObjects/swf/flash-video-player-560x315.swf• http://new.skoda-auto.com/SiteCollectionObjects/swf/flash-video-player-272x153.swf4:3• http://new.skoda-auto.com/SiteCollectionObjects/swf/flash-video-player-860x645.swf• http://new.skoda-auto.com/SiteCollectionObjects/swf/flash-video-player-560x420.swf• http://new.skoda-auto.com/SiteCollectionObjects/swf/flash-video-player-272x204.swfIt is necessary change only two long URL, http://new.skoda-auto.com/SiteCollectionObjects/swf/flash-video-player-848x477.swf?XMLlink=http://new.skoda-auto.com/SiteCollectionObjects/xml/movie-sample.xmlThis address contains URL of .swf and .xml file29


4.3.3 Video PlayerYou can display video in special Video Player webpart – it is available for FreeWebPart Template. If you insert this webpart into the page, you have to fill severaltext fields (41):• MP4 video file – URL address of video file in MP4 format (obligatory field)• WebM video file – URL address of video file in WebM format (new popularvideo format for websites). If you link both formats, your video will be availableon almost all platforms.• Alternative image file – URL address of image, what is displayed, when yourvideo is broken• Videoplayer size – size of video in page41 – Video Player Webpart settings30


5 PAGE TEMPLATESAll pages in K2 are based on templates, prepared according to ŠKODA CI Standards.If you want to create page, you have to choose one of existing templates, which aresorted in groups (43):• Text templates – page layouts for pages with text and pictures• Model site – use to create new model site• Custom content – templates which allows placing custom webparts on page• News templates – news related templates• Site – use to create new site in your website• Home Pages – use to create new homepageIf you want to create website, it is good to have all data structured. First of all therewill be described how to create Site.5.1 Site43 – Groups of templatesCreation of sites (even pages) is very simple – just click on Create K2 page in SiteActions. Create Page Wizard will pop-up (42), where choose Site. The form for pagedetails opens. Fill in all required fields (44):• Title – name of the site.• File name – will be shown in URL (value automatically filled by system accordingto Title field capital letter are changed to small, letters with diacritic andspace characters are left ).• Target URL – location of where new site will be placed (as default is pre-filledURL of root site). If you want to place new site into one of existing subsites,click on Pick url. Webpage dialog with existing subsites (Models, News etc.) isdisplayed.Choose one location and click OK.42 – Site Actions44 – Create page wizard31


5.2 Actions usable for all pagesAll pages use two actions, which are the same for all templates:• Start of Editation• Publication workflow45 – Ribbon5.2.1 EditationYou can start editation of page by:• Click on on the top of ribbon (45)• Click on Edit button in ribbon (45)• Click on Edit page in Site Actions (46)If you are in editation mode, you can see yellow strip under ribbon with textStatus: Checked out and editable. and editation buttons for each part of page(42).5.2.2 Publication workflowEach page can be published on the internet during editation, but you haveto follow predefined workflow, which is similar to workflow for other data.If you want to save page during editation, you can click on (47):Save & Close – page will be saved, but still checked-out to last editor – nobodyelse can edit itCheck In – page will be saved and available for editation for alleditors46 – Page in editation mode47 – Ribbon – Saving the pageUsing only Check-In is highly recommended. Page, which si checked--out, is not possible to edit for other editors then last editor.32


After Check-In is status of the page Checked In and viewable by authorizedusers. Now, you can submit page for approval:• In ribbon, open Publish bookmark, then click on Submit button (48).• Before the page is submitted for approval, K2 checks if all required fieldsare filled. If OK, the field for comments is displayed (comments optional).• Click on Continue.The form for setting the workflow is displayed with following fields (all fieldscan be left empty):• Request – message will be sent to the people assigned tasks.• Due Date for All Tasks – The date which all tasks are due.• Duration Per Task – The amount of time until a task is due. Choose theunits by using the Duration Units.• Duration Units - Define the units of time used by the Duration Per Task.• CC – Like “copy” in email. Notify people when the workflow starts andends without assigning tasks to them.• Click on Start button (49).The page is then submitted for approval. In the list of pages, the status of thepage is changed automatically from Draft to Pending.In ribbon, open bookmark Library Tools - Documents, then click on Approve(50).Approve/Reject form is displayed, where mark required approval status :Approved – publish item and visible from internet• Rejected –return page to its creator• Pending – leave status as pending.You write a comment (optional) and click OK.The page is approved or rejected. In the list of pages, the approval status ischanged automatically from Pending to Approved.48 – Submit button in Ribbon49 – Start workflow50 – Approval33


5.2.3 Welcome pageEach site must have one special page, called Welcome page (homepageof site). If you create new site, you can find page Default.aspx in the listPages. This page is empty (site have to contain at least one page). Then youwill create your own pages and default page is not necessary, but you need toset your new page as welcome page of the site.For example:We want to create site Contact, where will be page contact.aspx.If you create that site, you can find in the list Pages only default.aspx (51). Thenyou will create page contact.aspx and this page will be welcome page of sitecontact.For this it is necessary to click on Make Homepage in bookmark Pagein the ribbon (52).Why we need welcome pages?Welcome page allows us to use short URL:Type in to browser URL k2cms.skoda-auto.com/edu/contactAnd you will get k2cms.skoda-auto.com/edu/contact/pages/contact.aspx.51 – Pages in site Contact5.2.4 Same webparts for all page templatesPage Title - name of the page, displayed in header of internet browsers.It is important for searching robots (SEO) to be able to find the page. Titlemust be always specified.• If you want to change the title, click .• Fill in new title.• Click OK button.52 – Make Homepage in Ribbon53 – Page in editation34


Top Image – use this webpart if you want to insert top image. Dimensionsfor top image: 940x430 px• If you want to insert new top image, click• In the displayed form, specify (54)image URL – choose the source (describedin chapter Multimedia):Images from ŠKODA Rendering EngineImages from Local libraryImages from Shared library• Top Image Offset – affects the visible part of top image.– Higher – less of top image visible (55)– Lower – more of top image visible. (56)54 – Editation of Top Image5.2.5 Page KeywordsKeywords are basically designed for news articles for searching and sortingof articles. But in K2 is possible to tag with keywords each page.It can be done in ŠKODA Page Properties, where is special row Page Keywords.Choose tags (keywords) for your page by clicking on (57) . List pagekeywords have to be defined by importer and sent to support team to uploadit into the K2.55 – Higher offset56 – Lower offsetList of page keywords is maintained only by Internet Support Team.57 – Page Keywords setting35


5.2.6 Copying/moving sites/pages in the websiteIn case you need to copy or move anything, it can be done in website structure.Click on Site actions• Choose Manage content and structure• Select items and find in Actions proper action (58)• Find destination58 – Copy/move items36


5.3 HomepageHomepage is the landing page of each importer’s internet presentation.The template contains news list, social network icons, 3 banner objects and 1top image object. Clicking on the small banner, the corresponding large topimage is displayed in the main part of the page. It is possible to insert textsincluding links into the top image object.Homepage template is located in group Homepages and there ImporterHomepage (only Homepage is international homepage with differentwebparts, designed only for .COM).Homepage contains a lot of editable webparts (60):Top Image Selector – switcher of TopImages. These TopImages containsspecial green area for text.59 – Importer Homepage60 – Homepage in edit37


If you want to set content of Top Image Selector (61), click oncount of TopImages on Homepage is 3. Add item(s) by clicking on .Each item can be controlled by following buttons:Move to the left, Move to the right, Edit, Delete.. MinimumEach item contains (62):• Thumbnail title – title of TopImage displayed under thumbnail image• Thumbnail URL – URL of thumbnail image – image dimensions: 163x98 pxImages from Škoda Rendering EngineImages from Local libraryImages from Shared library• Duration – duration of visible TopImage• Graphic type – Image or Flash• Image URL – URL of TopImage – image dimensions: 940x510 pxImages from Škoda Rendering EngineImages from Local libraryImages from Shared libraryImage text – text displayed in TopImageImage text size – size of displayed text field in TopImagemage text position – position of text field in TopImage61 – TopImage Selector62 – TopImage Selector editation38


Importer Call To Actions – list with 5 links on left side of homepage (90).This menu is edited in the proper list in root site. In root site click on SiteActions and View all content. Name of the list is ImportersCallToActionList.Each item have (63):• Title – Title displayed in menu• URL – URL of item target (document, page)• Icon URL – URL of icon displayed in menuPromoBlocks – webpart designed as main banner place on homepage.Promoblock 1 dimensions: 273x134 px. Promoblock 2-4 dimensions: 173x134 px.It is necessary to use all 4 promoblocks (64). Each promoblock contains:• Image – image, chosen from (65):– Local library– Shared library• Link URL – URL of target source (document, image, page, video)• Link text – title of URL, displayed bellow image63 – Item editation64 – Importers Call To Actions65 – Promoblocks editation66 – Promoblock in editat39


News snipet – automatic element of the homepage always displays 2 lastpublished news articles (67). Each news article is displayed with Title and Perex.Social Column – part of homepage, which is displaying up to 3 links to socialnetworks etc. (68) This element is directly in the page, for each column:• Title – displayed title• Link text – displayed text of link to social network• Link target URL – URL of social network• Icon – displayed icon of social network67 – News SnipetThe latest and most important marketing communication, e.g.ongoing events and new or action models, should be displayed onthe homepage.68 – Visit links40


5.4 Dealer HomepageDealer homepage is the landing page of each dealer’s internet presentation.The template contains top image, introduction text, one field for bannerand dealer information such as logo, name and address, map locationand available services.Each dealer´s page is based on data stored in special XML file. This XMLfile is described in chapter Miniapplications, because the same XML is usedas source for all miniapps, developed for K2.Create new site Dealers in root of Site Collection to proper function of dealerpages. Site Dealers will contain subsites (1 subsite = 1 dealer).So, If you want to create web presentation for dealer, create special subsitein site Dealers (f.e. name of subsite can be name of dealer).69 – Dealer HomepageNext step is activation of K2 dealer feature for this site.• Click on Site Actions – Manage site features• Find Skoda.K2 Dealer Context Feature and click on Activate button onright side (70)• Back in settings is new item Dealer Properties (71)70 – Site Settings features Settings 71 – Dealer Proper ties in Site41


Last step before page creation is setting of Dealer details. Click on DealerProperties (72) and set:• Global ID – use same Global ID as is used in source XML. Global ID iscreated from BID (importer identification number)- NEVADA (dealer identificationnumber), f.e. 260-23299 (means CZE-DEALER). Dealer identificationnumber must have 5 digits.• Dealer Logo – choose Dealer logo (image) from Local library. Imagedimensions: 218x98 px.Everything is set and prepared for Dealer homepage creation. Templateis located in Create page wizard in group Homepages – Dealer Homepage.Created page have to be stored in prepared site of dealer.Dealer homepage always contains some automatic parts, which are takenfrom Site settings and from dealer XML (73):Site settings• 1 – Dealer´s logoXML• 2 – Dealer´s address under (also Opening hours and contact can belocated here)• 3 – Dealer location on the map• 4 – Dealer´s offered services72 – Dealer properties123 4Dealer pages always share 1st and 2nd level navigation and model menu.73 – Dealer page in editation42


Rest is editable same as in another page templates:• Dealer Page Title – webparts for designed for title.• Rich text – is a webpart for placing the main content of the article. Inupper ribbon, all functionalities for editation of text are shown. You caninsert text, create tables, insert pictures and so on, like in Microsoft Officetools.• Promo Block 1 - webpart designed as main banner place on homepage.Promo Block contains (100):– Image – image with dimensions 640x310 px, chosen from (74):Local libraryShared library– Link URL – URL of target source (document, image, page, video)– Link text – title of URL, displayed bellow image (isn´t necessary to fill in)If there will be dealer with more showrooms, it can be solved as on diagrambellow. Under site Dealers will be site with name of Dealer and that sitewill have subsites for each showroom (on site Showroom will be Skoda.K2Dealer Context Feature, not on site Dealer 2). Site structure Dealers/Dealer 1corresponds to presentation of dealer with one showroom (means with onewebpage).74 – Promoblock in editationDealers 1DealersShowroom 1Dealers 2Showroom 243


5.5 Column RepeaterTemplate for displaying text with pictures or videos, organized into upto 4 adjacent columns, from group Text templates. Each column can consistof text and/or picture or video. Text can be placed either on top or bottomof the column. Order of columns can be changed very easily by editor.on is the same as for Site, but location of template in Create Page Wizardis Text Templates.Column Repeater – use Width of content (maximum image width) accordingto number of columns:• 1 column – 860 px• 2 columns – 420 px• 3 columns – 270 px• 4 columns – 200 pxProcess of creati this webpart for inserting main content part to the page. Youcan create up to 4 adjacent columns with text and/or pictures, flash or video(76).• If you want to edit, click .• Add column(s) by clicking on . All columns will always have the samewidth.Each column contains following buttons:• Move to the left, Move to the right,• Edit, Delete.75 – Column Repeater76 – Column Repeater webpart editationThis template is suitable for homepage of a sub site. Each columnrepresents one or more topics and the text fields contain links onsubpages.44


Editation of a column (77):• Click on Edit column .• In the form, specify:– Image position: Top = image above text, Bottom – picture below text.– Title: title of the column. Optional.– Image – insert picture from one source (more info in chapter Multimedia):Images from Škoda Rendering EngineImages from Local libraryImages from Shared libraryContent – click into the field. In upper ribbon, all functionalities for editationof text are shown. You can insert text, create tables, insert pictures and so on,like in Microsoft Office tools (78).You can also edit content by HTML editor, button in the ribbon.77 – Column editation78 – Editation for ribbon45


5.6 Golden RatioSimple template for displaying text with pictures or videos organized intotwo columns, sized according to golden ratio (ratio of wider column size tonarrower column size matches the golden ratio constant, i.e. ~ 1.618034), fromgroup Text templates.Each of the two columns may consist of text and/or picture or video, whileorder of text can be either on top or bottom of each column separately.Columns can be ordered in both directions.You have to set layout of created page in 2nd step of Create Page Wizard (79).It is possible to choose layout with wider left or right side.Title Left and Title Right – webparts for designed for title of the left and rightcolumn (81).Content Left and Content Right are webparts for placing content to the leftand right column. After click on , in upper ribbon, all functionalitiesfor editation of text are shown. You can insert text, create tables, insertpictures and so on, like in Microsoft Office tools.79 – Golden RatioThis template is suitable for main contentaccompanied by introduction, complementarytext or list of links.80 – Create Page Wizard - Golden Ratio81 – Golden Ration - Editation46


5.7 Paragraph RepeaterSimple template for displaying text with pictures or videos organized intoparagraphs, from group Text templates. Template allows adding arbitrarynumber of paragraphs. Each paragraph may consist of text and/or pictureor video, while order of text can be either on left or right of each paragraphseparately. This construction will allow editors creating a lot of differentresulting page forms.Paragraph Repeater - use this webpart for inserting main content part to thepage. You can create paragraphs with text and/or pictures, flash or video.If you want to edit, click (83) and add paragraph(s) by clicking on .Each paragraph contains following buttons:Move to the left,Edit,Delete.Move to the right,This template is suitable for variableextent of content, that can be dividedinto topics.82 – Paragraph Repeater83 – Paragraph Repeater in editation47


Editation of paragraph(s): (64)• Click on Edit .• In the form, specify:– Image position: Left = image on the left side, Right = image on the rightside of text.– Title: title of the paragraph. Optional.– Image – insert picture from one sourceImages from Škoda Rendering EngineImages from Local libraryImages from Shared libraryContent – click into the field. In upper ribbon, all functionalities for editationof text are shown. You can insert text, create tables, insert pictures and so on,like in Microsoft Office tools. (82)84 – ParagraphsYou can also edit content by HTML editor, button in the ribbon.64 – Paragraph Editation85 – Ribbon - editation48


5.8 iFrameThe iFrame template is used as a wrapper for content, placed on 3rd partyservers. iFrame is webpart for main content of the page, in which any pagefrom external source can be displayed, from group Custom templates. Valuesfor the iFrame are: URL address of page you want to show, width and height.iFrame is webpart for main content of the page, in which any page from externalsource can be displayed.If you want to edit iFrame, click (87) and insert values for iFrame (88)iFrame URL – URL address of page you want to show.iFrame Width – width of inserted page (maximum limit: 900 px)iFrame Height – height of inserted page (minimum limit: 100 px). Maximumheight not limited.This template can be usedfor example for variousleasing calculators, polls orother forms,also for videos.86 – Frame87 – iFrame - edititaon88 – iFrame settings49


5.9 Free WebpartTemplate for creating new page with layout different from the other predefinedtemplates, from group Custom templates. Page contains 5 independent zonesfor inserting web parts. Content is optional. One or more web parts can beinserted into one zone. First added web part is always shown at the bottom.Order of web parts can be changed by drag and drop.Page opens in edit mode with following webparts to edit (90):Page TitleTop ImageZone 1 – 100% width of the pageZone 2 – 1/3 width of the pageZone 3 – 2/3 width of the pageZone 4 – 1/3 width of the pageZone 5 – 100% width of the pageWidth ratio of zones 2, 3 and 4 changes in dependence on which zones areused:89 – Free WebpartAll three zones used: zone 2 = 1/4, zone 3 = 1/2, zone 4 = 1/4Zones 2 and 3 used: zone 2 = 1/3, zone 3 = 2/3Zones 3 and 4 used: zone 3 = 2/3, zone 4 = 1/3Zones 2 and 4 used: zone 3 = 1/2, zone 4 = 1/2This template can be used for combination of text, graphic andmultimedia content, that should look originally and attractively.90 – Free Webpart in edit50


If you want to insert a webpart, click on zone, into which you want to inserta webpart. Then click on Add a Web Part. In upper ribbon opens boomarkBrowse (91).Below the bookmark, browse categories. Choose Lists and Libraries -> ContentRollup -> Custom. List of available webparts is displayed in columns Web Parts.Then click on webpart you want to use, and press Add button in the rightbottom. You can also change target zone. Webpart is then added to chosenzone. Available web parts: Paragraph Repeater, Column Repeater, ArticleGallery (design of gallery is different, images are not in film strip, but inlines), Image Gallery, Newslist, iFrame, CarConfi gurator Model Selector,Dealer Locator (described in chapter Miniapplications), Test Drive (describedin chapter Miniapplications) and Video Player (described in chapter aboutMultimedia/Video).91 – Add a Web PartEditation of each webpart is same as in templates with same names.It is possible to find there much more webpart, than those listedabove. Please, use only listed webparts, other are not supported orused for system pages = not designed for importers.51


5.10 Image GalleryTemplate for displaying image galleries and videos, from group Customtemplates. The images can be picked from images folders one by one or youare allowed to specify folder only and all pictures within specifi ed folder will beloaded automatically. Thumbnails in page organized into four columns are alsocreated automatically. If you click on image thumbnail, image opens in pop-upspecial layer over page.If you want to edit Image Gallery (93), click onsettings (95):. New window pop-up with• Pick images from folder – it is possible to choose whole folder fromLocal Library or from Shared Site Collection Images – all images fromtarget folder will be listed• Pick images manually – it is possible to pick images from differentlocations– Choose image from Local Library or Shared Site Collection Images– Or choose video from Video Gallery List, located in the root site– Click on to add image to Media items.93 – Image Gallery in edit94 – Video Gallery listIf you want to add video into a gallery, it is necessary insert it into Video Gallerylist, located in the root site. For each video you can set:• Title – name of the video• Mp4 Video File – URL to first video source (common on most of platforms)• WebM Video File – URL to second video source• Alternative image – URL to image, what is displayed when video is notloaded• Subtitles – URL to subtitle files for displayed videoIf you link video in both formats, mp4 and WebM, it will be displayed on mostof used platforms.95 – Image Gallery webpartsThen just click on OK and after Check-In your new image gallery appears.92 – Image Gallery52


5.11 SitemapSitemap is fully automatical page template from group Custom templates.It is possible to set Page title and Top Image.All other content is listed from Navigation settings – Global Navigation.Navigation is described in proper chapter.5.12 Error pagesK2 system is equipped with special redirect for error pages. If any error occur,proper error page, created in K2, will appear.The following errors can occur:• 403 – forbidden• 404 – not exist• 500 – server errorTo make your own personalized error pages use any template and URL namehave to be 403.aspx, 404.aspx or 500.aspx.96 – Sitemap 97 – Error pages53


5.13 News ListPage used for showing the list of all news articles or articles from definedcategory, from group News Templates. From articles, their thumbnailsand perexes are visible on News List page. Articles are listed by the dateof publication, newest one goes always first. Paging can be activatedor deactivated by editor.Articles are listed by the date of publication, newest one goes always first.Paging can be activated or deactivated by editor.All pages are stored at one place in K2 – site News.If you want to set news list (98), click , in the displayed form, specify (100):• News categories – click on and show list of existing categories.It is possible to choose one category, more categories, or all• Number of news listed in newslist – choose one option:– Displaying All news– Displaying only first X news (specify number of news)• News paging – choose one option:– Not enabled news paging – all articles listed on one page.– Enable news paging – specify number of articles per page.• News article pictures – choose one option:– Display news with article pictures– Display news without article pictures• RSS feeds – choose if the link for RSS will be displayed or not.98 – NewsList99 – NewsList settings100 – NewsList in edit54


5.14 News ArticleTemplate used for creating an article, such as Press release, Newsabout company, news from ŠKODA Motorsport etc, from group NewsTemplates. Template can contain perex, publishing date, text, picture, videoand / or filmstrip with picture gallery and list of related news.News article template is little bit different from other templates – f.e. PageTitle is bellow Top Image. You can further edit in each news article (101):Publishing date – set date of publication – news articles are sorted in newslistdue to this date (102).Perex – pure text field for a short text (2 to 5 sentences). Its purposeis to introduce and attract more attention to the following text of the articleand / or indicate what the article is about. In upper ribbon, all functionalitiesfor editation of text are shown. Maximum for perex is 250 letters.101 – News Article102 – Publishing datePerex is not designed to contain images. If you want to add articlethumbnail (shown in newlist), you have to set it in ŠKODA Properties.103 – News Article in edit55


Article Gallery - is a gallery of pictures and/or videos related to the article.Choose image from ŠKODA rendering engine, Local Library or Shared SiteCollection Images.(104)• Click on to add image to Media items.• Added items can be– Deleted by– Moved up– Moved downThen just click on OK and after Check-In your new image gallery appears.Rich Text - is a webpart for placing the main content of the article. In upperribbon, all functionalities for editation of text are shown. You can insert text,create tables, insert pictures and so on, like in Microsoft Office tools .News List on the bottom of article – is used for article settings for displayingamongst other news articles in the news list page. Editation is the sameas for NewsList template, described in previous chapter.ŠKODA Page Properties – settings located in the ribbon in bookmarkPage -> ŠKODA Page Properties. (105)• Thumbnail image – Each news article can have Thumbnailimage for NewsList. Image dimensions are 120x90 px• News tags – choose tags (keywords) for your article by clickingon (106)104 – Article Gallery105 – ŠKODA Page PropertiesList of news keywords is maintained only by Internet Support Team.106 – News tags56


6 MODEL PRESENTATIONModel presentation is very specific part of K2 CMS. Is it not only about manuallyadded content, lot of work is done automatically with import of modelsstructure from CarConfigurator. Country which have implemented ŠKODACarConfigurator, get identical sales program also for their national website.Lot of pictures are created automatically, lots of data are automatically filled.Other countries have to specify required model structure first, and will needhelp of Internet support team.Chapters within this section will tell you how to prepare and manage modelpresentation.6.1 Model listsAll model data are stored in special lists in site Models (107). Structure of modeldata is:107 – Model listsEach model list contain special type of data:• Model Type – type of car (f.e. Octavia, Yeti)• Model Group – type of car body (f.e. Octavia Combi, Yeti)• Model Variant – type of model derivative (f.e. Octavia Combi Scout, YetiMont Blanc)• Colors – list of all colors for all model variants• Engine – list of all engines for all model variants• Equipment – list of all equipment levels for all mode variantsModelTypeModelGroupModelVariantColorsEquipmentsEnginesThat is really a lot of data and it is possible to import all these data into K2.6.1.1 Model type listItem of model type list contains (108):• Title – car name• Order – order in Model Navigation• Code - first two letters of MBV modelkeyOne color/equipment/engine for one model variant = one item in thelist. If more model variants have same color, it is necessary to havefor each variant one item.108 – Model Type57


6.1.2 Model group listItem of model group list contains (109):• Title – name of group, which will be located within a ModelType• Code – carline code• Order - order in Model Navigation (in Model Type column)• Parent model type – choose from the list of types109 – Model Group6.1.3 Model variant listItem of model variant list contains (110):• PR Code (Model key) – fi rst 3 letters of MBV modelkey (1Z3 for Octavia)• URL – link to model page of the model variant (fi lled automatically, whenmodel page is created)• Subtitle• Price from – starting price• Parent model Group – choose from model groups• Default color code – default color for model picture• Car confi gurator ID – ID from CC for synchronisation of data during importof XML fi le (import of data for existing models in K2)• Default engine PR code – defi ne default trim line for model picture – PRcode of displayed model image (described in chapter Data source administration)• Model year – identification of model year• Carline code – code of carline from CC (5digits)• Show in model menu – display/hide model variant in Model Menu• Action model – mark model variant as action offer• Use cases – filters for car casting• Catchword – main marketing highlight text in Model Menu• Highlists – three sub-highlight texts in Model Menu• Length – length of car• Width – width of car• Height – height of carTitle – name of model, which will be located withina Model group• Wheelbase• Trunk seats up – trunk capacity with seats up (displayed in Model menu)110 – Model Variant58


• Trunk seats folded – trunk capacity with folded seats (displayed in Modelmenu)• Minimal CO2 – minimal exhaust raid of car (displayed in Model menu)• Minimal usage – minimal avarage usage of car (displayed in Model menu)• Use Static Pictures – display static images instead of rendered images• Static Front View Image – URL to front view image (front exterior image)– image size 600x300 pixels• Static Rear View Image – URL to rear view image (rear exterior image)– image size 600x300 pixels• Static Side View Image – URL to side view image (image for Model Menu)– image size 195x89 pixels111 – Color ListDIf you want to present model, what is not in CC, you can display staticimages on Exterior Page.6.1.4 Colors listItem of color list contains (111):• Title – color name (e.g. Cappuccino Beige metallic)• Color code – MBV code of the color (e.g. 1Z1Z)• Color RGB code – RGB code of the color (e.g. #99AEA5)• Parent model variant - choose from model variants6.1.5 Equipment listItem of color list contains (112):• Title – Equipment name (e.g. Elegance)• Description – Description of equipment level (displayed in Interior page)• PR Code – MBV code of the equipment level• Price from - starting price• Is default – setting for default displayed equipment level (for Interiorpage)• Order – order in Interior page• Parent model variant – choose from model variants112 – Equipment list59


• Image URL - image of equipment level for Interior page• Code – code of equipment• Import code – code, created from Model key and Equipment level• Action equipment - mark equipment as action equipment6.1.6 Engine listItem of color list contains (113):• Title - Engine name (e.g. 2.0 TDI CR (6° M))• Price from – starting price• PR Code - MBV code of the engine• Technical data• Equipment items• Parent equipment - choose from equipments• Code – code of engine• CO2 – exhaust of engine• Usage urban – usage of engine in city• Usage extra urban – usage of engine outside city• Power – power of engine• Max speed – maximal speed of engine• Max torque – maximal torque of engine• Acceleration 0-100km/h – time of acceleration from 0 to 100km/h• Fuel type – type of fuel, used by engine• Fuel tank – capacity of fuel tank• Emmission standard – emmission standard of engine• Usage combined – combined usage of engine113 – Engine listAny row is missing? Do you need more?Adapt your list (description in chapter 3.4.6)60


6.2 Data sourceIn K2, there is no need to prepare model structure manually (you would needto know specification of each Škoda car, including specific concern PR codesand modelkeys). That´s why there is possibility to import all model data fromonly one source - ŠKODA Car Configurator.K2 CMS is able to connect itself with the configurator system, to downloaddata source and „to install“ whole model structure. Based on the uploadeddata, webmaster can start building the model presentation. Adding newmodels or update is very easy, as well.This chapter is divided into 2 subchapters. First with description of work withmodel source for importers who have the CarConfigurator implemented,another for those who haven´t been using it yet.114 – Part of the XMLCommunication between both the systems runs in form of XML. Picturenumber 114 shows a sample of one part of the XML.6.2.1 Importer with CarConfiguratorImporters, who have ŠKODA CarConfigurator, can import the entire modelstructure based on actual model year from CC data. Model data also containsall descriptions, PR codes and ID´s.It is also possible to do import/actualization from your CarConfigurator. Thisfuncionality is available in – Site Settings – Model Data Import. If you click onDetect changes from configurator database, you will see two tree structuresof models. Right side represents model structure in CC. Left side representsmodel structure in K2.Items in K2 model structure are highlighted by color• Black – model data are not available in CC database (model was deleted– f.e. old models)• Green – model data structure is same as it is in CC database• Blue – model data are available in CC database115 – CC-import61


You can select, what you want to import/actualize, and click on buttonActualize.If you are missing exterior rendered image, you can actualize modelvariant from CC – model variant will get actual PR code.6.2.2 Importer without CarConfigurator116 – Location of model structure administrationImporter, who doesn´t have the ŠKODA CarConfigurator, can use basiccommon ŠKODA models variants. In case of there is a national special variant(such as Rapid for Indian market), it can be created by static version of modelpage. Of course this will require more work on data preparation.6.3 Data source administrationIf you are using your own data from CC or not, you are able to administrate yourmodel data structure in Site Actions – Site Settings – Administration (143).You can see tree-structure of your model data (117). If you click on right mousebutton, you are able to see context menu, where you can choose:• Edit – edit item in proper list (Model types in Model Type List, etc.)• Show model picture – preview of model image, rendered by ŠKODArendering engine (only for Model Variant and Colors)• Copy – copying of selected part of model structure – it can be used foreasy creation of action or new models, based on previous models• Delete – delete selected part of model structureIn case you are creating new model, you will need PR codes for these models.You have always more possible ways how to get PR code for any model variant:• From ordering systems – all cars are ordered in special systems, where isPR code used• From CarConfigurator – it is possible to export actual model data source117 – Model data administration62


from CC and then just find PR code, what you need• In real car – PR code is printed on label, placed in trunk under reservewheelPR Code is created from 3-characters long codes of all items,what are in specific car.6.3.1 Creation of new models from existing models118 – New model copyIf you will need to create new model, most probably new Model Variant, it isnot necessary to create it from the begining. You have to possible ways howto do it. First way is import it from CC, but if CarConfigurator is not available foryour country, i tis possible to do it in Models Administration.To do this in Models Administration follow:• Choose source model variant• Click on model variant by right mouse button• Choose Copy119 – New model variantThen new model variant is created with name model – copy. This modelvariant has the same content as source model.63


6.4 HotspotsHotspot is a point that attracts the attention of website users (120). Hotspotcontains interesting detail of the car equipment, either in exterior, or ininterior. This detail opens itself in a small box with a picture and/or description.Hotspot element navigates users to more detailed information, which aredisplayed in fullscreen mode (it can be used only on published pages – if not,you can get error when you close hotspot detail). There can be a carousell forswitching between more images, longer description to video or hyperlink tovideo (if video is attached to the hotspot). URL of hotspot´s detail is generatedautomatically by CMS.It is possible to get hotspots from .COM in english and czech. If youare interested, request Internet Support.120 – Hotspots6.4.1 Hotspot ListHotspots are created, deleted and maintained in Hotspot List, located in siteModels.Each hotspot contains (121):• Title – title, which will be also shown as the page title for full-screenhotspot page.• Short description – short description displayed in small hotspot window.• Long description – full description, displayed in full-size window only.• Name – name of the hotspot, visible only for editor.• Detail page name – for dynamic generated full-screen page (importantfor SEO).• Video URL – path to video, which is to be displayed in the small hotspotwindow.• Type – category of hotspot (interior, exterior or technology)• Parent model variant – choose from available model variants• Parent model group – choose from available model groups121 – Item of HotspotList64


• Parent model type – choose from available model types• Image URL – path to image, which is to be displayed in the small hotspotwindow. (size of image for hotspot is 1920x1440, and it is automaticallyresized by the system to 200x150 px, for hotspot thumbnail).If Parent model type/group/variant remains empty, hotspot will beavailable for superior group, type or all models.Hotspot Detail - For each hotspot is automatically created Hotspot detail page(112), where is possible browsing in all hotspots in proper category and modelvariant. This page cannot be edited directly, it can be edited only in HotspotList.122 – Hotspot detail65


6.5 Page creationModel presentation consists of three pages: Exterior, Interior and Technology.Model structure (sub-sites of site models for each model) is createdautomatically during Exterior page creation (don´t create model sitesmanually.).6.5.1 Exterior pageExterior page is created automatically from model data. If you want to createExterior page, click on Site Actions – Create K2 page. Template is locatedin Model site – choose Exterior model page.The form for page details opens. Fill in all required fields (124:• Model type – choose from the list (based on first two letters of MBVmodel key – e.g. “1Z” for Octavia).• Model Group – choose from the list (based on five letter carline code fromMBV).• Model variant – choose from the list (based on based on first two lettersof MBV model key – e.g. “1Z3” for Octavia liftback, “1Z5” for Octavia Combi).• Site name – filled automatically after Site title is filled.• Site title – name of the model websiteThen click on Create page.Page has some editable webparts (125):• Background imageExterior background is special type of image, which have to be followed (126).123 – Exterior page124 – Exterior creation125 – Exterior in edit 126 – Exterior background66


• Color pickerColor picker shows list of defined colours for the model (127).If you want to do changes, click . In list of all colours, you can tick or untickcolours that you want to be visible or hidden.• HotspotsWithin the Exterior page of each model, there is one set of hotspots, eachof them can be placed into front view or back view, or both.If you want to do changes, click in the Hotspots webpart (128).Add new hotspot – Choose one from available hotspots and click on “Addhotspot” button. In the top left corner, new iconappears.Move the icon by “drag and drop” where you want to have it. Or writethe position of hotspot icon in pixels (px).Update position – Also this works on “drag and drop” principle. Click on iconyou want to move, drag with left mouse button and drop in new position.Or rewrite position values (in px). Then click on “Update position” button.Delete hotspot – click on hotspot you want to remove and click on “Deletehotspot” button.6.5.1.1 Change of exterior imageRendered exterior image of car can be changed only by change of PR code inModel Variant List.6.5.1.2 Change of displayed color of car in exterior127 – Model colors128 – Hotspot in Exterior129 – Default engine PR codeDefault color of rendered exterior image can be changed by changing ofdefault code of color – list of displayable colors is in Annex.130 – Default color code67


6.5.2 Interior pageFirst, the Exterior page has to be created. Display Exterior page. On ribbon,open the bookmark Model and choose Interior. Then Interior page of the modelis displayed. Images of all equipment levels were defined in Equipment list(also it is possible in ribbon – bookmark Model – Equipment)(132).Setting of interior images can be done in Models administration. Click by rightmouse button on equipment, choose Edit and set URL in proper field.Interiors on other trim levels – strip with interior views of all equipmentlevels is shown on-mouse-over. The strip contains image, short descriptionand starting price.Then the Interior page is displayed with image, short description.It is possible to edit:• Hotspots - within Interior page, there will be for each model one set ofhotspots, displayed across all equipment lines (1131).If you want to do changes, clickin the Hotspots webpart.Add hotspot – Choose one from available hotspots and click on “Add hotspot”button. In the top left corner, new icon appears. Move the icon by “dragand drop” where you want to have it. Or write the position of hotspot iconin pixels (px).Update position – Also this works on “drag and drop” principle. Click on iconyou want to move, drag with left mouse button and drop in new position.Or rewrite position values (in px). Then click on “Update position” button.Delete hotspot – click on hotspot you want to remove and click on “Deletehotspot” button.131 – Interior page132 – Equipments 133 – Equipment edit134 – Equipment detail 135 – Hotspots in Interior68


6.5.3 Technology pageFirst, the Exterior page has to be created. Display Exterior page. On ribbon,open the bookmark Model and choose Technology. Then Technology pageof the model is displayed. Technology page is designed to present additionaltechnical information about model variant.It is possible to have 8 different information – each information is calledSwitch. Each switch have own set of hotspots (137).For technology switches can be set (138):Description position and size• Horizontal offset – horizontal position of text area• Vertical offset – vertical position of text area• Width – width of text areaEach switch:• Image URL – address of displayed image• Image description – text, displayed in defined text area• Show this switch – checkbox, switch can be visible/invisible• Switch order can be changed by clicking on Mode down/Move up.136 – Technology137 – Switches editation138 – Technology in edit69


• HotspotsIf you want to do changes, click in the Hotspots webpart (139).• Add hotspot – Choose one from available hotspots and click on “Addhotspot” button. In the top left corner, new icon appears.• Move the icon by “drag and drop” where you want to have it. Or write theposition of hotspot icon in pixels (px).• Update position – Also this works on “drag and drop” principle. Click onicon you want to move, drag with left mouse button and drop in newposition. Or rewrite position values (in px). Then click on “Update position”button.• Delete hotspot – click on hotspot you want to remove and click on “Deletehotspot” button.139 – Hotspots in Technology70


6.6 Flash in Model pagesYou can special flash video layer in Model pages. Size of this video is 940x528 px.For that you need a .flv video file and .swf player, which is available on http://new.skoda-auto.com/SiteCollectionObjects/swf/flash-video-player-940x528-layer.swf.Insert video into the K2 in few steps:• Prepare .flv video file – you can store this on your servers or we cancreate for you Site Collection Objects, where you can store your .flvvideos• Create and upload to K2 (we recommend you site, where the page withvideo is located) default image and xml. file, which contain link to your .flvvideo file and default image image appears before video starts and afterend of video• Insert HTML code http://new.skoda-auto.com/SiteCollectionObjects/swf/flash-video-player-940x528-layer.swf?XMLlink=http://new.skodaauto.com/SiteCollectionObjects/xml/models-flash-intro/yeti-flashintro.xmlinto field Custom scripts in ŠKODA Page Properties. First partis link to SWF player, second part is link to your XML file.• Video will play automatically, only if you add after existing URL ?ff=1 (formodels, you can change it in list Model Variant).Example of .xml file:140 – Flash in Model pagesMovie autoplay – URL of .flv video fileVideobg – URL of background default image71


6.7 Model navigationNavigation is automatically generated after Model Site is created. There arethree levels of model menu (141), based on various model lists:1. Model type2. Model variant3. Price of model from4. rendered image of car – same as it is in Exterior page5. Links to Model page (if is created) and CarConfigurator (if importerhas CC)6. Catchword and highlights7. basic info about Luggage space, Avarage usage and CO2 exhaust12 346141 – Model navigation75Order of all items in navigation can be changed in proper model list.6.8 CarConfigurator Model SelectorThis chapter is relevant only for importers with CarConfigurator. Specialhomepage for CarConfigurator is possible to use in K2 (142). Page, basedon Free Webpart Template, is using special webpart CarConfigurator ModelSelector.Webpart is set up in Web Part Properties in Web Part Tools in the ribbon.Most important setup is in section Miscellaneous (143) – URL of data source.This URL leads to your car configurator web service.142 – Car configurator model selectorOnly models, with checked field Show in model menu in ModelVariant list are displayed in Model Menu.143 – Setting up of CC Model Selector72


7 NAVIGATIONŠKODA website based on K2 CMS can contain more levels of navigation menu.First level is shown right below page header. See example of .com website(144) – Homepage, Experience, Company… this is first level of navigation menu.Submenu (2 nd level) can be opened as a list from 1 st level – items News, Drivers,Fabia S2000… it is a submenu of Motorsport section (145).Another submenu (3 rd level) is shown below page Title. On the picture you cansee MissionL, VisionD and Octavia Green E line set as 3 rd level.Special kind of navigation menu is “green” model menu. It works on anotherbasis, therefore it is described in another chapter.One of the most common questions is: When the item becomes visiblein Navigation? Answer is: When the new site is created, and there is an approvedwelcome page for this site.7.1 Changes in navigation144 – NavigationsYou can change sorting of items in each level, hide items from navigationor add external hyperlinks. All can be done this way:For 1 st level: Go to root site (click on ŠKODA logo in header).For 2 nd or 3 rd level: Display welcome page of the site (e.g. News) where youwant modify navigation.Then continue: In ribbon, open Site Actions, click on Site Settings.145 – Navigation settings73


Site Settings page is displayed. In category Look and Feel click on Navigationlink (146).Navigation Settings page is displayed. All changes can be made in NavigationEditing and Sorting section (147).You can see all items twice, as a part of Global Navigation(only for sorting/displaying items in Sitemap) and Current Navigation(for the website).Useful buttons:Move Up = move the item one step to the leftMove Down = move the item one step to the rightHide = hide the item from navigationAdd Link = Add external hyperlink to navigationEdit… = Change properties of external hyperlinkDelete = Remove external hyperlink from navigationTo save all your changes, click Save button at the bottom of the page.7.2 How to set 3 rd level navigation for a siteOpen a page of the site, for which you need to set 3 rd level for.In ribbon, choose Site Actions -> Site Settings.Site Settings page is displayed. In Skoda application administration section,click on link Site properties (1).146 – Navigations147 – Source of navigation location74


Properties page is displayed. In Third Level Menu Source click on Pick url.(148)Modal window opens with website structure.Choose appropriate site and click OK.The path is filled in the text box at Properties page.If you want to show the same 3 rd level for all subordinate sites of current site,tick checkbox Reset all subsites to inherit this setting. Otherwise, the 3 rdlevel will be displayed only in the given site.Click on Save button at the bottom of Properties page.148 – Source of navigation location75


8 FOOTERFooter is a place for sharing useful hyperlinks, such as sitemap, aboutcompany etc., across the website. As being shared across the whole website,footer is editable from one place. However, you can place different hyperlinkson each page, if you need.8.1 Adding hyperlinks into footerGo to root site (click on ŠKODA logo in header).In ribbon, open Site Actions, and choose Site Settings.Locate category ŠKODA application administrationand click on Site properties link.Properties page with Footer section is displayed (150). In the section, youcan add hyperlinks and headers up to four columns. One column is for footerCopyright text.Tick Reset all subsites to inherit this setting if you want to share changesfor whole website. Otherwise, your changes appear only on pages withinthe current site.Click Save.149 – HomepageIf you want to place different hyperlinks to any site, skip step one and godirectly to the site for which you want to change footer. Other steps arethe same.150 – Footer editation76


9 CALL TO ACTIONSCall to Actions (CTA) is important part of the website. You can place therehyperlinks connected with attractive content and applications for your customers.CTA is visible at all pages and its position is floating over the content,independent of scrolling -> CTA is always visible.CTA has two positions – opened or closed. It can be closed or opened againby user, easily by clicking on the green arrow.9.1 Adding new hyperlink to CTAGo to root site (click on ŠKODA logo in header).In ribbon, open Site Actions, and choose View All Site Content.Locate category Lists and click on CallToActionList link.List of exisiting CTA links is displayed. To add new item, click onIn modal window, fi ll in• Title - text shown in button• URL - path to the application• Icon URL - path to icon. Path to insert is following:/_layouts/skoda.k2/images/icoPointer.png. See overview of available icons with their nameson picture (154).• Show in layer – allows to open miniapp Test drive in layer over currentpage (only for miniapp Test drive)• Open link in new window – allows to open target in new window• Order priority – setting of items order (0 = on the top)Click on Save. The new CTA link is saved and shown on website.151 – Call To Actions152 – Call To Actions154 – Call To Actions in detail153 – Call To Actions editation77


9.2 Changing or deleting CTA hyperlinkGo to root site (click on ŠKODA logo in header).In ribbon, open Site Actions, and choose View All Site Content.Locate category Lists and click on CallToActionList link.List of existing CTA links is displayed (155). Choose item you want to edit/delete by ticking appropriate checkbox.In ribbon, choose Edit item or Delete Item.9.3 Displaying of CTACTA can be hide on some pages, or rather displaying of CTA can be allowedon pages. CTA is switched off by default in all pages. It is possible to allowit in ŠKODA Page properties (located in Ribbon) of all pages (156).In ŠKODA Page properties is row Is CallToActions Enabled with check box.155 – Call To Actions ListTicked checkbox = CTA is visibleUnchecked checkbox = CTA isn´t visible156 – s CallToActions enabled78


10 SEARCHSearch is also available in K2. Search field is located above Model navigationin all pages.First of all it is necessary to allow Search for whole Site Collection in ImporterProperties (located in Site Actions – Site Settings).Then you have to create Search Result page – create page, based on Searchresults page, where you have to insert webpart Search Results WebPart.Rest of settings will do for you Internet Support team.157 – Search in the page79


11 MINIAPPLICATIONSAll source data for dealer pages and miniapplications are taken from specialXML file. Data, which are not stored in XML on importer´s level will not bedisplayed in connected functionalities. Importer have to store XML file on ownserver or in K2 (in Site Collection Objects). After that, XML with adaptions mustbe stored on the same URL address. When you upload new version of XML,it is necessary to ask Internet Support team to refresh dealer data in K2.11.1 XML fileXML fi le have predefi ned structure, what must be complied. Dealer XML starts andends with tag DealersData.Then is structure split into two parts. First part of XMLcontains information about importer and country. Following tags are used in first part:• 260 - basic information about importer, BIDis unique identification number (3digits – example 260 is BID of CzechRepublic)• - settings of districts in importers country example:- this structure must be created by importer• - it is possible to insert more filters, like subregionsetc.Second part of XML starts and ends with tags . This tag containsdata of all dealers. Each dealer starts and ends with tags , whatcontains following tags:• - string in form: BID-DealerID (BID is identifi cation number ofimporter – 3 digits, DealerID – identifi cation number of dealer – 5 charts)• - DealerID of owner´s company – it is used for dealerswith more branches• - name of dealer• - address of dealer• - address of dealer• - address of dealer• - Identification number of company• - tax in importer´s country• - european taxes for importer´s country• - URL to dealers websiteID260-29505260-295058 pm - 16 pm8 pm - 16 pmclosed8 pm - 16 pm8 pm - 16 pm10 pm - 16 pmclosedT: 123456789M: 123456789info@email.comIDIDIDID´...80


• - location of dealer• - location of dealer• - start/end tag for opening hours• - specification of openinghours in one day• - start/end tag for dealer contacts• • • • - tag contains information about dealer rating (value must beinside of interval 0-100)• - if are districts used, it is possible to use 12(Region Middle Bohemia in this XML)• - start/end tag for offered services• 1 - dealers offers sales of new cars (eachservice must have own tag)• Available Service ID:• 1 – New cars sales• 2 – Used cars sales• 3 – Accessories and parts sales• 4 – Certifi ed service and repairs• 5 – Business center• - it is possible to use additional filters, if are predefinedin first part of XML81


11.2 Dealer LocatorAs it is depicted by its name, Dealer Locator presents application for locatingdealers and service partners available in country. Goal of this applicationis to let visitor easily find, compare and choose amongst ŠKODA partnersand further fluently continue by visiting chosen dealers site. Dealer canbe sorted according to offered services and location. All data, what aredisplayed in DL, are taken from source XML file.Dealer Locator can be add into template Free WebPart – it is one of availablewebparts.Map of Dealer Locator is always centered on country, where you actually are(information is taken from IP address of browsing computer).158 – Dealer Locator82


11.3 Test driveTest drive application is designed for ordering test drive from dealer. Customercan choose one available cars (models group), sold on importers market, dateof test drive and dealer, who will provide this test drive. Each Customer mustfill-in basic information about yourself, accept Terms of Conditions and thenBOOK. List of dealers is taken from source XML file. List of cars is taken frommodel data source for current Site Collection.Test Drive can be add into template Free WebPart – it is one of availablewebparts.159 – Test drive83


12 SEOTo make content of a webpage SEO effective editor must thoroughly align textcontent with page keywords to reach optimal keywords density (7-8%).Web presentations build on K2 CMS use SEO friendly URLs. Basic URL patternsshould be strictly related to pages content, e.g.http://skoda-auto.com/models/octavia/accesorries for page dedicatedto original accessories for Octavia model.12.1 Names of sites, pages, images and documentsOur recommendations for naming, or how to keep search results and visibilityof your website or web page in search engines:• Use lower case only, not UPPER CASE• Use hyphen (-) for joining words instead of underscore (_)• Don´t use punctuation• For News articles, start the name with publication date, in US-en format.Example: 2012-01-07-jaaner-rally.aspx• Don´t add size information or another identificator to names of images.Picture names from cameras, such as IMG1000541_201203311558.jpg,have to be changed.• Number pictures in galleries from 01 to ∞, use hyphen between the nameand number. Example: citigo-16.jpg• Connect name of pictures for a news article with name of the article.Example:– Article´s name: 2012-01-07-jaaner-rally.aspxPicture´s name for the article gallery: 2012-janner-rally-01.jpg160 – Importer properties12.2 Inserting tracking codesIt is possible to add your own tracking codes into K2. You can add it in SiteActions – Importer Properties into Tracking HTML Code (160) .Tracking codes can be added into each page. It can be done in Page Propertiesof each page in proper row (161).161 – ŠKODA page properties84


13 DICTIONARYTermExplanationSitePage templateWebsite hierarchy node. Site is like a folder incomputer, which contains subsites (subfolders) and/or various files (in CMS it can be pages, documents,pictures etc.).Each page is based on a template. Page templatepresents a predesigned layout for inserting variouskinds of content.Webpart Each page template consist of so called webparts –independent parts for placing content to the page.There are templates with defined position of usefulwebparts, as well as templates which allow insertingof arbitrary webparts into different page zones andthis way to customize page layout.Pages foldersInages foldersDocumentsfoldersMasterpresentation,Master pagesFolder automatically created for each site. It containsall pages of the site.Folder automatically created for each site. It is usedfor uploading and storing of pictures.Folder automatically created for each site. It is usedforuploading and storing of documents, such as PDFfiles or Flash animation files.Whole website presentation prepared for countrieswithout web presentation. From master presentation,all sites can are copied as a base for easy adapting tonational pages.85


14 LIST OF IMAGES01 – Ribbon02 – Site Action03 – User´s menu04 – Context buttons05 – Importer settings06 – Website structure07 – Folder structure in list08 – ll content of site09 – Add new item in the list10 – Delete item from the list11 – Recycle Bin12 – Types of lists13 – List columns14 – List of images15 – Folder approval status16 – Folder Approval17 – Upload Submitting item18 – Start workflow19 – Multipleupload – Check In20 – Multipleupload – Major version21 – Approving of item22 – Approve/Reject item23 – Unpublish24 – List of pages25 – Page – Check–In26 – Multiple-Approve27 – Page – Publish major version28 – Approve29 – Page – Approve30 – Page – Approve/Reject31 – Page – Unpublish32 – Redirect settings33 – Icons for sources, from the left: ŠKODArendering engine, Local library, Shared library34 – New folder35 – Upload36 – Multiple Upload37 – ŠKODA Rendering Engine settings38 – Site Collection Images39 – Youtube video40 – Flash video41 – Video Player Webpart settings42 – Site Actions44 – Create page wizard43 – Groups of templates45 – Ribbon46 – Page in editation mode47 – Ribbon – Saving the page48 – Submit button in Ribbon49 – Start workflow50 – Approval51 – Pages in site Contact52 – Make Homepage in Ribbon53 – Page in editation54 – Editation of Top Image55 – Higher offset57 – Page Keywords setting56 – Lower offset58 – Copy/move items59 – Importer Homepage60 – Homepage in edit61 – TopImage Selector62 – TopImage Selector editation63 – Item editation64 – Importers Call To Actions66 – Promoblock in editat65 – Promoblocks editation67 – News Snipet68 – Visit links69 – Dealer Homepage70 – Site Settings features Settings71 – Dealer Proper ties in Site72 – Dealer properties73 – Dealer page in editation74 – Promoblock in editation75 – Column Repeater76 – Column Repeater webpart editation77 – Column editation78 – Editation for ribbon79 – Golden Ratio80 – Create Page Wizard - Golden Ratio81 – Golden Ration - Editation82 – Paragraph Repeater83 – Paragraph Repeater in editation84 – Paragraphs85 – Ribbon - editation86 – Frame87 – iFrame - edititaon88 – iFrame settings89 – Free Webpart90 – Free Webpart in edit91 – Add a Web Part93 – Image Gallery in edit95 – Image Gallery webparts92 – Image Gallery94 – Video Gallery list96 – Sitemap97 – Error pages98 – NewsList100 – NewsList in edit99 – NewsList settings101 – News Article86


103 – News Article in edit102 – Publishing date104 – Article Gallery105 – ŠKODA Page Properties106 – News tags107 – Model lists108 – Model Type110 – Model Variant109 – Model Group111 – Color List112 – Equipment list113 – Engine list114 – Part of the XML115 – CC-import116 – Location of model structureadministration117 – Model data administration118 – New model copy119 – New model variant120 – Hotspots121 – Item of HotspotList122 – Hotspot detail123 – Exterior page124 – Exterior creation125 – Exterior in edit126 – Exterior background127 – Model colors128 – Hotspot in Exterior129 – Default engine PR code130 – Default color code131 – Interior page132 – Equipments134 – Equipment detail133 – Equipment edit135 – Hotspots in Interior136 – Technology137 – Switches editation138 – Technology in edit139 – Hotspots in Technology140 – Flash in Model pages141 – Model navigation142 – Car configurator model selector143 – Setting up of CC Model Selector144 – Navigations145 – Navigation settings146 – Navigations147 – Source of navigation location148 – Source of navigation location149 – Homepage150 – Footer editation151 – Call To Actions152 – Call To Actions153 – Call To Actions editation154 – Call To Actions in detail155 – Call To Actions List156 – s CallToActions enabled157 – Search in the page158 – Dealer Locator159 – Test drive160 – Importer properties161 – ŠKODA page properties87


ANNEX A – AVAILABLE WEBPARTSWebParts that can be used within the page, based on Free Web Part template.Category: Lists and Libraries/ Content Rollup/ Custom:ArticleGalleryWebPartColumnRepeaterLiteWebPartUse the webpart if you want to show picturegallery in form of so called filmstrip (horizontallayout).Use the webpart if you need to insert content,divided in columns. Each column can consist oftext and/or picture or video. Text can be placedeither on top or bottom of the column. Order ofcolumns can be changed very easily by editor.Possible to add up to 4 columns.iFrame WebPartNewsList WebPartUse the webpart if you want to show content,placed on external (3rd party) servers. Can beused for example for various leasing calculators,interactive applications, polls or otherforms.Use the webpart if you want to show a list ofnews.ParagraphRepeaterLiteWebPartUse the webpart if you need to insert content,divided into paragraphs. Each paragraph canconsist of text and/or picture or video.88


ANNEX B – RECOMMENDED WIDTH OF IMAGES (IN PX)Top Image940x430Column RepeaterTop image: 940x430One column/page: 860x … (this variant is not recommended)89


Column RepeaterTwo columns: 420 x …Three columns: 270 x ...90


Column Repeater Four columns: 200 x ...Paragraph RepeaterTop image: 940x430Big picture – 420 x ...91


Paragraph Repeater Small picture – 200 x ...Golden RatioTop image: 940x430Big picture – 560 x ...92


Golden Ratio Small picture – 280 x ...News GalleryTop image: 940x430Gallery: Big photos either 1280x … or … (the ratio is convertedautomatically)Thumbnails 80 x 60 are prepared automatically by CMS.93


ANNEX C – LIST OF ALL IMPORTERS AND THEIR BID´SCountryBIDCountryBIDCountryBIDAlbania 823Algeria 318Armenia 670Australia 959Austria 439Azerbaijan 787Bahrain 688Barbados 405Belgium 202Belorus 296Bosnia a Herzegovina 313Bulgaria 451Canary Islands 282Colombia 816Costa Rica 881Croatia 425Cyprus 294Czech Republic 260Denmark 442Dominican republic 436Ecuador 661Egypt 431Estonia 462Finland 443France 995Georgia 392Germany 107Ghana 789Greece 447Guadeloupe 874Guatemala 882Hungary 233Chile 602China Shanghain 743Iceland 445India 663Iraq 224Ireland 491Israel 440Italy 264Ivory coast 628Jordan 825Kazachstan 660Kenya 312Kuwait 793Latvia 686Lebanon 711Lithuania 463Luxembourg 441Macedonia 430Malaysia 614Malta 448Martinique 418Moldavia 62294


CountryBIDCountryBIDCountryBIDMongolia 714Montenegro 457Morocco 308Nepal 703Netherland 438New Caledonia 803New Zealand 824Nigeria 354Norway 218Oman 752Panama 427Paraguay 608Peru 857Poland 456Portugal 261Qatar 885Réunion 397Romania 599Russian Federation 935Saudi Arabia 428Senegal 302Serbia 457Singapore 880Slovakia 654Slovenia 298Spain 572Sudan 750Sweden 222Switzerland 223Syria 761Taiwan 764Tajikistan 304Thailand 434Turkey 423Turkmenistan 495Ukrajina 886United Arab Emirates 745United Kingdom 210Uzbekistan 225Venezuela 604Yemen 70895


ANNEX D – LIST OF AVAILABLE (AND RENDERABLE) COLORS FOR MODEL PAGESName CC Code Hexadecimal code ThumbnailCandy White 9P9P #EEEEEECorrida Red 8T8T #A81B11Pacific Blue Z5Z5 #0D1B35Amazonian Green 7R7R #14392CAmethyst Purple 3X3X #71666CAnthracite Grey 9J9J #464749Aqua Blue 3U3U #95A1B1Arctic Green 8B8B #99AEA5Black Magic 1Z1Z #111111Brilliant Silver 8E8E #9EA2A5Cappuccino Beige 4K4K #796C63Lava Blue 0F0F #184454Malachit Green 0G0G #2C5144Mato Brown 1M1M #866446Miami Blue C4C4 #6AA7C5Mocca Brown 6Q6Q #32231BPlatin Grey 2G2G #60656996


Name CC Code Hexadecimal code ThumbnailRace Blue 8X8X #154A7ERally Green P7P7 #31852FRosso Brunello X7X7 #51121DSafari Beige 8S8S #D6C2A9Sprint Yellow F2F2 #DCB347Tangerine Orange M2M2 #C64216Tarracotta Orange 0H0H #AD7456Night Blue Z2Z2 #314C5DSunflower Yellow T1T1 #FCCF10Tornado Red G2G2 #CC3300Silver Leaf 7B7B #D2D4C6Deep Black Pearlscent 2T2T #000000Spring Green 0W0W #B6D74DSatin Gray 5T5T #7E98A897

More magazines by this user
Similar magazines