Industry & Use Cases

B2B SaaS Pricing Pages: Why AI Thinks Your Software is Free (And How to Fix It)

Mar 15, 202610 min read

Complex HTML pricing toggles confuse AI parsers. Learn how to use hidden Markdown pricing tables and Product JSON-LD to ensure ChatGPT quotes your exact price.

Why AI models think your SaaS is free

A growing pattern in AI search responses: users ask "how much does [SaaS product] cost?" and receive either "pricing is available on their website" or, worse, an incorrect price. In some cases, AI models confidently state a product is free because they extracted the text from a free tier card while missing the paid tier entirely.

This isn't a hallucination problem. It's a parsing problem. Modern SaaS pricing pages are built with JavaScript-dependent interactive components — monthly/annual toggles, feature comparison sliders, seat-count calculators — that collapse to zero or incomplete text when DOM-stripped by AI ingestion pipelines.

The business risk

When AI answers attribute incorrect pricing to your product, you don't just lose a citation — you actively mislead potential buyers. Users who hear "it's free" from an AI assistant and then hit a paywall have a high churn risk and file complaints. Fixing your pricing page's AI-readability is a revenue protection issue, not just an SEO issue.

The JavaScript toggle trap

Standard SaaS pricing page architecture uses a React or Vue component with a state toggle. On initial page load (before JavaScript executes), the DOM contains one of two states — typically the monthly pricing. The annual pricing exists as a hidden element that appears only after user interaction.

What AI crawlers extract from a typical pricing toggle

What AI actually sees on your pricing page

When a Trafilatura-based scraper (used by Perplexity and many RAG pipelines) processes a typical SaaS pricing page, the output looks something like this:

The Starter plan at $49/month, the Pro plan at $149/month, and all feature differentiators are completely absent. The AI's retrieved context contains only "Free" and "Contact sales" — which it accurately (but misleadingly) reports.

Fix 1: The hidden Markdown pricing table

The simplest fix is adding a visually hidden but DOM-present Markdown-style pricing table that AI crawlers can extract, while your interactive toggle remains visible to human users.

sr-only vs display:none

Use Tailwind's sr-only class (or equivalent CSS) rather than display:none. The sr-only technique keeps the element in the DOM and accessible to crawlers; display:none may be ignored by some scrapers. Also add aria-hidden="true" so screen readers skip this duplicate content.

Fix 2: Product JSON-LD with Offer schema

The more robust, future-proof solution is implementing strict Product and Offer structured data. JSON-LD is parsed before DOM stripping and is treated as ground truth by AI systems that have been trained to trust structured data over body text.

{{ "@context": "https://[schema](/blog/howto-schema-complete-implementation-guide).org", "@type": "SoftwareApplication", "name": "YourProduct", "applicationCategory": "BusinessApplication", "offers": [ { "@type": "Offer", "name": "Starter Plan", "price": "49.00", "priceCurrency": "USD", "priceSpecification": , "description": "20 projects, 500 analyses per month, email support" }, { "@type": "Offer", "name": "Pro Plan", "price": "149.00", "priceCurrency": "USD", "priceSpecification": , "description": "Unlimited projects, 2000 analyses per month, priority support" } ] }}

Implementation priority by scenario

Scenario Recommended fix Priority

AEO for B2B SaaS: Complete Guide The full AEO playbook for software companies, from pricing pages to documentation. Schema markup's new job in AI search How structured data has shifted from SERP enhancement to AI citation infrastructure.

Continue reading

All articles
Industry & Use Cases

Generative Engine Optimization for SaaS: How to Get Your Product Cited in AI Answers

A tactical guide for SaaS companies to optimize documentation, landing pages, and knowledge bases so AI engines cite their product when users ask for software recommendations.

14 min read
Industry & Use Cases

GEO for B2B SaaS: How to Get Your Product Cited in AI Answer Engines

B2B SaaS buyers increasingly rely on AI engines for product research. Learn how to optimize your product pages, documentation, and thought leadership for AI citations that drive pipeline.

10 min read
Industry & Use Cases

Generative Engine Optimization for Ecommerce: How to Get Your Products Cited in AI Shopping Answers

A complete guide for ecommerce brands to optimize product pages, category content, and buying guides so AI engines recommend their products when shoppers ask for suggestions.

14 min read
Industry & Use Cases

Generative Engine Optimization for Hotels: How to Get Recommended by AI Travel Assistants

A comprehensive guide for hotels and hospitality brands to optimize their web presence so AI travel assistants and answer engines recommend their property to travelers.

13 min read
Industry & Use Cases

Generative Engine Optimization for Law Firms: How to Get Cited When Clients Ask AI for Legal Help

A strategic guide for law firms to optimize practice area pages, attorney profiles, and legal content so AI engines recommend their firm when potential clients seek legal guidance.

14 min read
Industry & Use Cases

Generative Engine Optimization for Fintech and B2B Brands: Building Citation Authority in High-Trust Verticals

How fintech companies and B2B brands can optimize for AI citation in industries where trust, compliance, and expertise signals determine which sources get recommended.

15 min read
Was this article helpful?
Back to all articles