Tutorial: The Basics of Showit Website Templates

Getting started with Showit? This is the perfect place to begin. Whether you're brand new to Showit or just installed your first website template, this guide will walk you through how Showit works, what makes it unique, and how to confidently start editing your template.

What is Showit?

Showit is a drag-and-drop website builder designed for creatives. Unlike most platforms, it gives you full design freedom—no code needed. It pairs a fully customizable design experience with the power of WordPress for blogging.

How Do Templates Work in Showit?

Templates in Showit are pre-designed websites you can install and customize. They come with:

• Pages (Home, About, Services, Contact, etc.)
• Canvases (reusable sections like headers, testimonials, etc.)
• Fonts and Colors pre-set for a cohesive look
• Mobile + Desktop Views designed separately

Once installed, a template becomes fully editable — you can change everything from layout and colors to images and text.

Key Parts of Your Showit Template

1. Pages Panel (Left Side):
   Where you'll find and organize your website pages.
2. Canvas Structure:
   Pages are made up of stacked canvases — each canvas is a design section (like a hero banner, gallery, or footer).
3. Design Settings:
   Set your global fonts, colors, and styles in one place for a consistent look.
4. Mobile & Desktop Design:
   Design these independently for total control over responsiveness.
5. Site Canvases:
   Reusable sections like navigation bars and footers. Edit once, and they update across your site.

Getting Comfortable with Editing

• Click and Type: Double-click any text to change it.
• Drag and Drop: Move elements around freely.
• Right Panel: Style fonts, add links, adjust size and spacing.
• Media Library: Upload your images and replace template ones.

What Happens to Your Blog?

If your template includes a blog, it’s powered by WordPress, but visually styled in Showit. You’ll write your posts in WordPress, and they’ll show up beautifully styled thanks to your Showit design.

Need help setting up your blog? Here’s a Showit support article on blog setup.

Tips for Getting Started

• Start by replacing the images and text on your homepage.
• Update your fonts and brand colors in Design Settings.
• Don’t overthink perfection — you can tweak as you go!