In the world of web design, efficiency is just as important as aesthetics. If you’ve ever had to change a single link in your website’s footer and found yourself manually updating ten different pages to match, you’ve experienced the frustration of a “static” workflow.
Enter Showit Site Canvases. This is arguably the most powerful feature for maintaining a scalable, professional website. In this guide, we will break down what Site Canvases are, how to use them, and the advanced strategies that will save you hours of redundant work.
What is a Site Canvas in Showit?
In Showit, every page is made up of Canvases (horizontal sections). A standard canvas is unique to the page it lives on. If you copy a standard canvas from your “Home” page to your “About” page, they become two independent siblings. Changing one does not change the other.
A Site Canvas, however, is a Global Element. When you turn a canvas into a Site Canvas, it becomes a single source of truth. If you place that Site Canvas on twenty different pages and make a change to the text or color on just one page, Showit automatically “pushes” that update to every other instance across your entire site.
Standard Canvas
Site Canvas (Global)
Common Examples of Site Canvases:
- Navigation Headers: Your logo and menu links.
- Footers: Copyright info, social icons, and secondary links.
- Mobile Menus: The pop-out menu users see on phones.
- Call to Action (CTA) Bars: “Book Your Session” sections that appear at the bottom of multiple pages.
- Sidebars: For blog layouts or resource pages.
The Strategic Benefits of Using Site Canvases
Why should you bother converting your sections into Site Canvases? It boils down to three core pillars: Consistency, Scalability, and SEO.
Consistency
Same design on every pageScalability
Edit once, update everywhereSEO
Clean, consistent internal linksA. Absolute Brand Consistency
Nothing looks more unprofessional than a logo that is 5 pixels higher on the “Contact” page than it is on the “Home” page. By using a Site Canvas for your header, you ensure that the layout is mathematically identical across every page. This builds trust with your audience as they navigate your brand experience.
B. Massive Time Savings
Imagine you decide to change your brand colors. Without Site Canvases, you would have to open every page, select the footer, change the background, and repeat. With a Site Canvas, you click “Edit Site Canvas,” change the color once, and you are done in 10 seconds. This is the cornerstone of our Showit Template Customization service—we build with efficiency in mind.
C. Improved SEO Management
Search engines like Google look for consistent navigation structures. If your internal links in the footer are broken or inconsistent across pages, it can hurt your “crawlability.” A Site Canvas ensures that your internal linking strategy remains robust. If you want to dive deeper into ranking factors, check out our Showit SEO Checklist.
How to Create and Manage Site Canvases
Mastering the technical workflow is essential to avoid “breaking” your design.
How to Convert a Standard Canvas to a Site Canvas:
- Select the canvas you want to convert in the Layers Panel.
- Click the three dots next to the canvas name.
- Select Convert to Site Canvas.
- The canvas icon will turn from Blue to Grey, indicating it is now a global element.
How to Edit a Site Canvas:
When you click on a Site Canvas on any page, you will notice you cannot edit the elements immediately. This is a safety feature.
- Click the canvas.
- A button will appear in the middle of the stage that says “Edit [Canvas Name]”.
- Click it to enter the “Global Editor” mode.
- Once finished, click “Back to Page” in the top left.
Advanced Techniques: “Canvas Views” Inside Site Canvases
One of the most advanced ways to use Site Canvases is by combining them with Canvas Views. This is particularly useful for Mobile Menus.
Your mobile menu is usually a Site Canvas that stays hidden until a user clicks the “Hamburger” icon. By using Canvas Views inside that Site Canvas, you can create interactive experiences within a global element. For example, you could have “View 1” as your main links and “View 2” as a sub-menu for your “Portfolio” categories.
- Related Reading: For a deep dive into interactivity, see our guide on How to Use Showit Canvas Views for Interactive Content.
Site Canvases and the WordPress Integration
Showit’s magic comes from its integration with WordPress. When you are designing your Blog Templates (like the “Single Post” or “Blog 404” pages), Site Canvases are your best friend.
You want your blog’s sidebar or footer to look exactly like the rest of your site. By simply dragging your existing Site Canvases into your WordPress templates, you create a seamless transition between your main site and your blog. This prevents the “jarring” feeling users get when a blog looks like a completely different website.
If you are currently on Squarespace and worried about losing this level of control, our Showit Migration service ensures your global elements are perfectly mapped out during the move.
Common Pitfalls to Avoid
Even seasoned designers make mistakes with Site Canvases. Here is how to avoid them:
- Accidental Global Edits: Sometimes you want a canvas to look mostly like your Site Canvas but with one small change (like a different headline). Do not edit the Site Canvas. Instead, click the three dots and select “Duplicate” or “Convert to Page Canvas.” This breaks the link so you can edit it independently.
- The Mobile Gap: Always remember that a Site Canvas is global for both Desktop AND Mobile. If you delete an element on the mobile version of a Site Canvas, it is gone on every page’s mobile view. Use the “Hide on Mobile” feature instead of deleting.
- Z-Index Issues: Headers and Mobile Menus should always have a high “Stacking Order” (Z-Index). Ensure your Site Canvas for the navigation is set to a higher number than your page canvases so it stays on top during scrolling.
When to Use a Standard Canvas Instead?
While Site Canvases are great, they aren’t for everything. You should use a Standard (Page) Canvas for:
- Unique Page Headlines (H1 tags).
- Specific Gallery sections that only apply to one project.
- “About Me” sections that vary in length or content between pages.
If you aren’t sure which structure is best for your goals, a VIP Design Day is an excellent way to have a professional audit your site structure and set up your Site Canvases correctly.
Frequently Asked Questions (FAQ)
Does using many Site Canvases slow down my website?
No. In fact, Site Canvases can be more efficient for the browser to load because the code for that section is reused. To ensure maximum performance, make sure you are also following Showit Optimization best practices like compressing images.
Can I have a Site Canvas inside another Site Canvas?
No, Showit does not support “nested” Site Canvases. However, you can use Canvas Views inside a Site Canvas to achieve a similar level of complexity.
Will changing a Site Canvas affect my SEO?
Yes, in a positive way if done correctly. If you update your footer Site Canvas to include better internal links to your Showit Website Development pages, Google will see those new links on every single page of your site instantly.
How do I delete a Site Canvas from the entire site?
You can delete the instance of it from a page by selecting it and hitting delete. To remove it from the “Site Canvas Library” entirely, go to the Site tab in the top left, find the Site Canvases list, and delete it there. Be careful this action cannot be undone easily!
Can I use Site Canvases for my WordPress sidebar?
Absolutely. This is the recommended way to handle sidebars. It allows you to update your “Featured Posts” or “Newsletter Signup” in one place and have it reflect across all blog posts.
Conclusion: Build Smarter, Not Harder
Mastering Showit Site Canvases is the difference between an amateur “tinker-style” website and a professional business asset. By centralizing your design through global elements, you protect your brand’s visual integrity and free up your time to focus on what matters: your clients.
Whether you are starting with a Full Custom Website or optimizing an existing template, ensure your Site Canvases are the foundation of your build.
