Skip to main content

Setting Up Your Website

Welcome! Getting started with Uscreen is easy!

Updated today

Let us walk you through setting up your storefront! This article will take you step-by-step through editing your website and getting it launched quickly.

Before You Begin

Before diving into website setup, we recommend having these assets ready:

  • Your brand logo (480x192 px, preferably PNG with transparent background)

  • Brand colors (primary and accent colors)

  • Basic content structure (2-3 main categories)

  • At least 10 videos to populate your site


Access The Website Editor

To access the website editor:

  1. Log in to your Uscreen Admin Area

  2. Click on Website in the left sidebar menu

  3. Click on Edit Website at the top right of the screen

πŸ’‘ TIP: The top navigation bar and the sidebar options are only visible to admins. This indicates that you're in edit mode.


Step 1: Customize the Branding

In the website editor sidebar, select the Branding tab

Colors and Theme

  1. Choose your Brand color

    • which affects buttons, links, and call-to-action elements

  2. Select your Color scheme

    • Light or Dark mode

ℹ️ INFO: Our system automatically checks color contrast to ensure accessibility. If there are contrast issues, we'll notify you with suggestions.

πŸ”— Learn more about Customizing the Storefront Colors

Logo and Favicon

  1. Upload your Logo

    • Recommended: 480x192 px, PNG with transparent background

  2. Upload your Favicon

    • 192x192 px, ICO or PNG file; this appears in browser tabs and bookmarks

  3. Set your Website Name

    • This will display if no logo is uploaded

πŸ“ NOTE: Image files must be under 100MB. If your files exceed this limit, compress them before uploading.


Step 2: Configure the Navigation

In the website editor sidebar, select the Navigation tab

Main Navigation Menu

  1. Customize your Top Navigation items, which appear in the header of your site

  2. Arrange menu items by dragging and dropping them into your preferred order

  3. Click the gear icon next to each item to adjust visibility settings

Footer Navigation

  1. Scroll down to the Footer menu section

  2. Customize footer links, which typically include Terms & Conditions, Privacy Policy, and Contact pages

  3. Toggle visibility for any items you want to hide or show

πŸ”— Learn more about Storefront Navigation Menu

Set Your Homepage

Uscreen offers two main options for your homepage:

Option 1: Use Your Catalog Page (Default)

By default, your video catalog serves as your homepage, displaying your content categories and featured videos.

Option 2: Create a Custom Landing Page

For a more personalized experience:

  1. Navigate to Marketing > Website Landing Pages

  2. Create a new landing page using our drag-and-drop builder

  3. Once published, you can set it as your homepage by specifying it in the Home menu item

πŸ”— Learn more about Website Landing Pages

ℹ️ INFO: Uscreen now uses a unified theme system rather than multiple templates. This provides a consistent design while allowing extensive customization.


Step 3: Review the Catalog Settings

In the website editor sidebar, select the Catalog tab

πŸ”— Learn more about the Catalog

Category Display

  1. Determine how categories are displayed on your catalog page

  2. Arrange the order of categories by dragging and dropping

  3. Customize category thumbnails and descriptions for better user navigation

  4. Optionally, select a Featured Category that will appear as a hero banner on the Catalog page

πŸ”— Learn more about Categories

Catalog Features

Enable or disable these member experience features:

  • Show My Library

    • Allows members to access their saved content

    • πŸ”— Learn more about My Library

  • Show Continue Watching

    • Displays videos that members have started but not completed

    • πŸ”— Learn more about Continue Watching

  • Show Mark as Watched

    • Gives members the ability to mark videos as completed

    • πŸ”— Learn more about Mark as Watched

  • Show Video Notes

    • Enables members to take notes while watching videos

    • πŸ”— Learn more about Video Notes

πŸ’‘ TIP: These additional features are optional and can be enabled or disabled at any time, so you can test how they appear and function.


Step 4: Manage the Advanced Settings

In the website editor sidebar, select the Advanced tab

SEO Settings

  1. Configure site-wide SEO settings

  2. Set default meta title and description

  3. Connect with Google Search Console for better search visibility

Website Settings

  1. Configure the domain of your storefront

  2. Set the site-wide language to match your content and target audience

  3. Specify the URL of your Terms & Conditions page

    • This is the Terms & Conditions link that appears at checkout

πŸ”— Learn more about Setting your Storefront Domain

Custom Code

  1. Add custom CSS to further customize your site's appearance

  2. Insert tracking codes for analytics platforms

  3. Implement third-party integrations through code snippets

πŸ”— Learn more about Code Snippets

Maintenance Mode

Enable Maintenance Mode when you need to make significant changes to your site:

  1. Toggle the Maintenance Mode to enable or disable it

  2. Admins can still access the site while in maintenance mode

πŸ’‘ TIP: Maintenance Mode is ideal for when you're making major updates or redesigning your site. It prevents users from seeing incomplete changes while you work.

πŸ”— Learn more about Maintenance Mode


Launch Checklist

Before announcing your site to the world, go over these essential tasks:

βœ”οΈ Upload videos with engaging thumbnails

βœ”οΈ Organize content into 2-3 logical categories

βœ”οΈ Create monthly and yearly subscription plans

βœ”οΈ Assign all content to the appropriate subscription plans or offers

βœ”οΈ Test the user experience by previewing your site

βœ”οΈ Set up payment processing

βœ”οΈ Test the purchase flow with a test transaction

πŸŽ‰ Congratulations! Your website is now ready to be launched!

You have the option to continue making tweaks and customizations over time, but after reading this article, you should have a good understanding of how to edit and customize your website.


FAQs

Can I change my website design after launch?

Yes, you can update your website design at any time without affecting your content or subscriber accounts.

How do I preview my site as a visitor would see it?

Use the impersonation feature to see your site as visitors would, or create a test user account to experience the full member journey. πŸ”— Learn more about the Impersonation Feature

Will my website work on mobile devices?

Yes, all Uscreen websites are fully responsive and optimized for mobile viewing.

How do I track website performance?

Integrate Google Analytics or HotJar through the integrations menu in the Advanced tab. πŸ”— Learn more about Integrations

Did this answer your question?