Wistia How to upload videos Wistia - video upload and inserting to Synkron - May 2016 - Catharina Brodka Wistia How to upload videos

Log in Log in to Wistia: https://rockwool.wistia.com/login Wistia - video upload and inserting to Synkron - May 2016 - Catharina Brodka Log in Log in to Wistia: https://rockwool.wistia.com/login If you don’t already have a login, please request one via our support: support@rockwool-group.zendesk.com

Upload video Go to Projects in the top menu Wistia - video upload and inserting to Synkron - May 2016 - Catharina Brodka Upload video Go to Projects in the top menu Find the project you want’t to upload to and click on it You will usually have access to a project with your OPCO initials and the Campaign project Under Project Actions choose Upload This will browse your computer and you can choose the video you want to upload

Wistia - video upload and inserting to Synkron - May 2016 - Catharina Brodka Customized settings You can make a number of customize settings for the viewing of the video Click on the video Click on the Video Actions menu Click on Customize You will now have access to the Customize settings (as seen in the image to the right) On the next slides each element will be explained

Customize menu Appearence Controls Social Bar Call to Action Turnstile Wistia - video upload and inserting to Synkron - May 2016 - Catharina Brodka Customize menu Appearence To change thumbnail image and setting the colurs of the player Controls To make settings for which elements should be shown in the player (e.g. Big play button, volumn contorl, full screen etc.) Autoplay of video Social Bar Adding of sharing buttons form Social medias Call to Action Adding a call to action at the end of the vide Turnstile Adding of email address at the beginning or the end of the video or any where in teh middle Captions Is currently not used

Save customized setting Wistia - video upload and inserting to Synkron - May 2016 - Catharina Brodka Save customized setting Once you’ve made all the relevant settings click Save You can also click Load Settings to copy settings from another video

Inserting the video into Synkron Via Wistia - video upload and inserting to Synkron - May 2016 - Catharina Brodka Inserting the video into Synkron Via Currently only the documents ”Landingpage top element” and ”Landingpage content” have been prepared to show videos from Wistia Additional you can insert uing the XHTMl document On the following slides you see how to get the relevant code and ID for the two types of Synkron dcuments as well as the code for the XHTML document

Landingpage top element Wistia - video upload and inserting to Synkron - May 2016 - Catharina Brodka Landingpage top element 2 3 Create a ”Landingpage top element” document Choose placement of the text Add a heading. E.g. <b>Save money<br/> throughout the winter</b> Add a subheading Add a link text Insert a link to the relevant campaign page Insert the ID for the Wistia video Insert the text for the View video button Insert a background image 4 5 6 7 8 9

Landing page content 2 3 4 Create a ”landingpage content” document Wistia - video upload and inserting to Synkron - May 2016 - Catharina Brodka 2 3 Landing page content 4 Create a ”landingpage content” document Choose placement of the text box Add a subheading Add a subheading image if relevant. Approx size 22x20px Add a heading Add a text Add a link to a relevant campaign page If you find it relevant you can add a second link. We reccomend that only the first link is used Take the code for the video from Wistia and add it to the filed marked with ”8” Click OK 5 6 7 8

Wistia - video upload and inserting to Synkron - May 2016 - Catharina Brodka XHTML document Besides the two mentioned documents that has been prepared for the use of Wistia you can also insert using the XHTML document You will need to make some minor change to the Wistia code Create a ”XHTML” document Take the code for the video from Wistia (see slide 12) Adjust the code (see slide 14) Insert the code in the document Click OK

Settings for Inline Embed code Wistia - video upload and inserting to Synkron - May 2016 - Catharina Brodka Settings for Inline Embed code Before copying the code please make the below settings

How to get the ID for Wistia videos Wistia - video upload and inserting to Synkron - May 2016 - Catharina Brodka How to get the ID for Wistia videos For the ”landingpage top element” you need the ID Login to Wistia If you don’t already have a login, please request one with Catharina Brodka Go to the project folder where the video is placed Click on the video Go to the Video Action menu >> Choose Embed & Share Choose ”Inline Embed” Copy the code into a note page >> Then copy the last part of the ID: <div id="wistia_izckqpjv0s“ and insert it into the Synkron document

How to get the code for the Wistia video Wistia - video upload and inserting to Synkron - May 2016 - Catharina Brodka How to get the code for the Wistia video For the ”landingpage content” you need the iframe code Login to Wistia If you don’t already have a login, please request one with Catharina Brodka Go to the folder where the video is placed Click on the video Go to the Video Action menu >> Choose Embed & Share Choose ”Inline Embed” For relevant settings see next slide Copy it and insert it into the Synkron document

Adjusting the code for XHTML Wistia - video upload and inserting to Synkron - May 2016 - Catharina Brodka Adjusting the code for XHTML Add: ="async" Remove: