1. Setting up campaign pages in Synkron Via
Campaign pages - setting up Synkron Via pages - January 2015, Catharina Brodka, AMD
Campaign pages
Setting up campaign pages in Synkron Via

2. Campaign pages - setting up Synkron Via pages - March 2015, Catharina Brodka, AMD
Introduction
When setting up the new campaign pages it is important to stay focused on the purpose of the campaign pages
The overall goal is to increase the conversion of site visitors.
When creating landing pages it should be a focus to utilise a module based approach where each module has focused intent. This ensures a clean landing page structure where values and conversion points are presented clearly.
The following examples of setup is based on the Home Owner Initiative (HOI) but the campaign pages are relevant to used in connection to any campaign.

3. Campaign pages - setting up Synkron Via pages - January 2015, Catharina Brodka, AMD
Module based approach
A module consist of a clearly outlined content-element or feature.
Each module must have a specific intent and main action (Not necessarily a conversion CTA)
By creating a base of reusable modules it will be easy to compose and create new landing pages
Each landing page should be composed in a way that emphasise the main value points and CTA’s of the specific page.
Different types of page compositions can be determined (e.g. Front page and Subpage)

4. Text Texts are delivered by Marketing Communication
Campaign pages - setting up Synkron Via pages - January 2015, Catharina Brodka, AMD
Text
Texts are delivered by Marketing Communication
The text should be considered as a sample text to illustrate how we try to keep it short and to the point
Be aware that the content should be check against local conditions and adjusted accordingly.

5. Example – HOI campaign Sample page has been set up
Campaign pages - setting up Synkron Via pages - January 2015, Catharina Brodka, AMD
Example – HOI campaign
Sample page has been set up
Main page:
4in1:
Installation guide:
Installer search:
RW-DE live page
Main page:
4in1:
Installation guide:
Installer search:
Dealer search:

6. Campaign pages - setting up Synkron Via pages - January 2015, Catharina Brodka, AMD
New elements
For the new campaign landing pages two new dcoument types and one new content layout grid have been created
Document: Landingpage top element
Document: Landingpage content element
Content layout grid: Ladning page (1 column content full width)
All the pages for your campaign should be set up using the new grid
Most content on the page is set up using the two new document types
Additional custom HTML and standard boxes are used
Custom HTML code will be delivered by Digital Media
The documents are reused across the 4 pages
All content elements should be placed in the full width content area

7. Front page Landingpage top element ddBoxed content: Standard box
Campaign pages - setting up Synkron Via pages - January 2015, Catharina Brodka, AMD
Front page
Landingpage top element
ddBoxed content: Standard box
HTML from Delaer Finder
Landingpage content element
HTML, custom

8. 4in1 (subpage 1) Landingpage top element HTML, custom
Campaign pages - setting up Synkron Via pages - January 2015, Catharina Brodka, AMD
4in1 (subpage 1)
Landingpage top element
HTML, custom
HTML from Delaer Finder
Landingpage content element
HTML, custom
ddBoxed content: Standard box

