Skip to content
Marketing & SEO Simple #funnel#tofu#mofu

Content Types by Funnel Stage

TOFU informational, MOFU comparison, BOFU decision content. Match format to stage.

A free, animated content types by funnel stage you can read here or embed on any website, from Scrollchart.

Content Types by Funnel Stage

Content Types by Funnel StageMatch content format to buyer intent: informational at the top, transactional at the bottom.TOFUTop of FunnelAwareness / InformationalMOFUMiddle of FunnelConsideration / ComparativeBOFUBottom of FunnelDecision / Transactional

A funnel labeled with TOFU/MOFU/BOFU and the content formats that perform at each stage (educational guides, comparison posts, case studies, demos).

Good for

  • Content strategy briefs aligning editorial output to sales funnel stages for SaaS and ecommerce teams
  • Content audit frameworks categorising existing articles by TOFU/MOFU/BOFU to identify coverage gaps
  • Marketing team onboarding decks explaining why conversion-optimised content requires format-to-intent matching

Source & accuracy

This content types by funnel stage is an editorial illustration built to represent the concept accurately. Where it shows figures, they are typical or representative values chosen to make the relationship clear, not a single underlying dataset. The diagram and its explainer are reviewed and maintained centrally, and updated over time as understanding improves.

Matching content format to buyer journey stage

Top-of-funnel (TOFU) content serves early-stage awareness: educational blog posts, primers, 'what is?' guides, trend reports. A prospect who doesn't yet know your category needs an article like 'What is email marketing automation?' not a pricing page. Middle-of-funnel (MOFU) content serves comparison and evaluation: how-to guides, comparison charts, vendor reviews, webinars. A prospect who knows they need a tool wants 'Best email marketing platforms 2024' or 'Mailchimp vs ConvertKit.' Bottom-of-funnel (BOFU) content serves decision and purchase: case studies, customer testimonials, ROI calculators, implementation guides. A prospect ready to buy wants proof that the tool works for them and confidence they're choosing right. Mapping your content library by stage reveals gaps: many teams have tons of TOFU blog posts but minimal BOFU decision content, leaking buyers at the final stage.

Connecting stages through internal linking

The funnel is not linear; readers jump around. A prospect who starts at BOFU (case study) might backtrack to MOFU (comparison) if they have second thoughts, then leap to TOFU (primer) if they're unfamiliar with the category. Structuring internal links to support these back-and-forth journeys is more effective than assuming a fixed sequence. A TOFU article about email marketing should link to MOFU comparison content. A MOFU comparison should link to BOFU case studies and implementation guides. A BOFU case study should link to TOFU primers for readers unfamiliar with the category. This linking structure also distributes authority: BOFU content (highest business value) gains link strength from TOFU (high volume), making it rank better.

Content format matters within each stage

TOFU audiences are overwhelmed by choice and prefer quick-scan formats: infographics, lists, primers. MOFU audiences are actively researching and prefer depth: detailed guides, comprehensive comparisons, expert interviews. BOFU audiences have narrow focus and want proof and specifics: case studies with numbers, ROI calculations, demo walkthroughs. Mismatching format to stage underperforms: a 5,000-word comprehensive guide to email marketing is a poor TOFU piece (too much depth for early awareness) but a strong MOFU piece (exactly what a prospect evaluating tools needs). Identifying which stage each piece serves and matching format accordingly improves both engagement and conversion.

Embed this diagram

Add this animated content types by funnel stage to your own site. Copy one line of HTML, or use the embed builder for theme and sizing options.

Reference

What this is
A free, embeddable, animated content types by funnel stage for any website.
Who uses it
Content marketers, SaaS marketing blogs.
How to embed
Copy one line of HTML. No signup. No watermark. Works in WordPress, Webflow, Ghost, Substack, plain HTML.
File size
iframe embed, ~80 KB gzipped (loads on demand, does not block your page paint).
License
Free forever. Editorial explainer text included; updated centrally over time.

Embed format options

Copy the universal HTML snippet, the WordPress shortcode, or an iframe fallback - see the WordPress plugin page for details. Any format keeps the same Core Web Vitals profile and the same explainer text.

Embed snippet
<div data-scrollchart="content-types-funnel" data-scrollchart-v="1"></div>
<script src="https://scrollchart.com/embed.js" async></script>

Frequently asked questions

Where can I get a free animated "Content Types by Funnel Stage" for my website?
Scrollchart provides "Content Types by Funnel Stage" as a free, embeddable animated diagram you can add to any website with one line of HTML. No signup is required and there is no watermark. The diagram and its explainer text are served from scrollchart.com, so the embed stays current without any maintenance on your end.
How do I embed a content types by funnel stage in WordPress or a static site?
Paste the HTML snippet from the Scrollchart diagram page into your WordPress post (in HTML/code view), your Webflow embed block, or directly into a static HTML file. No plugin is needed. The diagram loads from scrollchart.com and paints in as the reader scrolls.