Å KODA K2 Content Management System - Skoda Auto

new.skoda.auto.com

Å KODA K2 Content Management System - Skoda Auto

ŠKODA K2 Content Management SystemUser Guide 2012 - 12 - 10


1 Getting started with K2........................................................................................................................82 Login to K2...............................................................................................................................................93 Workspace.............................................................................................................................................103.1 RIBBON.........................................................................................................................................103.1.1 Site Actions......................................................................................................................................................103.1.2 User´s menu......................................................................................................................................................113.1.3 Context buttons...............................................................................................................................................113.2 Importer settings........................................................................................................................123.3 Website structure.......................................................................................................................133.4 Working with lists......................................................................................................................143.4.1 Showing a list.................................................................................................................................................. 143.4.2 Add new item to the list.............................................................................................................................153.4.3 Edit existing item in the list.......................................................................................................................153.4.4 Deleting item from the list.........................................................................................................................153.4.5 Restore item from the Recycle Bin....................................................................................................... 163.4.6 List adaptation................................................................................................................................................ 163.5 Publication workflow................................................................................................................. 173.5.1 Folders.................................................................................................................................................................173.5.2 Documents, images and videos.............................................................................................................183.5.3 Pages....................................................................................................................................................................213.6 Display on load - Open new layer over current page........................................................ 243.7 Redirect list..................................................................................................................................254 Multimedia............................................................................................................................................ 264.1 Uploading images and documents........................................................................................ 264.2 Inserting Images........................................................................................................................ 284.2.1 ŠKODA Rendering Engine ....................................................................................................................... 284.2.2 Local Library or Shared Library................................................................................................................294.3 Video.............................................................................................................................................304.3.1 Video Player....................................................................................................................................................304.3.2 Flash video.......................................................................................................................................................304.3.3 Youtube..............................................................................................................................................................325 Page templates....................................................................................................................................335.1 Site.................................................................................................................................................335.2 Actions usable for all pages.................................................................................................... 345.2.1 Editing.................................................................................................................................................................343


Annex B – Recommended width of images (in px.)............................................................................... 108Annex C – List of all importers and their BID´s........................................................................................113Annex D – List of available (and renderable) colors for model pages.................................................1156


1 Getting started with K2Hello! Thank you for choosing K2 CMS to make 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. The best compatibility can bereached only by using other MS software. If you really want to 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 follow 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 corresponding part of text.Common features of UserGuide:• Green marked text - All system names of buttons, folders, lists or sites arehighlighted this way.• Approved = Published – Any item (picture, document, page or folder). withapproval status Approved is published - accessible by anyone 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.• Wellcome page = homepage of any site in the structure.8


2 Login to K2For running Site Management Console useURL: https://k2cms.skoda-auto.com/You will be asked to enter your username and Password. Click on Login. A welcomepage is displayed (01).You can also login at: https://k2cms.skoda-auto.com/sites/xx-yyReplace 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: For tips and recommendations see grey boxes.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 rootsite), you can click on ŠKODA logo on the top of all pages.01 – Welcome page9


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. There is a special type of list for documents, images, videos,pages, etc. Each importer has own space for website, called Site Collection.Everything you need to do in website, can be done via Ribbon. All control buttonsare there.02 – Ribbon3.1 RIBBONRibbon (02) 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 ActionsShow all available items by clicking on Site Actions (03). Each item is accomplishedwith a short description.As an editor, you can find useful following options:• 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 templates03 – Site Actions10


3.1.2 User´s menuMenu consists of following items (04):• My Settings• Sign in as Diferent User• Sign OutYou can show all items by clicking on user name.3.1.3 Context buttons04 – User´s menuRibbon always contains all context buttons (05) 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.05 – Context buttons11


3.2 IMPORTER SETTINGSIf you want everything to work as 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 (06) in settings section Skoda applicationadministration.You can set now:• BID – unique identification 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 (Call To Action) 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 the customer,accessing website with mobile device, is redirected• Language selector – insert just the codes (e.g. fr, nl), the rest must be set bysupport team06 – Importer properties12


3.3 WEBSITE STRUCTUREWebsite structure in K2 consists of three different types of places for datastorage - sites, lists and folders (07).Site – is marked by . Site has specific place in K2, because it is a basic stone ofwhole system. Site contains all content of website. Each site always contains lists forpages, images and documents. You can also create a sub-sites.• List – is a 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 (07). You can find speciallist for documents (Site Collection Documents) and images (Site CollectionImages).• Folder – is support container for data marked by , which allows you tomake substructure (08) in lists (e.g. for images and documents).TIP: Prefer Site Collection Images andSite Collection Documents for your data.08 – Folder structure in list07 – Website structure13


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. Pages are stored in the list Pages, images in the listImages, etc. We have special lists for models, which are located in site Models. In thelist 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 Viewall site content. You can choose from available lists (09).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 divided 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 (e.g. site Modelscontains subsites Octavia, Fabia, etc.)09 – View All Site Content14


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. Then click on Add new item (10), located below the list, or locateDocuments 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 .10 – 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. (11)• In the list of items click on title of selected item. Detail of an item displays. Inthe ribbon click 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.11 – Delete item from the list15


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. List of deleted items is shown (12).• 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.12 – Recycle Bin3.4.6 List adaptationEach list can be adapted and personalized:• Modify view of ListIf any column is missing in the view, it can be shown by clicking on Modify viewin bookmark List Tools or you can create your own view by clicking on Create viewin the ribbon.13 – Types of listsIt is possible to choose Standard View (standard list) or Datasheet View (displayedas access table(13).Then just type-in the name of the view and choose which columns will be displayedand in which order (14).14 – List columns16


3.5 PUBLICATION WORKFLOWAll operation have to follow some process in the system. Even in K2 we have specialprocess of publication for all items, stored on the website. This publication process(or workflow) (15) is different for pages and for other data – images, documentsand videos. But there are three options of status that are common for pages as wellas for images, documents and videos. These options are:• 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 internetCurrent status of item can be found in column Approval Status (16).15 – PublicationDraft Pending Approved3.5.1 Folders16 – Listed imagesYou 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 folders have to be approved. In order to make an folder approved, the followingworkflow is used:• Each folder has Approval Status – Pending, when you create it• In the list of items tick the checkbox beside the item (17)• Then click on Approve/Reject button in the ribbon• In next pop-up dialog choose Approved and click on OK (18)• The folder has Approval status “Approved”Trying to open page (or another item), with approval status Draftor Pending from internet results in error 403 – access denied/forbiden.17 – Folder approval status17


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. When you find your new documents, which you need to publish, it is possible tostart with 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 at once). Reason why it is necessary to know is that submitting processis different in both cases.Upload18 – Folder ApprovalIf you upload an item this way, item will be automatically Checked-In. So tick thecheckbox right next to the item and click the Publish button (19).Documents, images, videos and folders (which contains them) have to bepublished, if you want to see them on internet.19 – Upload Submitting item18


