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.

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. |
![]()
|
|
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 |
|
b. Enable chapters |
|
c. Show transcript button Click to see an example of a detailed video transcript
|
|
d. Turn CC on by default |
|
e. Show a large Play icon |
|
f. Show a rectangular Play icon |
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. |
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. |
|
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: |
|
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.
|
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: |
|
|
5. |
Click download video links. |
|
|
6. |
Open the downloaded file with the video links. |
![]() |