SiteAuditHub Case Studies

SiteAuditHub Case Studies turns your projects into polished case study pages without a page builder. Pick the sections you need, fill in the text and numbers, and the design, layout and mobile view are done for you.

Live demo: See a case study made with this plugin, using every section it offers.

Ready-made sections (blocks)

• Hero – title, introduction, category and main image

• At a glance – a short summary in cards with icons (industry, project, technology, website…), with an optional title and description

• Key facts – industry, services, location, website or any label you like

• Story sections – Overview, Challenges, Solutions, Approach, Conclusion, or your own; add paragraphs, lists, images and buttons inside

• Results – big number cards and/or a before-and-after table; the improvement % is calculated for you

• Gallery – grid or masonry, with a keyboard- and swipe-friendly lightbox

• Testimonial, FAQ (one answer open at a time, with FAQ structured data), Call to action and Related case studies

• Project Team – the people who worked on the project, with photo (or initials), name, role, email and LinkedIn; two layouts: large photo cards or a compact list

• Case Studies block – on any page, show a list of case studies (grid or list), one case study as a card, or one section of a case study

Made for every industry

Start from a layout made for web and Shopify agencies, marketing agencies, real estate and interiors, healthcare, coaching, SaaS or NGOs, or start blank.

Links your way

Every link and button field has “Open in a new tab” and “nofollow” options. Websites and emails typed as plain text become links automatically.

Handy extras

• A demo case study (draft) with every section filled in is added on activation, so you never have to hunt for sections; add it again any time from Case Studies → Settings

• Duplicate any case study in one click (from the list or the editor)

• “Written by” author line under the introduction

• Smooth scrolling to sections, with the fixed header of your theme taken into account

• Works on dark and light themes: detects a dark theme and switches to light text automatically

Design without code

• Text sizes for Heading 1, 2, 3 and paragraphs, separately for desktop and phones (tablets get a size in between automatically). Heading 1 is 37px by default.

• Theme colour options: gradients on or off, icons in your main colour or colourful, decorative shapes on or off.

Choose a style, then change colours, fonts (from your theme and the WordPress Font Library), text size, corner roundness, page width and card style, with a live preview. Every section can also have its own colours and font from the block sidebar. For extra styling, use the Additional CSS that WordPress already includes (Appearance → Customize → Additional CSS, or Appearance → Editor → Styles in block themes).

SEO and speed

• Clean headings (one H1), automatic table of contents with section links

• FAQ structured data; Article and breadcrumb data and a meta description when no SEO plugin is active (Rank Math, Yoast SEO and others are detected so nothing is duplicated)

• Lazy-loaded, responsive images; the hero image loads first

• No jQuery on the front end, no external fonts or requests, CSS and JavaScript load only on pages that use them

Your addresses, your way

• Listing page at /case-studies/ (change the word in settings)

• Category pages with filter tabs that switch without reloading the page

• Case study pages at /case-studies/my-project/ or, if you prefer, /my-project/ – SiteAuditHub Case Studies keeps slugs unique so pages and case studies never clash

Shortcodes

• [sahcs_grid limit="6" category="shopify" columns="3" filters="yes"]

• [sahcs_card id="12"]

• [sahcs_section id="12" section="results"] (sections: hero, glance, facts, results, gallery, testimonial, team, faq, cta, overview, challenges, solutions, approach, conclusion)

A shortcode generator with live preview is in Case Studies → Settings → Shortcodes.

Works with block themes and classic themes.