The form (18) for setting the workflow is displayed with following fields (all fields canbe left empty):• Request – This message will be sent to the people assigned to the 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 – As a “copy” in email. Notify people when the workflow starts and endswithout assigning tasks to them.Last move is click on OK. Then the item is submitted for approval. Approval statusof the item is changed from Draft to Pending.Multipleupload20 – Multipleupload - Check InIf 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 (20).New window will pop-up (21) – choose 1.0 Major version (publish) and OK.The same window as in previous case will pop-up (22).Then the item is submitted for approval. Approval status of the item is changedfrom Draft to Pending.TIP: Differences in statusCheck-in – visible and editable for all CMS usersCheck-out – locked by one user for edittingPending – item in approval workflowApproved – published and visible on internet21 – Multipleupload – Major version22 – Start workflow19


3.5.2.2 Approving/PublishNext step in the workflow is approval. Choose and mark an item with approvalstatus Pending. In ribbon, open bookmark Library Tools – Documents and click onApprove/Reject (23).New window will pop-up (24) and it is necessary to choose one status:• Approved – publish item• 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 (or rejected). In the list of items, the approval status is changedautomatically from Pending to Approved or Rejected.23 – Approving of item24 – Approve/Reject item20


3.5.2.3 UnpublishPublished item can be unpublished by clicking the Unpublish button in ribbon (25).Approval status is then changed from Approved back to Draft. Item is visible only forK2 users now. In order to make the item visible again start a new workflow.3.5.3 PagesNow you know how publishing of items in K2 works. This chapter describespublication of pages. Each page can be approved directly from ribbon during editing.This will be described in chapter about page templates. Working with publishingworkflow in the Pages list will be described there. A new created page is markedwith icon. Little arrow means, that the page is checked out to user who createdthe page. That means that only user, who created it, can edit this page. You can seeseveral information in list Pages – Approval status, used template (Page Layout)etc (26).25 – Unpublish26 – List of pages21


3.5.3.1 Submitting for approvalIn case, that page is in Draft, but Checked-Out to you, it is necessary to Check thepage In. In the list of items tick the checkbox beside the item and click on Check Inbutton (27).New window will pop-up (29) – choose 1.0 Major version (publish) and OK. Then asame window as in previous case will pop-up – Start workflow.The item is Checked-In and submitted for approval. Approval status of the itemis changed from Draft to Pending.3.5.3.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 on Approve/Reject (31).New window will pop-up (33) and it is necessary to choose one status:• Approved – publish item• 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. In the list of items, the approval status is changed automatically fromPending to Approved or Rejected.27 – Page – Check–In28 – Multiple-Approval29 – Page – Publish major version 30 – Approve22


22generated the Hash Vales during the Bid Preparation and Hash Submission stage.(9.3) The Bid Data and Documents of only those Intending Tenderer who have submitted theirBid Hashes (Seals) within the stipulated time (as per the Tender Schedule), will beavailable for decryption and re-encryption and to upload the relevant documents fromBriefcase.(9.4) A Intending Tenderer who has not submitted his Bid Preparation and Hash Submissionstage within the stipulated time will not be allowed to decrypt/ re-encrypt the Bid Data /submit documents during the stage of Decryption and Re-encryption of Bids (submittingthe Bids Online)(9.5) The Step by step procedure as per system requirement must be followed.10. Receipt of Tender After DeadlineThe Tenderer will have to carry out their respective tasks within the deadline defined inthe Tender Schedule.11. Department will not be responsible, For non Enrolment and non Empanelment of ETMS,non submitting / uploading tender online due to failure of internet services, or power supplyor any other unforeseen or foreseen reasons/causes what-so-ever. No claims on any of theabove or any other factors in the regards will not be entertained.12. Opening of Technical Bid (Envelope No. 1)(12.1) Tenders will be opened as per the Tender Schedule, in the presence of such intendingTenderers or his/ their authorized representatives who may be present at that time.(a) The Tendering Authority will first open the Envelope – I documents of all IntendingTenderer and after scrutinizing these documents will shortlist the IntendingTenderer who are eligible for Financial Bidding Process. The Shortlisted Tendererswill be intimated by e-mail.(b) The Contents in Envelope No. 1 will be verified by the Tender opening authority tocheck their validity as per requirements. If any particular document of any tender iseither missing or does not meet the requirements as specified above then a above tothat effect will be recorded by the tender opening authority at the time of shortlisting of Envelope – 1.Contractor No. of Corrections Executive Engineer


3.6 Display on load - Open new layer over current pageYou can display a new layer over any page. The layer is kind of pop-up window andit is opened automatically. Content of the layer can be another page or application,such as Test drive order.In order to prepare the layer and its settings, locate Page bookmark in ribbon, andchoose Mini applications link button (35).New window of Link Generator appears (36).Fill in following information:• Application source URL – URL of the page which should be displayed in a layer• Display settings – choose Fullscreen or define size and position of the layer• Size – define width and height in pixels• Position – leave empty when layer should have center position, otherwisespecify.• Copy generated link – copy the entire generated code.Click on Cancel to close the Link generator.Open the page (above which you want to display the layer) to Edit mode.In ribbon, click on ŠKODA Page properties button. Paste the generated code intofield Display on load - application link and click OK button. Then save the page orcheck-in. Result can look as on picture 34.34 – Sample of onload layerTo hide menu and footer add ?dialogClassToShow=True after .aspxinto field display on load - application link in SKODA Page properties.e.g. #app#h=600|w=800|##http://new.skoda-auto.com/demo/news/Pages/article.aspx?dialogClassToShow=True35 – Mini application link36 – Link generator24


3.7 Redirect listIt is possible to set all redirects from your old web URL´s to K2.You can set this in Redirects list, which is placed in the root site (same place as CallTo Action List is placed).Is it necessary to set (37):• Title – original URL• Redirect URL – target URL of redirect37 – Redirect settings25


4 MultimediaThis chapter describes the work with various types of files, such as pictures, videos,pdf catalogues and so on. It contains explanation of how to upload files to thesystem, and then how to insert or link them to a page.There are three places in K2 where different types of files are stored or modelpictures can be rendered:• ŠKODA rendering engine (only for pictures) – a special K2 feature, which is ableto generate pictures of defined car from CarConfigurator data source.• Local Library – folders for you to upload own pictures or documents. You canaccess, upload or delete files from these folders.––Site Collection Documents, is a folder for your documents.––Site Collection Images is folder for your pictures.––Site Collection Objects is folder for your videos, xml files etc. It‘s not createdby default, please request Internet Support.• Shared library – folders with shared files for all K2 users. Approved files fromŠKODA headquarters. Everyone can use files stored in global folders, onlyadministrators can delete or add items:––Site Collection Documents - global documents––Site Collection Images - global pictures––Site Collection Objects - global videosRemember icons for those three sources, shown on picture (38).38 – Icons for sources, from the left:ŠKODA rendering engine, Local library,Shared library4.1 Uploading images and documentsYou can easily upload images or documents to your Local library. It is recommendedto 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 by multiple upload.Remember: Each list can store (and work with)only predefined file type – e.g.SiteCollectionImages = image filesRecommended image formats: .jpg, .png. and .gif.26


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 Images.Create new folder for Images:• In ribbon, open Documents bookmark and click on New Folder (39)• 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 (40) 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 button.Uploaded picture appears in the folder, with approval status Draft.39 – New folder40 – Upload27


