Using the Landing Page Builder

Updated April 10, 2023 11:19

Introduction to the Landing Page Builder

SundaySky's landing page builder enables you to create a professional landing page from which viewers can play the video you created. Instead of relying on technical resources to build the page, you can create and update the page completely on your own. The SundaySky landing page builder, developed based on extensive video expertise as well as on best practices, creates landing pages that are fully responsive and mobile-friendly.

You can create the landing page before you've completed creating your video or after you've completed the video and are ready to publish—whenever is more convenient for you.

If you are implementing the SundaySky API data connector, you will not be able to use the SundaySky landing page builder.
Instead, you can embed the SundaySky player in a landing page that you've created using these guidelines.

Configuring the Landing Page

1.	Access the relevant video.
2.	On the video page, click + Create a Landing Page.

The landing page builder opens. By default, the logo (if exists), text style, and colors of the landing page are configured according to the video's brand configuration. All of these components and others can be edited easily. Continue reading to learn how to customize each element of the landing page.

The screenshot above displays a landing page for a video created with a horizontal aspect ratio. If your video was created with a vertical aspect ratio, the landing page will be set up accordingly.

Click to see the vertical layout

3.	Click the relevant tab below to learn how to customize the element. As you make changes, they are reflected immediately on the page.

If the video's brand configuration includes a logo, it is displayed at the top of the page. Note that it is not mandatory to display a logo on the landing page and the logo can be removed completely.

To upload or change the logo:
1.	Open the Logo expander.

2.	Click the thumbnail of the current logo. ▶ If there is no logo in the brand configuration, the thumbnail is blank.

3.	From your media library, select or upload the logo that you want to use. See Uploading Assets to the Media Library to learn more.
4.	(Optional) After uploading the logo, click the Edit logo icon by the thumbnail to crop or flip the logo.

The default poster image for the video is displayed in the center of the page:

To change the poster image:
1.	Open the Poster Image expander.

2.	Click the thumbnail of the current poster image.

3.	From your media library, select or upload the image that you want to use. See Uploading Assets to the Media Library to learn more.

The video player controls located beneath the player window can be configured without the need for writing any code. After configuring the options in this section, we recommend that you preview the page to test all the functionality.
a. Pin player bar Toggle on if you want the control bar to always appear beneath the video. Toggle off if you want the control bar to appear only when the viewer interacts with the video.
b. Enable chapters Toggle on if you want to enable chaptering, providing viewers with the ability to navigate quickly between the scenes in the video. In addition to toggling the option on, you will need to publish the video in order to see the chapters in the player. Toggle off if you do not want to enable chaptering. In addition to toggling the option off, you will need to publish the video in order to remove the chaptering from the player.
c. Show transcript button Toggle on to add a button that, when clicked, displays a detailed video transcript in a new tab. Displaying the transcript—which describes all the audio and visual elements in the video— enables visually impaired users to listen to the video using screen-reading technology. Regarding the names of media assets in the transcript: 1. If you are using an asset from the Getty libraries, the description provided by Getty for the asset is included in the transcript. 2. If you have uploaded a media asset from your computer, make sure that you have given it a meaningful name so that it will be understandable to the user. Click to see an example of a detailed video transcript Toggle off if you do not want to include the transcript button.
d. Turn CC on by default Toggle on to turn closed captioning on when the video starts playing. Toggle off if you do not want closed captioning to turn on automatically when the video starts playing. ▶ Regardless of the setting, viewers can turn the closed captioning on or off while watching the video.
e. Show a large Play icon Toggle on to replace the standard-sized play arrow with a larger arrow. This can be useful for grabbing attention on a small or busy screen. Toggle off to display the standard-sized play arrow.
f. Show a rectangular Play icon Toggle on to replace the round play button with a rectangular play button. You can enlarge this button by also toggling on Large center play icon. Toggle off to display the standard round play button.

The landing page includes three sections of text that you can edit or remove completely: title, subtitle, and legal. The text styles for these sections are taken from the brand configuration. Title uses Heading; Subtitle uses Sub-heading; and Legal uses Footnote.

To edit or remove the text:
1.	Open the Text expander.

2.	Select the text that you want to edit.

