Wondering how to swap an image or navigate the Showit interface? These videos cover all the basics you need to know in order to confidently manage and update your website yourself.
Welcome to the Studio Designs Support Center
Video #7
Managing Pages & Canvases
Video #6
Text, Links, & Canvas Views
Video #5
Images, Canvases & Galleries
Video #4
Media Library & Uploads
Video #3
Design Settings & Site Styling
Video #2
Interface & Navigation Basics
Video #1
Account Setup & Template Import
Chapter 1: Account Creation (0:00 - 0:31)
0:00 - Welcome and training overview
0:07 - Navigate to showit.com and "Create Your Site"
0:14 - Submit email to start free trial
Chapter 2: Login & Access Design App (0:21 - 0:38)
0:21 - Sign in with account details
0:33 - Confirm email and open Design App
Chapter 3: Template Import Process (0:38 - 1:28)
0:38 - Access "Designs" and "Add to Design Library"
0:50 - Enter secret share key from template purchase
1:00 - Preview and add design to library
1:22 - Select site and "Start with this design"
Video #1: Account Setup & Template Import
Chapter 1: Left Panel Overview
0:00 - Basic interface introduction
0:06 - Site vs Page tabs explanation
0:22 - Site settings, design settings, and media library locations
Chapter 2: Desktop & Mobile Views
0:51 - Independent desktop and mobile control and viewing options
Chapter 3: Zoom Controls & Tools
1:37 - Zoom controls and keyboard shortcuts
2:10 - Grids & Guides
2:30 - Adding elements (text, shapes, icons, videos)
Chapter 4: Smart Panel & Publishing
2:45 - Preview vs Publish differences
3:28 - Right sidebar "smart panel" functionality
4:32 - Showit Support & Help Docs
Video #2: Interface & Navigation Basics
Chapter 1: Design Settings Overview
0:00 - Introduction to design settings
0:10 - Color palette & Font styles overview
0:30 - Custom Fonts (WOFFs)
Chapter 2: Applying Design Changes
1:04 - Using style guide to demo changes
1:45 - Color palette assignments and effects
2:48 - Google Fonts
3:33 - WOFF files
4:08 - Font assignment and styling
Chapter 3: Desktop vs Mobile Styling
5:53 - Mobile font adjustments and scaling
6:29 - Split styling between desktop and mobile
7:04 - Merging and splitting style settings
Video #3: Design Settings & Site Styling
Chapter 1: Accessing Media Library
0:00 - Introduction to media library importance
0:11 - Navigate to media library in top left corner
Chapter 2: Uploading Files & File Types
0:31 - Choose files to upload vs drag and drop
0:45 - JPEG vs PNG file types and transparency
0:58 - Video, SVG, and PDF upload requirements
Chapter 3: Organizing with Folders
1:29 - Creating new folders for organization
1:50 - Moving files to folders
Chapter 4: Best Practices & File Optimization
2:13 - Optimal file size (300-500kb range)
2:37 - Site speed considerations
Video #4: Media Library & Upload Requirements
Chapter 1: Canvas Backgrounds - Images
0:00 - Introduction to different photo placement types
0:13 - Editing canvas background images
0:40 - Size settings (contain vs fill) and scroll actions
Chapter 2: Canvas Backgrounds - Videos
1:55 - Adding video as canvas background
2:10 - Video requirements (8MB, no sound)
2:27 - Video settings (fallback, duration, scroll effects)
Chapter 3: Desktop vs Mobile Background Splitting
3:12 - Checking mobile version
3:26 - Splitting desktop and mobile backgrounds
Chapter 4: Static Images & Image Editing
4:20 - Editing static images on canvas
4:51 - Image cropping and positioning controls
Chapter 5: Galleries & Gallery Settings
5:31 - Creating and managing image galleries
6:08 - Gallery styles (simple, tiled, sliding, carousel) and settings
Chapter 6: Instagram Integration
8:43 - Connecting Instagram account
8:55 - Instagram display options and settings
9:13 - Managing fallback images for Instagram grid
Video #5: Images, Canvases & Galleries
Chapter 1: Basic Text Editing
0:00 - Introduction to text editing
0:10 - Double-clicking to edit text content
0:37 - Mobile version spacing considerations
Chapter 2: Text Styling & Shortcuts
1:05 - Smart panel text style options
1:19 - Using preset text styles (title, heading, paragraph)
1:27 - Connection to design settings
Chapter 3: Linking Buttons & Images
2:00 - Linking text buttons to pages
2:16 - Click actions dropdown options
2:53 - Linking images and canvas-specific links
Chapter 4: Testimonial Canvas Views
3:27 - Understanding canvas views in testimonials
3:56 - Canvas view folders and navigation
4:38 - Click actions and loop settings
Chapter 5: Page Naming & Link Management
4:59 - Importance of consistent page naming
5:15 - How page name changes break existing links
Video #6: Text, Links, & Canvas Views
Chapter 1: Adding & Organizing Pages
0:00 - Adding new pages from library or blank pages
0:30 - Page organization with folders
0:49 - Duplicating existing pages
Chapter 2: Adding & Managing Canvases
1:04 - Adding canvases to existing pages
1:26 - Canvas options (duplicate, copy/paste, library)
1:48 - Applying brand fonts and colors to new canvases
Chapter 3: Canvas Management
2:25 - Mobile version and size adjustments
2:42 - Deleting canvases vs hiding them
2:49 - Visibility settings for desktop and mobile
2:58 - Publishing changes to hide canvases
Chapter 4: Site Canvases vs Page Canvases
3:06 - Understanding site canvases (global elements)
4:09 - Converting between site and page canvases