Multiple files upload:This feature is available only via Internet Explorer. For full functionality, MicrosoftOffice 2010 should be installed on your computer.• After clicking on Upload Multiple Files (40) a modal window opens.• Open folder with pictures you want to upload. Mark all items for upload.• Drag all selected items and drop them into the box in modal window.• Click OK.• Pictures are being uploaded.• When upload is done, click OK again.• Uploaded pictures appear in the folder, with approval status Draft.4.2 Inserting ImagesDuring editing you can use three possible sources of images.4.2.1 ŠKODA Rendering Engine41 – Multiple Upload• Click on icon .• Configure your image (42). Choose in 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 variant– list of all models for selected model group• Equipment – list of all trim lines for selected model variant• Color – list of available colours for selected model• View type – list of views (exterior, interior)• Car angle (for exterior view) – rotation angle of selected model (only number 0,10, 20, ... 350 accepted, 0°= side view)• View point (for interior view) – back view, passenger view, top view, dashboardview• Image width – required image size (insert integer number only). Click OK.42 – ŠKODA Rendering Engine settings28


4.2.2 Local Library or Shared Library• Click on icon for access your Local Library, or for access SharedLibrary.• In dialog window (43), 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 the next chapter43 – Site Collection Images29


4.3 VideoIt is possible to use only three types of video in K2:4.3.1 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 (44):• 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, which is displayed, when yourvideo is broken• Videoplayer size – size of video in page4.3.2 Flash videoYou can prepare your own flash video. For this you need a .flv video file and .swfplayer. The player has to contain this .flv file or link on its storage and use it as acommon flash file in a page.44 – Video Player Webpart settingsInsert 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 videois located) default image and xml. file, which contain link to your .flv video fileand default image (as you can see on image (45)), image appears before videostarts playing and after the video ends• Insert HTML code into the page.45 – Flash video30


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 to change only two long URL, http://new.skodaauto.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 file31


4.3.3 YoutubeYou can place videos on your YouTube channel (46) 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:It‘s possible to insert video also to the Image gallery webpart. See thechapter (5.9)46 – Youtube video32


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 (48):• Text templates – page layouts for pages with text and pictures• Model site – use this template to create new model site• Custom content – templates which allow placing custom webparts on page• News templates – news related templates• Site – use this template to create a new site in your website• Home Pages – use to create a new homepage• Dealer Pages – dealers related templatesIf you want to create website, it is good to have all data structured. First of all therewill be described how to create a Site.48 – Groups of templates5.1 SiteCreation of sites (even pages) is very simple – just click on Create K2 page (47) in SiteActions. Create Page Wizard will pop-up. Choose Site. The form for page detailsopens. Fill in all required fields (49):• Title – name of the site.• File name – will be shown in URL (value is automatically filled by system accordingto Title field capital letter are changed to small, letters with diacriticand space characters are left ).• Target URL – location of where the new site will be placed (as default the URLof root site is pre-filled). If you want to place new site into one of existing subsites,click on Pick url. Webpage dialog with existing subsites (Models, Newsetc.) is displayed.Choose one location and click OK.47 – Site Actions49 – Create page wizard33


5.2 Actions usable for all pagesAll pages use two actions, which are the same for all templates:• Start of Editing• Publication workflow50 – Ribbon5.2.1 EditingYou can start editing the page by:• Click on icon on the top of ribbon (50)• Click on Edit button in ribbon (50)• Click on Edit page in Site ActionsIf you are in editing mode, you can see yellow strip under ribbon with textStatus: Checked out and editable and edit buttons for each part of page (51).5.2.2 Publication workflowEach page can be published on the internet during editing, but you haveto follow predefined workflow, which is similar to workflow for other data.If you want to save page during editing, you can click on (52):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 editting for all editors51 – Page in editation mode52 – Ribbon – Saving the pageUsing Check-In is highly recommended. Page, which si checked-out,is not possible to edit for other editors then last editor.34


After Check-In the status of the page is Checked In and viewable by authorizedusers. Now, you can submit page for approval:• In ribbon, open Publish bookmark, then click on Submit button (53).• 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 people assigned to the 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 – As a “copy” in email. Notify people when the workflow starts andends without assigning tasks to them.• Click on Start button (54).Then the page is 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(55).• Approve/Reject form is displayed, where mark required approval status :Approved – publish item• Rejected –return page to its creator• Pending – leave status as pending.You can write optional comment and click OK.The page is approved or rejected. In the list of pages, the approval status ischanged automatically from Pending to Approved.53 – Submit button in Ribbon54 – Start workflow55 – Approval35


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. It is because each site has to contain at least one page. As soon asyou create your own pages the default page is not necessary anymore. Butyou need to set your new page as welcome page of the site before deletingthe default page.For example:We want to create site Contact, where contact.aspx page will be.If you create that site, you can find in the list Pages only default.aspx (56) (thispage is empty).Then you will create page contact.aspx and this page will be welcome pageof site contact.To make this page a welcome page it is necessary to click Make Homepage inbookmark Page in the ribbon (57).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.56 – 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.57 – Make Homepage in Ribbon• If you want to change the title, click .• Fill in new title.• Click the OK button.58 – Page in edit36


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 (59), specify 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 (60)– Lower – more of top image visible. (61)59 – Editting of Top Image60 – Higher offset 61 – Lower offset37


5.2.5.2 Adding KeywordsWhen you are done with creating keywords in Term store management, youcan start adding them into particular pages. Go to ŠKODA Page Properties.There is a field “Page Keywords” – click on the sign of two small labels onthe right side of the field. New window with the list of all keywords appears(65). Click on the keyword you want to add and then click on “select” button.When all the keywords are selected and moved into the box then click on “OK”button.Follow these steps when creating and adding tags for news. The only differenceis not creating the list of tags into section “Page Keywords” but intosection “News Tags” (64).65 – Add KeywordsFollow these steps also for creating and adding tags for Blog Articles. Createthe terms into section “Blog Tags”.Do not create your own sections in Term store management tool – youwould not be able to add any keywords/tags then.66 – ŠKODA Page Properties39


5.2.6 Custom Scripts and Meta DescriptionIf it is necessary to use special tracking tag for separate page, it can be insertedinto Custom scripts field in ŠKODA Page Properties (67).Meta Description provides concise explanations of the content of web pages.It is commonly used by search engines on search result pages to displaypreview snippets for a given page. It can be inserted into Meta Descriptionfiled in ŠKODA Page Properties.5.2.7 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 (68)• Find destination67 – Custom Scripts and Meta Description68 – Copy/move items40


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 / Importer Homepage(only Homepage is international homepage with different webparts, designedonly for .COM).Homepage contains a lot of editable webparts (70):Top Image Selector – switcher of Top Images. These Top Images can containspecial green area for text.69 – Importer Homepage70 – Homepage in edit41