3.	Type the new text or remove all the text if you want the section to remain blank.
4.	Click anywhere outside the text field to preview the change.

Tip!

If you have entered text but do not see the text on the landing page, it is because you have defined your Primary color to be white. In such a case, you will need to change it from white to any visible color.
See Configuring Brand Colors to learn how to configure colors in a brand configuration.

If you'd like to, you can add a clickable button to the landing page.
1.	Open the Page Button expander.

2.	In the Button Text field, type the text that you want to display on the button and then click anywhere outside the field to save.

3.	In the Button URL field, type the URL that viewers will be directed to when they click the button and then click anywhere outside the field to save.

The button is added to the landing page. ▶ Note that the button is added only if both Button Text and Button URL are defined.

By default, the color used for both the text and button in the landing page is the Primary color as defined in the brand configuration. This color can be changed to any color you like. Note that the color you select will not affect the color selected in the brand configuration.
To change the color:
1.	Open the Colors expander.

2.	Click the current color.

3.	Select a new color by doing one of the following: a. Enter the hex code. b. Enter the R, G, and B numeric values. c. Use the color slider to visually select a color. d. Select a color from the brand configuration.

If you'd like, you can include an NPS survey at the end of the video. This survey, designed to gauge customer satisfaction, consists of only one question.
The question states: After watching this video, on a scale of 0 to 10, how likely are you to recommend our business to a friend or colleague?
The survey appears after 90% of the video has played (see example below). The results of the survey are aggregated and displayed in the Survey Analysis dashboard.

Toggle on the NPS option if you would like to include the survey:

4.	When you are happy with how the page looks, click Create Page at the bottom right of the page.

You are directed back to the video page, where you can see that the status of the landing page is currently inactive and ready to be published. After your video is published to your landing page, your channel becomes Active (instead of Inactive).

Landing Page Actions

Once you have created the landing page for a video, there are various actions that can be taken from the Channels section of the video page.

#	Action	Icon	Description
1	Copy page URL		Click Copy page URL to generate a live landing page URL that is copied to your clipboard. This URL can be added to records in a company database, with each URL appended with a unique ID according to viewer.
2	Generate page links (CSV)		Click Generate page links (CSV) to send links using the CSV data integration. See Generating the Video Links for detailed guidelines.
3	Edit		Click Edit to update the landing page. When you have finished editing, click Update Page at the bottom of the landing page builder:
4	Test Page		Click Test Page to generate a landing page URL that is copied to your clipboard. The URL is active for 7 days and can be used for showing the page to others before actual publishing. The following notation appears on the page:
5	Deactivate Page		Click Deactivate Page to deactivate the landing page. Those trying to access the URL will receive a message that the page is no longer available. When you are ready to activate the page again, select Activate Page from the same menu.
6	Delete Page		Click Delete Page to delete the landing page entirely.

Generating the Video Links

1.	Publish the video according to your account configuration, either by direct track or via SundaySky.

2.	Activate the landing page.

The status of the page is updated to Active.

3.	Select Generate page links (CSV).

4.	Upload your data file using either of the following options: a. Drag and drop the file to the area bordered by the dotted lines. b. Click Browse and then locate and upload the file from your local or cloud storage. ▶ See Preparing the Data File for specific guidelines on how to structure and prepare this file.

5.	Click download video links. ▶ At this stage, the data is saved in the SundaySky platform and the unique video links are generated.

6.	Open the downloaded file with the video links. ▶ This file can also be sent to your email service provider.

Important Notes

1.	While configuring the landing page, you can see how it will display on a mobile device by clicking the relevant icon on the left side of the page.

2.	The selected brand configuration for the video is used for the initial configuration of the landing page. If this brand configuration is changed in the future, the landing page is not affected.
3.	The full URL structure of the landing page is: https://myvideo.sundaysky.com/?programId=<program id>

Was this article helpful?

0 out of 0 found this helpful

Still Have Questions?

SundaySky Support is here for you

contact support

Distribution Methods

Using the Landing Page Builder

Introduction to the Landing Page Builder

Configuring the Landing Page

Landing Page Actions

Generating the Video Links

Important Notes

More articles from Distribution Methods

Still Have Questions?