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

or browse the showit library of tutorials

Watch these TUTORIALS to get started

Customizable Vimeo Embed

Chapter 1: Account Creation
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 - Sign in with account details
0:33 - Confirm email and open Design App

Chapter 3: Template Import Process
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"


01. Images, Canvases & Galleries

Customizable Vimeo Embed

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

02. Interface & Navigation Basics

Customizable Vimeo Embed

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

03. Design Settings & Site Styling

Customizable Vimeo Embed

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

04. Media Library & Upload Requirements

Customizable Vimeo Embed

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

05. Images, Canvases & Galleries

Customizable Vimeo Embed

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

Chapter 6: Button Preset Styling
 - 5:42 - Styling buttons in design settings
 - 7:40 - Hover Styling
 - 8:19 - Converting to buttons
 - 8:50 - Adding premade buttons

06. Text, Links, & Canvas Views

Customizable Vimeo Embed

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

07. Managing Pages & Canvases

Customizable Vimeo Embed

Chapter 1: SEO Overview
0:00 - What you can control in Showit

Chapter 2: Page Titles & Meta Descriptions
0:39 - Page Titles
1:53 - Meta Descriptions
2:33 - Share Image

Chapter 3: Image SEO
3:38 - Image Titles
4:14 - Alt Text

Chapter 4: Text Tags & Links
5:19 -Text Tags
6:04 - H1 tags
6:48 - Check For Broken Links

08. Showit SEO Basics

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