Importer Call To Actions – list with 5 links on the left side of homepage(74). This menu is editable in the proper list in root site. In root site clickon Site Actions and View all site content. Name of the list is ImportersCallToActionList. Each item have (73):• Title – Title displayed in menu• URL – URL of item target (document, page)• Icon URL – URL of icon displayed in menuPromoBlocks – webpart designed as a main banner place on homepage.Promoblock 1 dimensions are: 273x134 px. Promoblock 2-4 dimensions are:173x134 px.It is necessary to use all 4 promoblocks (76). Each promoblock contains (75):• Image – image, chosen from:73 – Item editting––Local library––Shared library• Link URL – URL of target source (document, image, page, video)• Link text – title of URL, displayed bellow image74 – Importers Call To Actions75 – Promoblocks editting76 – Promoblock in edit43


News snipet – automatic element of the homepage always displays 2 lastpublished news articles (77). Each news article is displayed with Title and Perex.Social Column – part of homepage, which is displaying 3 links to social networksetc. (78) This element is editable 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 network77 – News SnipetThe latest and most important marketing communication, e.g.ongoing events and new or action models, should be displayed onthe homepage.78 – Visit links44


5.4 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.Creation is the same as for Site, but location of this template in Create PageWizard is 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 creating this webpart for inserting main content part to the page.You can create up to 4 adjacent columns with texts and/or pictures, flash orvideo (80).• If you want to edit, click .Add column(s) by clicking on . All columns will always have the same width.Each column contains following buttons:• Move to the left, Move to the right,• Edit, Delete.79 – Column RepeaterThis template is suitable for homepage of a sub site. Each columnrepresents one or more topics and the text fields contain links onsubpages.80 – Column Repeater webpart editting45


Editing of a column (81):• 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 editing thetext are shown. You can insert text, create tables, insert pictures and so on,like in Microsoft Office tools (82).You can also edit content by HTML editor, button in the ribbon.81 – Column editing82 – Editing in the ribbon46


5.5 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 (84).It is possible to choose layout with wider left or right side.Title Left and Title Right – webparts are designed for title of the left and rightcolumn (85).Content Left and Content Right are webparts for placing content to the leftand right column. After clicking on , in upper ribbon, all functionalitiesfor editing the text are shown. You can insert text, create tables, insert picturesand so on, like in Microsoft Office tools.83 – Golden RatioThis template is suitable for main contentaccompanied by introduction, complementarytext or list of links.84 – Create Page Wizard - Golden Ratio layout85 – Golden Ration - Editting47


5.6 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 (87) 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.86 – Paragraph Repeater87 – Paragraph Repeater in edit48


Editing of paragraph(s): (89)• 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 editing thetext are shown. You can insert text, create tables, insert pictures and so on,like in Microsoft Office tools. (90)88 – ParagraphsYou can also edit content by HTML editor, button in the ribbon.89 – Paragraph Editing90 – Ribbon - editing49


5.7 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 (92) and insert values for iFrame (93)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 is not limited.This template can be usedfor example for variousleasing calculators, pollsor other forms and also forvideos.91 – Frame92 – iFrame - editing93 – iFrame settings50


5.8 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 (95):Page TitleTop ImageZone 1 – 100% width of the pageZone 2 – 1/3 width of the pageZone 3 – 1/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:94 – Free WebpartAll three zones used: zone 2 = 1/3, zone 3 = 1/3, zone 4 = 1/3Zones 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.95 – Free Webpart in edit51


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 boomark Browse(96) opens.Below the bookmark, browse categories. Choose Lists and Libraries -> ContentRollup -> Custom. List of available webparts is displayed in columns.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.96 – Add a Web PartAvailable web parts: Paragraph Repeater, Column Repeater, ArticleGallery (design of gallery is different, images are not in film strip, but in lines),Image Gallery, Newslist, iFrame, Contact form, CarConfi gurator ModelSelector, Dealer Locator (described in chapter Miniapplications), Test Drive(described in chapter Miniapplications) and Video Player (described in chapterabout Multimedia/Video).It is possible to find much more webparts, than thoselisted above. Please, use only listed webparts, otherare not supported or are used for system pages = notdesigned for importers.Editing of each webpart is the same as in templates with the same names.52


5.8.1 Contact formSimple contact form (97) that enables customers to send e-mails to ŠKODAAuto importers. If you want to create this web part, go to Site Actions – CreateK2 page – Select Custom Content group of templates – Choose Free web parttemplate. Go to edit mode and insert Contact form web part from custom file.You can also insert a top image or enter a page title.Contact form web part has few editable items (99). To edit these items clickon Edit Web Part (98):• Title – designation of the Contact form• Text – space for your short text• Recipients – enter an email address where you want to have these messagessent• Subject – enables the recipient recognize the emails sent from thiscontact form97 – Contact form98 – Edit web part99 – Contact form in edit53


5.9 Image and Video GalleryTemplate for displaying image galleries and videos is called Image gallery andyou can find it in the Custom templates group. Images can be picked fromimages folders one by one or you are allowed to specify folder only and allpictures within specified folder will be loaded automatically. Thumbnails inpage organized into four columns are also created automatically. If you clickon image thumbnail, image opens in special pop-up layer over page.If you want to edit Image Gallery (102), click onsettings (100):. 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 different locations––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.100 – Image Gallery in edit101 – Video Gallery listIf you want to add video into a gallery, it is necessary to create an item in VideoGallery list, located in the root site. For each item you can set (101):• 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, which 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.102 – Image Gallery webpartsThen just click on OK and after Check-In your new image gallery appears.103 – Image Gallery54


5.10 SitemapSitemap is fully automatic 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 separate chapter.5.11 Error pagesK2 system is equipped with special redirect for error pages. If any error occurs,proper error page, created in K2, will appear.The following errors can occur:• 403 – forbidden• 404 – not exist• 500 – server errorUse any of all available templates to create your own error pages. Notice thatURL name has to be 403.aspx, 404.aspx or 500.aspx.104 – Sitemap 105 – Error pages55


5.12 News ListPage is used for showing the list of all news articles or articles from definedcategory, from group News Templates. Articles thumbnails and perexes arevisible on News List page. Articles are listed by the date of publication, newestone 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 (108), click , in the displayed form, specify (107):• 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.106 – NewsList107 – NewsList settingsMain News list must be created in News site. Other Newslists can be created anywhere108 – NewsList in edit56


5.13 News ArticleTemplate used for creating an article, such as Press release, Newsabout company, news from ŠKODA Motorsport etc, out of 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 (111):Publishing date – set date of publication – news articles are sorted in newslistdue to this date (110).Perex – simple 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 editing the text are shown. Maximum for perex is 250 letters.109 – News Article110 – Publishing datePerex is not designed to contain images. If you want to add articlethumbnail (shown in newlist), you have to set it in ŠKODA pageProperties.All news articles must be created into news site111 – News Article in edit57


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.(112)• 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.112 – Article Gallery• Thumbnail image – Each news article can have Thumbnail imagefor NewsList. Image dimensions are 120x90 px• News tags – choose tags (categories) for your article by clicking on(113)Categories tags are created in Term Store management as keywords.see the chapter 5.2.5.113 – News tags58


