Skip to main content

Showit Overview + Terminology

Written by Sam

Welcome to Showit!

This guide will introduce you to the most common Showit terms you'll come across while working on your website.


Pages

Pages are exactly what they sound like, they're the individual pages that make up your website.
​
Some common examples include:

  • Home

  • About

  • Books

  • Events

  • Extras

  • Contact


Canvases

Think of a canvas as a section of a page. Instead of designing one long web page, Showit stacks multiple canvases together to create the finished page!
​

For example, your home page might include:

  • A hero canvas

  • An about canvas

  • Books

  • Newsletter sign up

  • Directory

  • Footer

Each of these would be its own canvas. This makes it much easier to move, duplicate, or edit individual sections without affecting the rest of the page.


Site Canvases vs. Page Canvases

Site Canvases

A Site Canvas is shared across multiple pages on your website.
​

The most common examples are your:

  • Navigation

  • Footer

  • Announcement Bar

If you update a Site Canvas, those changes will automatically appear everywhere that canvas is being used.
​

Page Canvases

A Page Canvas only exists on one specific page. Changes made here will only affect that page.


Desktop & Mobile Views

Every page in Showit has two versions:
​1. Desktop View is what visitors see on a computer.

2. Mobile View is what visitors see on a phone or tablet.
​

Because these layouts are edited independently, you'll often need to make small adjustments in both views to ensure your website looks great on every device!


Image Frames

Images in Showit sit inside image frames. When you want to swap a photo, you'll usually replace the image inside the frame, not recreate the entire section.

This helps keep your design and spacing exactly as intended.


Text Properties

Whenever you click on a text box, you'll see its text properties.


This is where you can adjust things like:

  • Font

  • Font size

  • Color

  • Alignment

  • Line spacing

  • Letter spacing

These settings control how your text appears throughout your website.


Click Actions

Buttons, images, and even text can have what's called a Click Action.
​

This simply tells Showit what should happen when someone clicks on that element.
​

For example, a Click Action can:

  • Open another page

  • Scroll to a section on the same page

  • Open another URL

  • Start an email


Preview vs. Publish

One of the best things about Showit is that your edits aren't live while you're working. If you click Preview, it will show generate a preview link for you where you can preview the site on both your phone and computer to make sure everything looks good!
​

You can make as many changes as you'd like without visitors seeing them.

When you're happy with your updates, click Publish to make those changes live.


Still Need Help?

If you're still unsure about something after reading this guide, don't worry! Reach out to our team and we'll be happy to help point you in the right direction.

Did this answer your question?