B2B SaaS Pricing Pages: Why AI Thinks Your Software is Free (And How to Fix It)
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 articlesGenerative 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.
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.
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.
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.
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.
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.