download the showit website guide

Learning how to use your website platform sounds a little scary, but I'm going to make it super simple for you. I've compiled all the info, resources, and support you'll need to learn how to manage your website on Showit.

Showit website SUPPORT

enroll in showit 101

Prefer course format?

If you're new to Showit, this is the absolute best place to start for an overview of Showit. They provide a full understanding of the basic tools you need to build and launch the site of your dreams with Showit.

SHOWIT overview

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"



Customizable Vimeo Embed

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

Customizable Vimeo Embed

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

Customizable Vimeo Embed

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

Customizable Vimeo Embed

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

Customizable Vimeo Embed

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

Customizable Vimeo Embed

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

Customizable Vimeo Embed

Video #7: Managing Pages & Canvases

tools

images

website resources

get the launch kit

You've worked hard to build your website and are ready to show it off to the world. But, how do you do that? Here are some helpful resources for making the most of your launch.

LAUNCH support

ready to launch?

submit your site to be featured

There's nothing I love more than celebrating the launch of your site with you! Let me know you're launching so I can join in the celebration + submit your site for the showcase.

Let's CELEBRATE

is your site live?

I've provided some of the most basic and helpful tutorials here, but I know there is always something else that comes up. Showit has great support that can help with anything, and I am always happy to help when I can too.

let me help you find what you need

have another question?

Submit a support ticket

reach out to showit for help