5.14 Blog ListBlog list (114) was created as an option to News list. This template is storedin the group News Templates. It is listing news in columns and has only twoeditable fields (115).• Page Title - name of the page• Main Blog Article – when editing this part a list of all articles stored inthis site appears, choose one114 – Blog List115 – Blog List in edit59


5.15 Blog ArticleThis template is an equivalent to News Article. It offers more editable fields(119).• Top Image – insert an attractive picture, related to the article fromshared or local library• Publishing Date – set the date of publication, the order of articles in theblog list is based on this date• Page Title - insert the name of the article• Perex – type in an introductory text to the article. It can be formatted inupper ribbon, it is not bolded automatically (as in news article).• Rating – choose the visibility or invisibility of particular items (rating stars,number of votes) when editing this functionality (117)• Zone 1 – you can add web parts as you like (e.g. a web part for video)• Rich Text – is a space for entering the main content of the article. In upperribbon, all functionalities for editing the text are shown.• Related Blog Posts – this gives you an option to show or hide this functionality(118)• Zone 2 – you can add a web part as you like (e.g. a web part for gallery)116 – ŠKODA Page Properties in edit117 – Rating in editAll blog articles must be created into news site119 – Blog Article in edit118 – Related Blog Posts60


6 Model presentationModel presentation is very specific part of K2 CMS. It is not only about manuallyadded content. A lot of work is done automatically. Countries which haveimplemented ŠKODA CarConfigurator, get identical sales program also fortheir national website. Most images are created automatically and some fieldsare filled automatically. Other countries (without CC) have to specify requiredmodel structure first, and then ask Internet support team for help.Chapters within this section will tell you how to prepare and manage modelpresentation.6.1 Model listsAll model data are stored in various lists in site Models (Site Actions - View allSite Content).Each model list contain special type of data:• Model Type List– lcontains all model types (e.g. Octavia, Yeti)• Model Group List – list contains all model groups (e.g. Octavia Combi, Yeti)• Model Variant List – list contains all model variants (e.g. Octavia CombiScout, Yeti Mont Blanc)• Colors List– 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 model variants120 – Model listsModelTypeModelGroupModelVariantColorsEquipmentsEnginesThat is really a lot of data and it is possible to import all these data into K2.6.1.1 Model type listModel type list contains following items:• 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.121 – Model Type List61


6.1.2 Model group listItem of model group list contains (122):• 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 types122 – Model Group6.1.3 Model variant listA model variant list contains following items:• Title – name of model, which will be located within a Model group• PR Code (Model key) – first 3 letters of MBV modelkey (1Z3 for Octavia)• URL – link to model page of the model variant (filled 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 configurator ID – ID from CC for synchronisation of data during importof XML file (import of data for existing models in K2)• Default engine PR code – define 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• Highlights – three sub-highlight texts in Model Menu• Length – length of car• Width – width of car• Height – height of car• Wheelbase• Trunk seats up – trunk capacity with seats up (displayed in Model menu)123 – Model VariantSee chapter 6.7. where this is shown inmodel menu62


• 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 pixels124 – Color ListIf you want to present model, what is not in CC, you can display staticimages on Exterior Page.6.1.4 Colors listList contains following items(124)::• 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 variants125 – Equipment list6.1.5 Equipment listList contains following items (125):• 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 page63


• Parent model variant – choose from model variants• 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 (126):• 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 engine126 – Engine list64


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 describes the work with modelsource for importers who have the CarConfigurator implemented, another forthose who haven´t been using it yet.127 – Part of the XMLCommunication between both the systems runs in form of XML. Picturenumber 127 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 database128 – CC-import65


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 CarConfigurator129 – Location of model structure administrationImporter, who does not 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 – Models Administration(129).You can see tree-structure of your model data (130). 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:• Contact Support team and ask for it• From ordering systems – all cars are ordered in special systems, where is130 – Model data administration66


PR code used• From CarConfigurator – it is possible to export actual model data sourcefrom CC and then just find PR code, what you need• In real car – PR code is printed on label, placed in trunk under reservewheel :)6.3.1 Creation of new models from existing modelsIf 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.131 – New model copyTo do this in Models Administration follow these steps:• Choose source model variant• Click on model variant by right mouse button• Choose CopyThen new model variant is created with name model – copy. This modelvariant has the same content as source model.132 – New model variantIf you add a new model which is not in your Car Configurator, allfurther changes will have to be done manually. Using a “Detectchanges from CC“ tool is not possible than..67


6.4 HotspotsHotspot is a point that attracts the attention of website users (133). Hotspotcontains interesting details of the car equipment, either in exterior, or in interiorand in technology. This detail opens itself in a small box with a picture and/ordescription. Hotspot element navigates users to more detailed information,which are displayed in fullscreen mode (it can be used only on publishedpages – if not, you will get error when you close hotspot detail). There can bea carousell for switching between more images, longer description, video orhyperlink to video (if video is attached to the hotspot). URL of hotspot´s detailis generated automatically by CMS.It is possible to get hotspots from .COM in english and czech. If youare interested, request Internet Support.133 – Hotspots6.4.1 Hotspot ListHotspots are created, deleted and maintained in Hotspot List, located in siteModels.Each hotspot contains (134):• 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.Please insert only simple text without format.• Name – name of the hotspot, visible only for editor.• Detail page name – for dynamic generated full-screen page (importantfor SEO).• Type – category of hotspot (interior, exterior or technology)• Parent model variant – choose from available model variants• Parent model group – choose from available model groups• Parent model type – choose from available model types134 – Items of HotspotList68


• 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).• Video URL – path to video, which is to be displayed in the small hotspotwindow.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(135), 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.135 – Hotspot detail69


6.5 Page creationModel presentation consists of 4 basic pages: Exterior, Interior, Technologyand Pricelist. Model site is created automatically when the first (exterior!) pageof the particular model variant is created (always only thru “create K2 page” insite actions).6.5.1 Exterior pageExterior page is created from model data that we have imported into K2according to your structure in Car Configurator or some „universal“ data if youdo not have Car Configurator.If you want to create Exterior page (136), click on Site Actions – Create K2 page.Several groups of templates pop up. Choose a group “Model site” and thentemplate Exterior model page.136 – Exterior page (overview)The window “Setup page properties” (137) opens. Fill in all required fields:• Model type – choose from the list (e.g. Octavia)• Model group – choose from the list (e.g. Octavia Combi)• Model variant – choose from the list (e.g. Octavia Combi GreenLine)• Site name – filled automatically• Site title – also filled automaticallyThen click the Create page button. An exterior page is created and ready tobe edited (138):• Page title – enter name of the page• Background image – these pictures (139) are stored in shared library ofeach model variant. You can also create your own pictures (the size of theimage is 900 x 410 px).• Color picker - shows list of defined colours for the model (141). If youwant to do changes, click . In list of all colours, you can tick or untickcolours that you want to be visible or hidden.• Hotspots - within the Exterior page of each model, there is one set ofhotspots, each of them can be placed into front view or back view, orboth.If you want to do changes, clickwindow for edit hotspots appears (140).in the Hotspots webpart (139). A new137 – Exterior creation138 – Exterior in edit 139 – Exterior background70


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 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.• Teaser - a tool that attracts an attention of customers. It can be usedin two ways. Either as a roll over and clickable picture that gives you anopportunity to lead the customer to useful or interesting pages on theweb or you can use it as a “label” without a link (e.g. just to point out toa special award, occasion or something like that). See the examples of ateaser (142).140 – Hotspots in Exterior142 – Examples of a teaserWhen editing the teaser (143):• Teaser visibility – tick or untick this box• Teaser picture - insert a picture of a teaser, this images are not availablein shared libraries, you have to create your own and store them in locallibraries (the size of the image must be 150x300 px)• Link URL - insert the link143 – Teaser in edit141 – Model colors71


