Creating a SundaySky Landing Page

Updated August 19, 2024 16:10

Overview

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 a landing page that is fully responsive and mobile-friendly.

Here are the key points to know about using the SundaySky Landing Page Builder:

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.
The landing page that you create can feature either a personalized or non-personalized video.
The visibility of the landing page is based on the landing page access that you define.
If you are using 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.
We recommend that you also read the following articles, related to the SundaySky Landing Page Builder:
Setting the Landing Page Access for a SundaySky Landing Page
Previewing a SundaySky Landing Page
Editing a SundaySky Landing Page
Deleting a SundaySky Landing Page
For in-depth information on sharing a video in general, see Sharing a Video.

Note:
The instructions for sharing a landing page in this article pertain to a video that is not personalized. If your video is personalized, refer to the end-to-end articles according to data connector for complete instructions.

Creating a Landing Page

1.	Open the relevant video in the Video Page.
2.	Select the Share tab on the left side of the page.
3.	On the right side of the page, next to Landing Page, click the plus sign.

4.	Configure the page using the Landing Page Builder.
5.	After you finish configuring all the components of the landing page, click Create Page at the bottom of the Landing Page Builder.

	▶ If the video has already been approved, the landing page URL is displayed. At this stage, you can copy the link and share it with your viewers. We recommend previewing the landing page before sending the link. ▶ If the video has not yet been approved, follow the sharing instructions when you are ready to share the landing page with your viewers.

Using the Landing Page Builder

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 applied to 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 replace the logo:
1.	Open the Logo expander.

2.	Click the Options menu.

3.	Select Replace media.
4.	From the Media Library, select or upload the logo that you want to use. See Adding or Replacing a Media Asset to learn more.
5.	(Optional) After uploading the logo, click the Edit asset icon on the thumbnail to crop or flip the logo.

The default poster image (displayed in the center of the page) can be replaced with any image from the Media Library or from your computer. The image you use needs to meet these media specifications.

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

2.	Hover over the image thumbnail and then click the Options menu.

3.	Select Replace media.
4.	From the Media Library, select or upload the image that you want to use.

5.	Click Save at the bottom of the Media Library.
6.	(Optional) After replacing the image, click the Edit asset icon on the thumbnail to crop or flip the image.

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

1.	Open the relevant video in the Video Page.
2.	In the Edit tab, approve the video.

3.	In the Share tab, by Landing Page, click the Share icon.

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

Notes

1.	When using the Landing Page Builder, you can see how the landing page will display on a mobile device by clicking the mobile image on the left side of the page.

2.	The brand selected for the video is the brand 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

SundaySky Hosted Video

Creating a SundaySky Landing Page

Overview

Creating a Landing Page

Using the Landing Page Builder

Sharing a Landing Page

Notes

More articles from SundaySky Hosted Video

Still Have Questions?