/
Landing Pages

Landing Pages

 

Platform URL

https://[enterprise].cvtr.io/v2/campaigns/1922/creatives/landingpage

Epic

https://convertr.atlassian.net/browse/PM-139

Document status

DRAFT

Document owner

@Adam Carter

Designer

@Amish Ladhu

Tech lead

@Rokas B @Thejani Warunika

Technical writers

@Adam Carter

QA

 

Feature Overview

There are 4 distinct ways for data to enter the platform one of these ways is via a landing page.

As a user, you have the option to create a templated or a hosted landing page.

For our templated landing page this is our out the box solutions for users to create a landing page using our WYSIWYG (however the user has the option to apply custom JavaScript and CSS to the landing page as well).

A user here can go through various steps to create the landing page, the user will be guided on a templated layout(s) they wish to choose along with the form they would like embedded on the page.

For our Custom (Hosted ) landing pages, this allows a user to upload a Zip file (containing an HTML file and images etc) in which the platform can render.

*Note with the landing pages, it links to various other functions of the platform such as white papers & tracking links.

 Objective

Provide details of what the feature is trying to resolve.

 Assumptions

Provide any assumptions/pre requisites that are needed for the feature to work.

 Requirements

Requirement

User Story

Importance

Jira Issue

Notes

Requirement

User Story

Importance

Jira Issue

Notes

1

Add/Edit a templated landing page

As an Admin, Agency or Creative Manager user, they will have the option to Add/Edit a templated landing page to the campaign. While going through the steps the user will be able to:

  • Set the title

  • Set the slug

  • Select the form for the landing page

  • Specify if the landing page is a standard or white paper

After setting up the page configuration the user will then be able to the next tab to:

  • Select the layout (these will differ depending on the layout selected)

  • Upload image files for:

    • Background

    • Form

    • Header

  • Select the landing page colours:

    • Header

    • Form

    • Body

  • Add additional content to the landing page using the WYSIWYG eg text

Once the design has been set the last tab will consist of:

  • CSS editor

  • JavaScript editor

  • Social links module (Facebook etc)

Finally when all has been filled out the user will be able to save

HIGH

 

 

2

Upload/Replace a custom (hosted) landing page

As an Admin, Agency or Creative Manager user, they will have the option to Upload a custom (hosted) landing page to the campaign. While going through the steps the user will be able to:

  • Select the form for the landing page

  • Set the slug (friendly name)

  • Upload a zip file containing:

    • Root folder named ‘lp’ with no spaces and lower case.

    • Single ‘index.html’ file (all lowercase, no spacing) with required '##iframe##' placeholder to allow embedding of your chosen form.

    • An optional folder within ‘lp’ folder called 'images'. Can include images, CSS/Js files, font files, pdf files, etc.

  • Zip file guidelines

    • Single 'lp.zip' file with no password of your lp folder container your 'index.html' file and 'images' folder.

    • The 'index.html' file must contain the required '##iframe##' placeholder that will be replaced by the URL of your chosen form in the selection below.

Finally when all has been completed out the user will be able to save

When replacing a custom (hosted) landing page the user can repeat the upload process to overwrite the existing landing page.

 HIGH

 

 

3

Delete a Landing Page (Templated or Custom)

As an Admin, Agency or Creative Manager user, they will have the option to delete a landing page on the campaign.

HIGH

 

 

4

View a Landing Page (Templated or Custom)

As an Admin, Agency or Creative Manager user, they will have the option to preview a landing page on the campaign which will be displayed on a separate tab.

HIGH

 

 

5

Custom Tables

As an Admin, Agency or Creative Manager user, they will have to option to customise the table with selected options to choose from

HIGH

 

 

6

Column Filter(s)

As an Admin, Agency or Publisher user, they will have to option to filter certain table columns with selected options to filter on.

HIGH

 

 

User interaction and design

Templated Landing Page

https://projects.invisionapp.com/d/main#/console/18291004/379835637/preview

Hosted Landing Page

Open Questions

Question

Answer

Date Answered

Question

Answer

Date Answered

 

Out of Scope

Validation on deleting a landing page, eg if the landing page has tracking links assigned. We will need to prompt the user to delete these tracking links before deleting the landing page

Related content