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 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. |
|
|
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. 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. 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.
|
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: |
|
On the video page, a date stamp is added to the SundaySky landing page entry, indicating when it was last edited and by whom. |
|
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. |
|
Sharing the Landing Page
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: |
1. |
On the video page, click Share and then select SundaySky Landing Page. |
||||||||
|
|||||||||
2. | Follow the steps as displayed on the screen. |
||||||||
|
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. |