9. Installer guide (subpage 2)
Campaign pages - setting up Synkron Via pages - January 2015, Catharina Brodka, AMD
Installer guide (subpage 2) Dd
HTML, custom
HTML, custom (only shown on mobile version
Landingpage content element
HTML from Delaer Finder
ddBoxed content: Standard box

10. Installer search (subpage 3)
Campaign pages - setting up Synkron Via pages - January 2015, Catharina Brodka, AMD
Installer search (subpage 3)
Landingpage top element
HTML from Delaer Finder
Landingpage content element
HTML, custom
HTML, custom Dd
Boxed content: Standard box

11. Landingpage top element
Campaign pages - setting up Synkron Via pages - January 2015, Catharina Brodka, AMD
Landingpage top element
The following settings are possible to get the correct look
Placement of text (left, right, center)
Heading and subheading: Use HTML tagging for bold and line breakes:
Bold: <b></b>
Breake: <b/>
Link: Will create a link in a green button
Wistia movie id: Will create an additional link button next to the green one to play the video
Background image: Will be shown as backgorund image untill the movie plays

12. Landingpage content element
Campaign pages - setting up Synkron Via pages - January 2015, Catharina Brodka, AMD
Landingpage content element
Textblock allignment: Placement of the text element
Subheading
Subheading image: image to the left of the subheading
Heading
Heading image: Image to the left of the heading
Text
Link list: 1. link will crate green button, 2. link will create a more discreate link to the right of the 1. link
Image: Image placet next to the text
Blob text: Will create a black boble in upper right corner of image
Use HTML tagging for bold and line breakes:
Bold: <b></b>
Breake: <b/>
Wistia HTML: To use videos instead of images

13. Campaign pages - setting up Synkron Via pages - January 2015, Catharina Brodka, AMD
Installer search
The installer search is using the installer search from Dealer Finder
There should be created separate maps for desktop and mobile versions
The installer search is inserted in Synkron Via using the XHTML document
To createt the code for the XHTML document, please follow the instructions in the document ”Installer_Search_Instructions_HOI”

14. Videos We are using the tool Wistia for the videos
Campaign pages - setting up Synkron Via pages - January 2015, Catharina Brodka, AMD
Videos
We are using the tool Wistia for the videos
The 4in1 videos have already been uploaded by to Wistia by Digital Media
The code for the 4in1 videos are provided by Digital Media as a part of the Web content package
For the top banner the video (tv spot) needs to be uploaded to Wistia
You can request Catharina Brodka for a login to Wisita

15. Campaign pages - setting up Synkron Via pages - January 2015, Catharina Brodka, AMD3
Inserting 4in1 videos 4
Create a ”landingpage content” document
Choose placement of the text box
Add a subheading
Add a subheading image. E.g. DURABILITY-icon_22x20px
Add a heading
Add a text
Add a link to the page the installer page
Use a anchor to link directly to the search on the page, e.g.
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 provided by Digital Media, e.g. the code ”Durability_video_code” and add it to the filed marked with ”8”
Click OK 5 6 7 8

16. Inserting the tv-spot topbanner
Campaign pages - setting up Synkron Via pages - January 2015, Catharina Brodka, AMD
Inserting the tv-spot topbanner 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 Installer page
Use a anchor link like
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

17. How to get the ID for Wistia videos
Campaign pages - setting up Synkron Via pages - January 2015, Catharina Brodka, AMD
How to get the ID for Wistia videos
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

18. Campaign pages - setting up Synkron Via pages - January 2015, Catharina Brodka, AMD
Top banner 3D house
On the Installation Guide page the top banner has a 3D house with hotspots. This is set up using a custom HTML.
In the document ” Top-banner_Installtion-guide_3D-house_code” you’ll find the code
Make relevant local text adjustments
Implement the code using a XHTML document
On the mobile version these hotspots are not active
Instead the number elements are used.
This is set up a XHTML document only to be shown on the mobile
The code can be found in the document ” Number-row_Installer-page_code”

19. USP element and Guides & inspiration
Campaign pages - setting up Synkron Via pages - January 2015, Catharina Brodka, AMD
USP element and Guides & inspiration
These two elements are set up using HTML code
The HTML code is provided by Digital Media
Text and links for images and files should be localy adjusted
USP element
You can choose to link to e.g. the 4in1 videos on the 4in1 page
You insert the link on the images and make a anchor link to the videos
You also shoose to let the USP stand alone with the text, without linking.
Guides & inspiration
Please select the 4 borchure that is relevant for you
The link to the brochure should be taken from Umbraco
Link to the brochures in both the link text and in the image

20. Anchor linking – Installer Search
Campaign pages - setting up Synkron Via pages - January 2015, Catharina Brodka, AMD
Anchor linking – Installer Search
In the code for the installer search you can set the anchor name. This can be named anything and wlll server as the anchor
It needs to be set three places in the code
The anchor will then e.g. be #installerSearch
The anchor will then be added at the end of URL that the anchor element is placed on, e.g. :

21. Anchor linking – content element
Campaign pages - setting up Synkron Via pages - January 2015, Catharina Brodka, AMD
Anchor linking – content element
To create a anchor link to a content element add the anchore name you like to the fiels ”Anchor”
The anchor will then e.g. be #1_Dach-von-aussen
The anchor will then be added at the end of URL that the anchor element is placed on, e.g. :
If linking within the same page you’ll just insert the anchor #1_Dach-von-aussen

22. Inserting anchor links – top element
Campaign pages - setting up Synkron Via pages - January 2015, Catharina Brodka, AMD
Inserting anchor links – top element
Take the anchor link to the installer serach created earlier
Insert the link in the link destination

23. Inserting anchor links – content element
Campaign pages - setting up Synkron Via pages - January 2015, Catharina Brodka, AMD
Inserting anchor links – content element
Take the anchor link to the installer serach created earlier
Insert it as the first link in the link list

24. Inserting anchor links – 3D house top element
Campaign pages - setting up Synkron Via pages - January 2015, Catharina Brodka, AMD
Inserting anchor links – 3D house top element
To link the numbers in the house to the elments below you will need to insert a anchor link
Take the anchor link to the content element created earlier
Insert into the XHTML code the anchor, e.g. #1_Dach-von-aussen

25. Mobile setup The following elements has a special setup for mobile
Campaign pages - setting up Synkron Via pages - January 2015, Catharina Brodka, AMD
Mobile setup
The following elements has a special setup for mobile
Installer Search
Number element: Is inserted on the mobile version and the hotspots in the house no longer works

26. Campaign pages - setting up Synkron Via pages - January 2015, Catharina Brodka, AMD
Tracking
When setting up a campign landing page make sure you have the relevant tracking
Adobe Analytics, heat map, campaign tracking (banner, SEM etc.)
Analyse the performance througout the life time of the campaign to make sure it performance as expected. Adjust the content if needed to improve performance