A Step-by-Step Guide to Customizing Your Showit Homepage

Learn how to customize your Showit homepage step-by-step with this beginner-friendly guide. Perfect for creatives who want a polished, high-converting website without tech overwhelm.

Your homepage is your virtual front door—first impressions count. Whether you’re launching your first site or customizing a template, Showit makes it possible to design a beautiful, conversion-focused homepage without touching a single line of code.

But let’s be honest: designing your homepage can feel a little intimidating. What should go where? How do you ensure it feels on-brand? And how do you know if it actually works for your business?

That’s where this guide comes in. Here’s what we’ll cover:

• What you need before you touch the canvas
• How to make smart decisions with your design settings
• The must-have sections of a homepage (and what to skip)
• Tips for polishing your site so it feels you, not just “pretty”

By the end of this guide, you’ll know exactly how to:

1. Upload and organize your brand visuals
2. Set your site-wide colors and fonts
3. Arrange your homepage layout strategically
4. Customize your key sections (like hero, intro, portfolio, and CTA)
5. Preview and refine your site for mobile

Let’s dive into your homepage refresh—one intentional step at a time.

Start with Your Visual Assets

Before you open up your homepage layout, gather what you need:

• Your headshot or brand portrait
• Logo files (ideally in an SVG format)
• Portfolio images or product shots
• Background images or textures

In Showit, head to the Media Library, upload your files, and keep them organized in folders (“Headshots,” “Portfolio,” “Homepage Hero,” etc.).

Quick Tip: If you don’t have a logo yet, we sell DIY Canva Brands in the shop.

Set Your Color Palette Intentionally

Stick with 3–5 colors: one primary, a secondary, an accent, and a neutral. Use tools like Coolors or Adobe Color to experiment.

In Showit:

• Go to Design Settings > Site Style
• Paste in your hex codes

Pro Tip: Keep it tight. A cohesive palette feels clean and elevated. And if you’re at a loss for color palette ideas, we have a Canva guide that contains 101 palettes with hex codes.

Choose Fonts That Match Your Voice

Pick 2–3 fonts: usually a heading font, a body font, and maybe an accent. Head to Design Settings > Text Styles in Showit.

Resources to explore:

• Fontpair
• Google Fonts
• Jen Wagner Co. Fonts
• 21 Free Canva Font Combinations
• All of Our Font Resources

Apply fonts across headings (H1, H2, etc.) and paragraph styles for a polished look.

Build Your Homepage Layout

Your homepage should include:

• Hero Image + Headline (This headline should be SEO keyword friendly and convey what you or your client does. Example: Annapolis, Maryland Wedding & Portrait Photographer)
• Intro/About Section
• Services Preview
• Portfolio or Featured Work
• Testimonials
• Call to Action (CTA)

This is where quality templates really shine because most of these items will already be included. And if you’re struggling with copy, Ashlyn’s resources are SO HELPFUL!

Reminder: Simple is strategic. A homepage isn’t meant to say everything.

Add Your Hero Image + Statement

Make this section count:

• Use your strongest visual
• Write a bold headline (one sentence max!) that says what you do and who it’s for (this should contain keywords you would like to rank for)
• Use a subheadline or button to invite action (“See My Work” or “Start Here”)

Write a Quick Introduction

Keep it brief and personal:

• Include a small photo of you (not a logo)
• Keep it to 2–3 sentences: who you are, what you do, and who you help
• Add a “Get to Know Me” link to your About page

Highlight Your Portfolio or Work

Visual proof matters. Even if you’re new, share demo projects or portfolio-building projects.

• Use a clean grid or 3-column layout
• Add mockups or if needed
• Link each image to a full portfolio or case study page

Sprinkle in Testimonials

Choose your top 1–2 reviews:

• Use large, legible text
• Add the client’s name, business, and a photo if you can

Consider adding reviews throughout the homepage (not just at the bottom)

Guide with a Call-to-Action (CTA)

Don’t leave visitors wondering what to do next:

• Use a full-width canvas with contrast
• Keep the copy clear (“Let’s Get Started,” “View Services,” “Book a Free Call”)
• Link to the right place—your services page or inquiry form

Bonus: Add smaller CTAs between sections too!

Always Check Mobile View

• Click the mobile icon in the top left of Showit
• Adjust sizes, alignments, and spacing

Make sure buttons are tappable and fonts are readable. We recommend checking this as you’re building the pages, don’t wait until the very end.

Run a Pre-Launch Checklist

Before hitting publish:

• All links work
• Your contact form submits properly
• Images are compressed
• It looks great on tablet and mobile

Now—you’re ready to hit “Publish” and share your site with the world. You did it!

Bonus – We have a downloadable Showit launch checklist you can grab here.

Key Takeaways

1. Organize and upload only your best brand visuals.
2. Keep your color palette minimal and intentional.
3. Use 2–3 strategic fonts for a professional feel.
4. Include just the essentials on your homepage.
5. Make your hero section clear and client-focused.
6. Introduce yourself in 2–3 sentences with a personal photo.
7. Showcase work even if it’s demo-based.
8. Embed testimonials for social proof.
9. Add clear CTAs that guide the user journey.
10. Don’t skip mobile optimization.

Recommended Resources

• Coolors – Color Palette Generator
• Google Fonts
• FontPair – Font Pairing Inspiration
• Jen Wagner Co. Fonts
• Davey & Krista Custom Design Portfolio
• Flodesk Email Marketing (50% Off)
• Kit – Email Marketing Tool