6.5.1.1 Change of exterior imageRendered exterior image of car can be changed only by changing the PR codein Model Variant List (144). Contact Support team for PR code.6.5.1.2 Change of displayed color of car in exteriorDefault color of rendered exterior image can be changed by changing ofdefault code of color in Model Variant List (145). List of displayable color codesis in Annex D.144 – Default engine PR code145 – Default color code72


6.5.2 Interior pageFirst, the Exterior page has to be created. Display Exterior page. On ribbon, openthe bookmark Model and choose Interior. Then Interior page of the modelis displayed. Images of all equipment levels were defined in Equipment list(go to ribbon – bookmark Model – Equipment) (147).Setting of interior images can be also done in Models administration. Clickby right mouse button on equipment, choose Edit and set URL in proper field(148). Here you can also edit other items regarding equipment (149).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.On an interior page it is possible to edit following items:• Hotspots - within Interior page, there will be for each model one set ofhotspots, displayed across all equipment lines (150).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.146 – Interior page147 – Equipments 148 – Equipment edit149 – Equipment list 150 – Hotspots in Interior73


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 categories of information (151) – each categoryis called Switch.For each switch it is necessary to set following (152):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 Move down/Move up.151 – Technology152 – Switches in edit74


• HotspotsIf you want to do changes, click in the Hotspots webpart (153). A newwindow for editing hotspots appears (154).• 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.153 – Technology in edit154 – Hotspots in Technology75


6.5.4 PricelistWhen an exterior page is set then the pricelist can be created. Go to anexterior page. On a ribbon of this page open the bookmark Model and click on“Pricelist” button (157). The page with a pricelist table is created.All the details (combine usage, emission, prices) displayed in this pricelist tableare editable in Engine list (158). The items marked with an arrow must be filledin.On the page “Pricelist” you can edit following items (155):• Page title - name of the page• Top image – insert the image from shared or local library (size image940 x 430 px)• Rich text – space, available for your comments• Price table – automatically created table• Rich text - another space, available for description or further comments155 – Pricelist in edit156 – Pricelist157 – Ribbon (Pricelist button)If there are some “0” in the table then check the appropriate enginelist again – some items were probably not filled in or were writteninto a wrong field.158 – Engine list in edit76


6.6 Flash in Model pagesYou can use special flash video layer in Model pages. Size of this video is940x528 px. For that you need a .flv video file and .swf player, which is availableon 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 can createfor you Site Collection Objects, where you can store your .flv videos• Create and upload to K2 default image and xml. file, which contain link toyour .flv video file and default image. Image appears before video startsand after end 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 Flash overlay in ŠKODA Page Properties. First part islink 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:159 – Flash in Model pagesMovie autoplay – URL of .flv video fileVideobg – URL of background default image77


6.7 Model navigation – New Model MenuItems (model type and model variant) are automatically generated in Modelmenu (160) after Model Site (at least an exterior page) is created. To set up thismodel menu go to importer properties and tick the box “new model menu”(161). When doing so, all model types appear in navigation. If you don´t wantto show any of displayed model types then go to type list and untick “show inmodel menu” (162).160 – New model menu161 – Importer properties162 – Model Type List78


All the information shown in the model menu (160) are editable in modelvariant list (163):• Order – here you can change the order of model variants if you wish• Price – shown at the top of the menu, right next to the name of modelvariant, the type of currency shown there is based on your culture code inimporter properties• Carline Code – must be filled in, otherwise you can´t switch to newmodel menu. If the code is missing search the attached annex for theparticular code• Show in model menu – tick the box if you have the presentation of thismodel variant ready and want it to be visible online• Action model – tick this box if you want to catch an eye of the customer,the system will add a green star and green background to the smallpicture in model menu (164)• Use cases – it is one of several filters in car casting, gives customer achoice to select cars according to its needs and criterions• Catchword – short and attractive description of the model variant in onesentence• Highlights – three main things that we want to point out about theparticular model variant• Technical data – some of them are shown in the model menu, otherwiseit is also meant as a filter for car casting.164 – Action model variant163 – Model Variant List79


6.8 CarConfigurator Model SelectorThis chapter is relevant only for importers with CarConfigurator. Specialhomepage for CarConfigurator is possible to use in K2 (165). 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 (166) – URL of data source.This URL leads to your car configurator web service.Only models, with checked field Show in model menu in ModelVariant list are displayed in Model Menu.165 – Car configurator model selector166 – Setting up of CC Model Selector80


6.9 Car CastingThis mini application enables customers to sort the cars according to theirrequirements.To create this page, go to Create K2 page – Model site – choose Carslistpage template. This is not an editable template. All information and the textvisible in upper box are taken from resources. Thus it is vital to translate theresources carefully. The rest (related to model variants) is taken from modelmenu (editable in variant lists-see the chapter model navigation).When visiting this page – all model variants presenting on the web appear.There are six bookmarks representing different categories/parameters thatare important for customers:• Filter – customers can choose/select cars according to model type(s)they like or are interested in• Budget – customers can choose/select cars according to their budget(how much money they want to spend for the vehicle)• Use Cases – customers can choose/select cars according to their needs(168), for what purpose they mainly want to use the vehicle - family,highway, outdoor, transport, sport, local• Luggage – customers can choose/select cars according to the size of thetrunk (169)• Usage – customers can choose/select cars according to the usage• Ecology – customers can choose/select cars according to its emissions(170)167 – Car Casting - welcome168 – Use Cases 169 – Luggage170 – Ecology81


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 (171)– 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 (171).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.132One 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 navigationYou can change sorting of items in each level, hide items from navigationor add external hyperlinks. All can be done this way:171 – NavigationsFor 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.Site Settings page is displayed. In category Look and Feel click on Navigationlink (172).172 – Navigation settings82


Navigation Settings page is displayed. All changes can be made in NavigationEditing and Sorting section (173).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 (174).You have to tick “Display the navigation items below the currentsite for both global and current navigation to see the items. Options“Show subsites“ and “Show pages: should be both ticked too.173 – NavigationsIf you have more than 20 items (displayed or hidden) listed in the sitethen you have to adjust this number that is set by default. Otherwisethe navigation will not appear on the web.174 – Source of navigation83


