Landing Pages are standalone web pages designed with a focused objective, such as making a sale or promoting specific content. They're typically linked from advertisements, email campaigns, or social media to drive conversions.
📝 NOTE: The Landing Page is an exclusive feature for the website, so the created pages will not appear on mobile or TV apps.
Create a Landing Page
Navigate to Marketing > Website Landing Pages
Click Create a Page
Select from an assortment of pre-made templates
Click Choose Template
ℹ️ INFO: The feature is available for all Uscreen plans, and there is no specific limit to the number of pages you may create.
Customize your Landing Page
Working with Blocks
When editing your landing page, you'll notice a dashed blue border around each section when you hover over it. Each block offers different customization options:
Edit Block: Click Edit Section to modify content and styling.
Add New Block: Click the blue circle plus icon to insert a new section.
Delete Block: Use the trash icon to remove an unwanted block.
Move Block: Rearrange the section using the up and down arrows.
📝 NOTE: The maximum allowed image file size for Landing Page blocks is 100 MB. If your file is exceeds this limit, please compress it before uploading.
Block Types and Options
The landing page builder offers various block types to create engaging pages.
Hero Banner | Large top section with background image or video, title, subtitle, and CTA button |
Text | Simple text block, consisting of a heading and a subheading, with formatting options |
Email Capture | Embedded form for collecting email addresses and names from visitors and adding them to the Email Capture segment |
Text & Image | Combines text content with an image |
Content Spotlight | Featured content cards with images and descriptions |
Team | Staff profiles with photos, names, titles, and descriptions |
Single Quote | Highlighted testimonial with optional image |
Testimonials | Customer quotes with optional images and ratings |
Pricing Block | Showcases the offer pricing options with a feature list |
Benefits Spotlight | Highlights key benefits with icons and descriptions |
Call to Action (CTA) | Prominent button with persuasive text |
Apps & TV Devices | Displays supported platforms and devices |
Text & Video | Text content alongside embedded video |
FAQ | Expandable questions and answers |
Custom HTML | Insert inline custom HTML, CSS, or JavaScript code |
💡 TIP: Each block offers multiple design and layout variations. To explore the options, click Choose Design from the left sidebar.
Mobile Responsiveness
Toggle between desktop and mobile views at the top center of your window to preview your page and ensure your page looks great on different screen sizes. The backend code automatically adjusts for various screen sizes, including tablets.
📝 NOTE: The recommended image dimensions are designed to work across most devices. To preserve the image quality, the section crops the images instead of scaling them for smaller screen sizes.
For more precise image control, consider using the custom HTML block.
Page and SEO Settings
Click Settings in the upper right corner to access the options.
Change the Page Name
The name of your landing page, which also serves as the SEO title
Customize the Page URL
The unique
/page/slug of your landing page URL
Add SEO description
The meta description of the page
Enabling the Head Code Snippet
The Head Code Snippet allows you to extend advanced customization to your landing pages, such as tracking codes or verification tags.
Enabling the feature applies your custom codes inserted in the Head Code section.
💡 TIP: This option can be enabled or disabled at any time and is managed independently for each Landing Page.
Use your Landing Page
There are several ways you may use your created Landing Page.
Set a Landing Page as your Homepage
You can use a landing page as your storefront's homepage instead of the default Catalog.
Navigate to Website
Go to the Navigation tab
Find Home and click the gear icon
Select your Landing Page from the dropdown
Click Save & Apply
Add your Page to the Navigation Menu
To make your landing page accessible from your site's navigation menu.
Navigate to Website
Go to the Navigation tab
Click Add navigation link
Specify the title of the menu item
Select your Landing Page from the dropdown
Tick Show on website navigation
Click Save & Apply
💡 TIP: To make the menu item open in a new browser tab, choose Use Custom URL instead. Then, enter the absolute URL of your Landing Page including https://.
Save and Backup your Landing Page
Autosave Function
The Landing Page Builder includes an automatic save feature that preserves your changes as you work.
Real-time Saving
Changes are saved automatically as you edit your landing page
Visual Confirmation
A green All changes saved confirmation appears in the upper right corner when your work is successfully saved
No Manual Save Button
Unlike traditional editors, there's no need to click a save button
Continuous Protection
The system continuously saves your progress to prevent work loss
💡 TIP: If your Landing Page is not auto-saving or is showing an error, this is likely because the page URL is already in use by another existing page. Replace the page slug or find and edit the URL of the other page.
Duplicate Feature (Backup Method)
Since there are no automatic or manual backups for landing pages, Uscreen provides a duplicate feature as the recommended backup method.
Find the Landing Page that you want to backup
Click the ellipsis (three dots)
Select Duplicate
📝 NOTE: Further changes to the original Landing Page will not apply automatically to the created duplicate.
FAQs
Can I password-protect my landing pages?
Can I password-protect my landing pages?
Landing pages don't have a native password protection feature. For content restriction, we recommend using video paywall features instead.
Why isn't my custom font applying correctly?
Why isn't my custom font applying correctly?
Section-specific fonts take precedence over general settings. Edit each section individually to apply consistent fonts.
How can I track performance of my landing pages?
How can I track performance of my landing pages?
We recommend setting up HotJar or Google Analytics to track visitor behavior on your landing pages