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:
Log in to your Uscreen Admin Area
Click on Website
in the left sidebar menu
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
Choose your Brand color
which affects buttons, links, and call-to-action elements
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
Upload your Logo
Recommended: 480x192 px, PNG with transparent background
Upload your Favicon
192x192 px, ICO or PNG file; this appears in browser tabs and bookmarks
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
Customize your Top Navigation items, which appear in the header of your site
Arrange menu items by dragging and dropping them into your preferred order
Click the gear icon next to each item to adjust visibility settings
Footer Navigation
Scroll down to the Footer menu section
Customize footer links, which typically include Terms & Conditions, Privacy Policy, and Contact pages
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:
Navigate to Marketing > Website Landing Pages
Create a new landing page using our drag-and-drop builder
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
Determine how categories are displayed on your catalog page
Arrange the order of categories by dragging and dropping
Customize category thumbnails and descriptions for better user navigation
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
Configure site-wide SEO settings
Set default meta title and description
Connect with Google Search Console for better search visibility
Website Settings
Configure the domain of your storefront
Set the site-wide language to match your content and target audience
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
Add custom CSS to further customize your site's appearance
Insert tracking codes for analytics platforms
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:
Toggle the Maintenance Mode to enable or disable it
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?
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?
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?
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?
How do I track website performance?
Integrate Google Analytics or HotJar through the integrations menu in the Advanced tab. π Learn more about Integrations