Properties page is displayed. In Third Level Menu Source click on Pick url.(175)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.175 – Source of navigation (location)84


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 (177). 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.176 – 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.177 – Footer in edit85


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, fill 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 (180).• 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.178 – Call To Actions179 – Call To Actions181 – Call To Actions in detail180 – Call To Actions in edit86


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 (182). 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 hidden 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 (183).In ŠKODA Page properties is row “Is CallToActions Enabled” with check box.182 – Call To Actions ListTicked checkbox = CTA is visibleUnchecked checkbox = CTA isn´t visible183 – CallToActions enabled87


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).Rest of settings will do for you Internet Support team.184 – Search in the page88


11 Dealer Pages and MiniaplicationsAll 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.11.1 XML fileXML file have predefined structure, what must be complied. Dealer XML starts and endswith tag DealersData.Then its structure splits into two parts. First part of XML containsinformation 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´...89


• - 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 XML185 – Mini applications settings in edit186 – Dealer AdministrationImporter can store XML file on own server or in K2 (in Site Collection Objects).After that, XML with adaptions must be stored on the same URL address. Thelink to xml is inserted into Mini aplications settings (186).When you make any changes in dealer xml (the source for dealer locator) thenit is necessary to update/refresh the dealer xml. To make the changes visiblego to site actions – site settings – find Mini applications settings. Click on Miniapplications settings (185), check if the link to dealer xml is correct, click onimport and save. The changes should be visible in few minutes.90


11.2 Dealer administration11.2.1 Edit dealer dataAll dealer pages are based on dealer´s xml (this xml has to be created by animporter). To edit information about particular dealer go to dealer homepage- Site Actions – Site Settings – Skoda application administration – DealerAdministration (186).• Global ID – this is editable only in dealer properties• Company name – enables to rename the dealership• Parent Company - this enables to match this dealer with parent company• Company Identification – this enables to edit the company identificationnumber, (EU) VAT• Offered Services – tick the services offered by the dealership• Website URL – change the url if needed• Address – enables to change the address of the dealership• District – enables to change the district (here are all districts from xmllisted)• Map Position – adjust the Latitude and Longitude of the map if needed• Opening Hours – enables to change the opening hours• Main Contact – enables to update phone numbers, fax numbers orcontact email187 – Dealer Administration in edit91


11.2.2 Dealers account administrationAn importer of each country can provide its dealers with their own accounts(user names and passwords) and let them edit their data, create extra pagesetc.First of all it is necessary to create Access Request Form (188). ThisAccessRequestWebPart has to be added into a zone in free web part template.As other web parts it is located in Custom file. There is only one thing that hasto be edited in this web part (189):Terms of use URL – insert the link leading to terms of use. “I accept terms ofuse” has to be translated in resources (as well as a title of this web part andthe other items displayed in the form).A top image can be inserted and a page title can be typed in.The link to this Access Request Form (e.g. http://www.skoda-auto.cz/cs-cz/dealers/pages/request.aspx) will be sent to dealers. They will fill in all requiredfields, choose the dealership they represent (all dealerships that are in basicdealer xml are listed), click on Save button and will receive an automaticallygenerated e-mail with instructions (to sign in into SSO).188 – Access request form in edit189 – Access request form92


When the request form is filled by a dealer an importer receives a notificationinto a waiting list called also Dealer Management System (190). This waitinglist has to be created by an importer before the request form is sent to adealer. This WaitingRequestWebPart has to be added into a zone in free webpart template (191). As other web parts it is located in Custom file. You do nothave to edit any items in this web part.These requests for an access into K2 administration system on the list can begranted or rejected by an importer.When an access is granted the dealer will receive an email notification(automatically generated by a system) saying that dealer´s registrationrequest to SKODA AUTO environment was granted. After this, the dealer canlogin into the CMS K2 at https://k2cms.skoda-auto.com/xx-yy/dealers/nameof-the-dealership.When an access is rejected the dealer will receive an email notification(automatically generated by a system) saying that dealer´s registration requestto SKODA AUTO environment was rejected.190 – Dealer Management System191 – Dealer Management System in edit93


11.3 Dealer pagesDealer pages serve as a presentation of dealers. Create these pages in siteDealers. Site Dealers is a default site – already created by a system. Eachdealership has to have its own sub site in this site (193). Each dealer´s page isbased on data stored in special XML file. This XML file is described in chapterMiniapplication (Dealer locator), because the same XML is used as source forall miniapps, developed for K2.11.3.1 Dealer welcome pageThis page should be created by an importer. This gives an importer a chanceto inform dealers about special offers and news of any kind. And it helps adealer to find most useful links at one place (it is equivalent to Welcome pagefor importers).To create this page go to Create K2 page – Dealer pages – choose DealerWelcome page template. This page has to be created only in site Dealers.Dealer Welcome page (192) is divided into several sections. Some of them areeditable, four of them are not:• Quick navigation – there are 6 most useful links• Create new page – thru this link you will be asked to select a templatesuitable for the page you plan to create• Edit company data – here you can edit all data that are contained indealers xml––Browse images––Browse documents––Browse site structure––Request access rights – here you can request an access (e.g. for yourcolleagues)192 – Dealer welcome page193 – Dealer site94


Editable items (194):• Recently edited – shows a list of recently edited pages• Profile – your profile (user name)• Your Sites – sites that you are allowed to edit• Page title – name of the page• Top image – gives you an option to insert the image• Welcome page text – there are four boxes for your texts, three in themiddle of the page and one is on the right side. Enter the texts, picturesor links. To edit it use the standard buttons in ribbon or enter the tags inedit html source.If you want to get quickly to the homepage (or another default pageof root site) click on ŠKODA logo on the top of all pages.194 – Dealer page in edit95


11.3.2 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. Create this page in particular Dealers site.So, If you want to create web presentation for dealer, create special subsitein site Dealers (e.g. name of subsite = name of dealership).Next step is activation of K2 dealer feature for this site.• Click on Site Actions – Manage site features (197)• Find Skoda.K2 Dealer Context Feature and click on Activate button onright side (198)• New item Dealer Properties (196) appears in Site Settings196 – Dealer Administration195 – Dealer Homepage197 – Manage Site features198 – Site Settings features Settings96


Last step before page creation is setting of Dealer details. Click on DealerProperties (199) 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 (200):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 services199 – Dealer properties123 4Dealer pages always share 1st and 2nd level navigation and model menu.200 – Dealer page in edit97


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 (201):– Image – image with dimensions 640x310 px, chosen from (201):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).201 – Promoblock in editDealers 1DealersShowroom 1Dealers 2Showroom 298


11.4 Miniaplications11.4.1 Dealer LocatorAs it is described by its name, Dealer Locator presents application for locatingdealers and service partners available in country. Goal of this applicationis to let website visitor easily find, compare and choose amongst ŠKODApartners and further fluently continue by visiting chosen dealers site. Dealercan be sorted according to offered services and location. All data, what aredisplayed in DL, are taken from source XML file.203 – Edit web partDealer Locator can be added into Free WebPart template– it is one of availablewebparts.Default position of displayed map must be set in Edit Web Part (203). Click onit and set the coordinates for your country and adjust the zoom if you wantto (204).202 – Dealer Locator204 – Default Coordinates99


