Using the SundaySky Landing Page

Updated August 30, 2023 21:55

Introduction

With SundaySky's landing page builder, you can 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 while you're creating your video or after you've completed the video and are ready to share it with your audience—whenever is more convenient for you.

Generally speaking, the workflow for creating a landing page is as follows:

Launch the landing page builder
Configure the landing page according to your preferences
Activate the landing page by setting the viewer permission
Share the landing page with your audience

The landing page that you create can feature either a personalized or non-personalized video. In addition, the page is compatible with both the File Upload and URL Parameters data connectors.

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

Launching the Landing Page Builder

After you open the relevant video in the platform, you can reach the landing page builder using either of the following access points:

If you are using the SundaySky API data connector, this option will be disabled.

Configuring the Landing Page

The landing page builder includes eight sections, each with settings that you can configure. As you configure the settings in the various sections, the changes are reflected immediately on the page.
By default, the text styles, colors, and logo (if one exists) are configured according to the brand that was selected for the video. All these components, and more, can be changed according to your preferences.

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

Click the relevant tab below to learn how to customize the settings in each section.

If the brand selected for the video 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 the brand does not include a logo, 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 Show a large 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. 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.

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. 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.
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 defined in the brand.

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

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

To add a link to your privacy policy, enter the URL that viewers will be directed to when they click privacy policy on the landing page.

The protocol http:// or https:// must be included in the URL for the link to be valid.

On the landing page, privacy policy is displayed beneath the poster image. Clicking the link displays the privacy policy in a new tab.

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

Note: If you initiated the landing page from the Share menu, you will be immediately prompted to share your video after clicking Create Page in the landing page builder. The instructions displayed on-screen depend on the data connector that you have selected. See Sharing a Video for more information.
On the video page, a date stamp is added to the SundaySky landing page entry, indicating when it was last edited and by whom. The icon displayed after the editing details indicates the current viewing permission assigned to the landing page.

Setting the Viewer Permission

The viewer permission is what determines if your landing page is visible or not. The SundaySky landing page uses the following two permissions:

Anyone: anyone with a link to the landing page can view the page.
No one: no one can view the landing page. Those trying to access the URL will receive a message that the page is not available.

The behavior of the viewer permission is dependent on the publishing state of the video and the data connector that is in use.

If the video has not yet been published
After you have finished creating the landing page, the viewer permission is set to No one. The permission Anyone is disabled until you publish the video.

If the video has been published
By default, the viewer permission is set to No one. You can set the permission to Anyone at any time.

If the data connector has been changed to SundaySky API
If you have published a video with a data connector that supports the SundaySky landing page (File Upload, URL Parameters, or no personalization) and then changed the data connector to SundaySky API, the viewing permission is automatically changed to No one. This is because the SundaySky API data connector cannot be used with the SundaySky landing page. If this occurs, you can either change the data connector or embed the player on a non-SundaySky page using these guidelines.

Note:
When you share a landing page, the viewer permission is automatically set to Anyone.

To set the viewer permission:

1.	Navigate to the video page.
2.	In the Channels section, at the end of the landing page row, click the three-dot menu and then select Edit Viewing Permission.

3.	Select the relevant permission and then click Apply.

Previewing the Landing Page

If you would like to test the landing page before sharing it with your audience, you can generate a preview page. The video played in the preview page will not be personalized.

To generate a preview page:

1.	Navigate to the video page.
2.	In the Channels section, at the end of the landing page row, click the three-dot menu and then select Preview.

	The preview page is opened in a new tab and the URL is copied to your clipboard. The preview page includes the notation that appears below. ▶ The URL is active for 7 days.

The instructions below apply to a video that is not personalized.

If your video is personalized and you are using the File Upload data connector, see Data Connector: File Upload for how to share the landing page.
If your video is personalized and you are using the URL Parameters data connector, see Data Connector: URL Parameters for how to share the landing page.

Before Starting:
Make sure that the video is published.

On the video page, click Share and then select SundaySky Landing Page.

Follow the steps as displayed on the screen.

a.	Copy and paste the URL into your distribution platform.

b.	Distribute your message with this URL.

Editing the Landing Page

You can edit the landing page both before it is activated (viewer permission set to Anyone) and after it is activated. If the landing page is activated, viewers will see all the edits after you save them. There is no need to republish the video or reshare the landing page.

To edit the landing page:

1.	Navigate to the video page.
2.	In the Channels section, at the end of the landing page row, click Edit.

3.	Edit the landing page as required.
4.	Click Update Page in the landing page builder.

	On the video page, a date stamp is added to the SundaySky landing page entry, indicating when it was last published. The publishing action here refers to the landing page and not to the video.

Deleting the Landing Page

If you decide to delete the landing page entirely, you can do so easily. We recommend proceeding with caution as a deleted landing page cannot be restored.

To delete the landing page:

1.	Navigate to the video page.
2.	In the Channels section, at the end of the landing page row, click the three-dot menu and then select Delete Page.

3.	If you are sure that you want to delete the page, click Delete to confirm.

	The landing page is deleted.

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 brand selected for the video is used for the initial configuration of the landing page. If this brand 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=<video 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 SundaySky Landing Page

Introduction

Launching the Landing Page Builder

Configuring the Landing Page

Setting the Viewer Permission

Previewing the Landing Page

Sharing the Landing Page

Editing the Landing Page

Deleting the Landing Page

Notes

More articles from Distribution Methods

Still Have Questions?