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 & Get Link at the top of the Landing Page Builder. |
| A message is displayed at the bottom of the page, confirming that the landing page has been created. | |
| ▶ 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 six sections, each with settings that you can configure. As you configure the settings for the various components, the landing page preview on the screen changes accordingly.
Click the relevant link below to learn how to customize the settings in each section.
| Logo | Text | Player | Buttons | NPS | Privacy policy |
If the brand used for the video includes a logo, it is displayed at the top of the landing page. It is not mandatory to display a logo and, if you prefer, it can be removed.
| ▶ Replacing the logo | |
| 1. | Click Logo on the right side of the Landing Page Builder. |
| 2. | Click the Options menu on the logo thumbnail. |
| 3. | Select Replace media. |
| 4. | From the Media Library, select or upload the logo image that you want to use. See Adding or Replacing a Media Asset to learn more. |
| 5. | (Optional) After replacing the logo, click the Edit asset icon on the thumbnail to crop or flip the logo. |
| ▶ Removing the logo | |
| 1. | Click Logo on the right side of the Landing Page Builder. |
| 2. | Click the Options menu on the logo thumbnail. |
| 3. | Select Remove. |
| The logo is removed. | |
The landing page includes three sections of text that you can edit or remove completely: title, subtitle, and legal.
To edit the text:
| 1. | Click Text on the right side of the Landing Page Builder. |
| 2. | In the relevant text section, select the text that you want to edit. ▶ Individual letters and words can be selected. |
| 3. | Edit and format the text according to your preferences. ▶ See the list of formatting options below. ▶ For your convenience, you can also pop out the formatting window. |
| 4. | After you have finished editing and formatting, click anywhere outside the text fields. |
| The relevant text is updated on the landing page. | |
| 1 | Bold |
| 2 | Italic |
| 3 | Horizontal alignment (left, center, right) |
| 4 | Text color; use the Color Picker to change the color. |
| 5 | Text background color; use the Color Picker to change the color. |
| 6 | Font type |
| 7 | Font size |
Use this section to configure the following settings:
| 1. |
Pin player bar Toggle on if you want the player bar to always appear beneath the video. Toggle off if you want the player bar to appear only when the viewer hovers the mouse over the video. |
| 2. |
Enable chapters |
| 3. |
Show transcript button Click to see an example of a video transcript
|
| 4. |
Turn CC on by default |
| 5. |
Show a large Play icon |
| 6. |
Show a rectangular Play icon |
By default, the color and outline of the play button on the landing page is the Primary color as defined in the brand used by the video. This color can be changed to any color that you like.
| 1. | Click the color icon. |
| 2. |
Select a new color by doing one of the following: a. Select one of the brand colors. b. Use the color slider to visually select a color. c. Enter the hex code. d. Enter the R, G, and B values. |
| 3. | Click anywhere outside the Color Picker to close the dialog window. |
The default poster image—also known as the video thumbnail—is displayed in the center of the page. It can be replaced with any image (with these media specifications) from the Media Library or your computer.
| 1. | Click the Options menu on the image thumbnail. |
| 2. | Select Replace media. |
| 3. | From the Media Library, select or upload the image that you want to use. See Adding or Replacing a Media Asset to learn more. |
| 4. | (Optional) After replacing the image, click the Edit asset icon on the thumbnail to crop or flip the image. |
Use this section to add a clickable call-to-action button to the landing page.
| 1. | Click Buttons on the right side of the Landing Page Builder. |
| 2. | Toggle the switch to Call to action button. |
| 3. | In the Button Text field, type the text that you want to display on the button and then click anywhere outside this field. |
| 4. | (Optional) Select the text and then apply any desired formatting: bold, italics, text color, font type, font size. |
| 5. | In the Button URL field, type the URL that viewers will be directed to after clicking the button, and then click anywhere outside this field. ▶ The protocol http:// or https:// must be included in the URL for the link to be valid. |
| 6. | (Optional) Click the color icon to change the color of the button. |
| After configuring all the settings, the button is added to the landing page. | |
If relevant to your content, 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.
To include the survey, toggle on the NPS option:
Use this section to include a link to your privacy policy on the landing page.
| 1. | Toggle on the Privacy policy option. |
| 2. | In the Privacy Policy URL field, type the URL that viewers will be directed to after clicking privacy policy on the landing page, and then click anywhere outside this field. ▶ The protocol http:// or https:// must be included in the URL for the link to be valid. |
| A link to your privacy policy is added to the landing page. Clicking the link displays the privacy policy in a new tab. | |
Sharing a Landing Page
| 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: |