11.4.2 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.Basic settings of application can be done in edit:• URL of Terms of conditions• Target of requests – where will be request from application sent-• to Cloud (webservice in preparation)• to dealer mail (email contact taken from source XML file) or customemailTest Drive can be add into template Free WebPart – it is one of availablewebparts.205 – Test drive100


11.4.3 Map locatorThis mini application (based on xml) gives users of K2 an option to show placesof interest (POI) on a map. For example ŠKODA AUTO uses this application toshow schools of different types cooperating with the company (206). To createthis page, insert a web part Locator from Custom file into a Free web parttemplate. Then in an edit mode (207) fill two missing url addresses:• POI Source URL – a link to xml, xml can be stored either in Site CollectionObjects in K2 or somewhere on your server• POI Icon URL – a link to an iconThere are no other items to edit. This simple xml file can be prepared like it isshown in picture 208 . The tags used in xml are as follows:A map of the country can be set in default coordinates (detaileddescription is in chapter about dealer locator).206 – Map Locator207 – Dealer page in edit101


• Latitude – location of POI on a map• Longitude – location of POI on a map• City – address of POI• Customer web site url – a web site of the displayed subject, notice thatwww has to be entered with http://• Detail – additional information (street, phone number, etc.)• Category – type of the subject, it also represents the filter in locator,as many categories you create that many filters show up in locator (e.g.there have been categories -universities and high schools-created, thenit will appear as two filters in locator)• Name – name of the subject shown on the map208 – An example of xml102


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.jpg209 – 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 (209) .Tracking codes can be added into each page. It can be done in Page Propertiesof each page in proper row (210).210 – ŠKODA page properties103


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 usedfor uploading 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.104


14 List of images01 – Welcome page02 – Ribbon03 – Site Actions04 – User´s menu05 – Context buttons06 – Importer properties07 – Website structure08 – Folder structure in list09 – View All Site Content10 – Add new item in the list11 – Delete item from the list12 – Recycle Bin13 – Types of lists14 – List columns15 – Publication16 – Listed images17 – Folder approval status18 – Folder Approval19 – Upload Submitting item20 – Multipleupload - Check In21 – Multipleupload – Major version22 – Start workflow23 – Approving of item24 – Approve/Reject item25 – Unpublish26 – List of pages27 – Page – Check–In28 – Multiple-Approval29 – Page – Publish major version30 – Approve31 – Page – Approve32 – Page – Unpublish33 – Page – Approve/Reject34 – Sample of onload layer36 – Link generator35 – Mini application link37 – Redirect settings38 – Icons for sources, from the left: ŠKODArendering engine, Local library, Shared library39 – New folder40 – Upload41 – Multiple Upload42 – ŠKODA Rendering Engine settings43 – Site Collection Images44 – Video Player Webpart settings45 – Flash video46 – Youtube video47 – Site Actions49 – Create page wizard48 – Groups of templates50 – Ribbon51 – Page in editation mode52 – Ribbon – Saving the page53 – Submit button in Ribbon54 – Start workflow55 – Approval56 – Pages in site Contact57 – Make Homepage in Ribbon58 – Page in edit59 – Editting of Top Image60 – Higher offset61 – Lower offset62 – Term store management tool64 – Create Term63 – List of created keywords65 – Add Keywords66 – ŠKODA Page Properties67 – Custom Scripts and Meta Description68 – Copy/move items69 – Importer Homepage70 – Homepage in edit71 – TopImage Selector72 – TopImage Selector in edit73 – Item editting74 – Importers Call To Actions76 – Promoblock in edit75 – Promoblocks editting77 – News Snipet78 – Visit links79 – Column Repeater80 – Column Repeater webpart editting81 – Column editing82 – Editing in the ribbon83 – Golden Ratio84 – Create Page Wizard - Golden Ratio layout85 – Golden Ration - Editting86 – Paragraph Repeater87 – Paragraph Repeater in edit88 – Paragraphs89 – Paragraph Editing90 – Ribbon - editing91 – Frame92 – iFrame - editing93 – iFrame settings94 – Free Webpart95 – Free Webpart in edit96 – Add a Web Part97 – Contact form98 – Edit web part99 – Contact form in edit100 – Image Gallery in edit102 – Image Gallery webparts105


103 – Image Gallery101 – Video Gallery list104 – Sitemap105 – Error pages106 – NewsList108 – NewsList in edit107 – NewsList settings109 – News Article111 – News Article in edit110 – Publishing date112 – Article Gallery113 – News tags114 – Blog List115 – Blog List in edit116 – ŠKODA Page Properties in edit117 – Rating in edit118 – Related Blog Posts119 – Blog Article in edit120 – Model lists121 – Model Type List123 – Model Variant122 – Model Group124 – Color List125 – Equipment list126 – Engine list127 – Part of the XML128 – CC-import129 – Location of model structureadministration130 – Model data administration131 – New model copy132 – New model variant133 – Hotspots134 – Items of HotspotList135 – Hotspot detail136 – Exterior page (overview)137 – Exterior creation138 – Exterior in edit139 – Exterior background140 – Hotspots in Exterior141 – Model colors142 – Examples of a teaser143 – Teaser in edit144 – Default engine PR code145 – Default color code146 – Interior page147 – Equipments149 – Equipment list148 – Equipment edit150 – Hotspots in Interior151 – Technology152 – Switches in edit153 – Technology in edit154 – Hotspots in Technology155 – Pricelist in edit158 – Engine list in edit156 – Pricelist157 – Ribbon (Pricelist button)159 – Flash in Model pages160 – New model menu161 – Importer properties162 – Model Type List163 – Model Variant List164 – Action model variant165 – Car configurator model selector166 – Setting up of CC Model Selector167 – Car Casting - welcome168 – Use Cases170 – Ecology169 – Luggage171 – Navigations172 – Navigation settings173 – Navigations174 – Source of navigation175 – Source of navigation (location)176 – Homepage177 – Footer in edit178 – Call To Actions179 – Call To Actions180 – Call To Actions in edit181 – Call To Actions in detail182 – Call To Actions List183 – CallToActions enabled184 – Search in the page185 – Mini applications settings in edit186 – Dealer Administration187 – Dealer Administration in edit188 – Access request form in edit189 – Access request form190 – Dealer Management System191 – Dealer Management System in edit192 – Dealer welcome page193 – Dealer site194 – Dealer page in edit195 – Dealer Homepage198 – Site Settings features Settings196 – Dealer Administration197 – Manage Site features199 – Dealer properties200 – Dealer page in edit201 – Promoblock in edit203 – Edit web part204 – Default Coordinates202 – Dealer Locator205 – Test drive206 – Map Locator207 – Dealer page in edit208 – An example of xml209 – Importer properties210 – ŠKODA page properties106


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.107


Annex B – Recommended width of images (in px.)Top Image940x430Column RepeaterTop image: 940x430One column/page: 860x … (this variant is not recommended)108


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


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


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


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.112


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 622113


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 708114


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 #606569115


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 #7E98A8116

More magazines by this user
Similar magazines