--- title: FAQ Pro — Accessible FAQ Accordion with JSON-LD Schema for HubSpot description: Accessible FAQ accordion module for HubSpot with built-in FAQPage JSON-LD structured data for SEO and AI search (ChatGPT, Perplexity, Google AI Overviews). Split, full, and grid layouts. Per-element font controls, every style value configurable, fully responsive. --- # FAQ Pro for HubSpot An accessible FAQ accordion module with built-in **FAQPage JSON-LD structured data** for SEO and AI search visibility. Split, full, and multi-column grid layouts. Per-element font controls. Every style value configurable — zero hardcoded CSS. FAQPage JSON-LD built-in 3 layout modes Per-element fonts WCAG 2.1 AA Zero dependencies Demo 1 ## Bold SaaS — Split Layout with Floating Cards Split layout with a sticky left header and card-style accordion items on the right. Inter 800 at 72px, electric violet `#7c3aed` accent, 32px item padding, and soft shadows. 120/140 section padding. Support Center ## Questions, answered. Everything you need to know about pricing, setup, and how our platform fits into your existing stack. Can't find what you are looking for? Our team responds within 2 hours during business hours. Contact support How does the 14-day free trial work? Start your trial with full access to every feature on the Business plan — no credit card required. You can invite up to 10 teammates, connect unlimited integrations, and ingest up to 100,000 events during the trial period. At the end of 14 days, you can choose a plan or continue on our free Starter tier, which keeps your workspace and data intact. We never auto-charge. Which integrations are supported out of the box? We ship with native integrations for the tools most product teams already use: - **Data warehouses** — Snowflake, BigQuery, Redshift, Databricks - **Product analytics** — Amplitude, Mixpanel, Heap, PostHog - **CRM and marketing** — HubSpot, Salesforce, Marketo, Customer.io - **Collaboration** — Slack, Linear, Notion, Figma If we do not have a native connector, our REST API and webhook system let you wire up anything in under an hour. How do you handle data security and compliance? We are SOC 2 Type II certified, GDPR and CCPA compliant, and offer HIPAA-ready workspaces on our Enterprise plan. All data is encrypted at rest with AES-256 and in transit with TLS 1.3. Enterprise customers get **customer-managed encryption keys**, private cloud deployments (AWS, GCP, Azure), and data residency guarantees in the US, EU, or APAC. Can I export my data if I cancel? Yes, always. You own your data and can export it at any time in JSON, CSV, or Parquet format — no approval required, no retention periods, no hidden fees. After cancellation, we keep your workspace in read-only mode for 30 days so you can re-activate or export anything you missed. After 30 days, everything is permanently deleted per our data retention policy. What does onboarding look like for larger teams? Teams on the Business plan and above get a dedicated onboarding specialist who runs a **4-week implementation program**: 1. **Week 1** — Workspace setup, SSO and SCIM configuration, data source connections 2. **Week 2** — Schema modeling, metric definitions, first dashboards 3. **Week 3** — Team training sessions (two 60-minute live workshops) 4. **Week 4** — Advanced workflows, automation, and handoff Enterprise customers get a dedicated Customer Success Manager for the lifetime of the account, plus quarterly business reviews. How does pricing scale as we grow? Our pricing is based on **monthly tracked events**, not seats — so you can invite every engineer, PM, and stakeholder without worrying about per-user fees. Plans start at $99 per month for up to 100k events and scale linearly from there. If you are ingesting over 10M events per month, we offer custom volume pricing with committed-use discounts. Reach out to sales for a quote. --- Demo 2 ## Warm Editorial — 2-Column Grid with Cards Full-section warm ivory background with Libre Baskerville headings, Inter body, and brown `#8b5e3c` accent. 2-column grid layout with card-style FAQ items — rounded corners, subtle shadows, and 20px gap between items. Studio FAQ ## Working with us Answers to the questions we hear most often from new clients. If you don't see what you're looking for, we'd love to talk it through on a discovery call. What does your design process look like? Every project follows the same four phases, regardless of scope: 1. **Listen** — Understanding your vision, lifestyle, and goals through on-site visits and mood board workshops 2. **Envision** — Concept development, spatial planning, and material exploration 3. **Create** — Detailed design, sourcing, fabrication oversight, and project execution 4. **Refine** — Final styling, photography, and a 90-day aftercare period How long does a typical project take? Timelines vary by scope and complexity: - **Residential interiors** — 3–6 months from concept to completion - **Commercial and hospitality** — 6–12 months depending on scale - **Consultations and styling** — 2–4 weeks We provide a detailed timeline during the initial consultation so you know exactly what to expect at every stage. Do you work internationally? Yes. We have studios in New York and Paris and have delivered projects across Europe, North America, and the Middle East. We leverage local partnerships in each region for sourcing, fabrication, and on-site installation. What happens in the initial consultation? Our initial consultation is a **60-minute session** where we discuss your goals, budget, timeline, and aesthetic preferences. You will receive a follow-up brief outlining our recommendations and proposed approach. > Every great space begins with a great conversation. The consultation is the most important step in the process. Can you work within a specific budget? Absolutely. We design to a range of budgets and are transparent about costs from the outset. Our team excels at finding creative solutions that maximize impact without compromising quality. We work on projects from $50k for focused consultations to multi-million dollar full residential builds. Do you offer post-project support? Yes, every project includes a **90-day support period** after completion. We handle any adjustments, sourcing issues, or questions that arise as you settle into your new space. Extended maintenance plans are also available for clients who want ongoing styling and seasonal refreshes. Start a project with us Demo 3 ## Luxury Atelier — Full Width Editorial Dark editorial layout with **Fraunces** serif headings at 96px, warm espresso `#14100d` background, and champagne `#c9a87a` accents. 160/180 section padding and 48px item padding for unhurried reading. The Atelier ## Correspondence Replies to the questions most frequently received from collectors, interiors press, and prospective clients considering a commission. Do you accept commissions for private residences? Yes. We accept a limited number of private commissions each year, with a preference for projects that allow us meaningful creative latitude. Our commission process begins with an in-person studio visit or a video consultation where we discuss your vision, the site, and the scope of what we might create together. Once we have agreed on direction, we develop three concept proposals with accompanying material studies. The client selects one direction, and we refine from there into a final design and production plan. How are pieces from the main collection produced? Every piece in our main collection is **handcrafted in our Paris atelier** by a team of six artisans, each with 15 or more years of experience in their discipline. We work primarily in solid hardwoods, hand-worked bronze, and natural stone — all sourced from suppliers we have worked with for over a decade. Production timelines range from eight to sixteen weeks depending on the complexity of the piece. Every item is signed and numbered. What is your approach to sustainability? Sustainability is embedded in how we work, not marketed as a feature. Concretely: - All hardwoods are FSC-certified or reclaimed from historic European buildings - Bronze is cast from recycled material whenever feasible - We finish everything with plant-based oils and waxes — no synthetic lacquers - Pieces are designed to be repairable and reupholsterable for multiple generations > The most sustainable piece of furniture is the one that outlives the person who commissioned it. Do you ship internationally? Yes, we ship worldwide. For pieces going outside the EU, we work with specialized fine art shippers who handle customs, climate-controlled transit, and white-glove installation at the destination. Shipping is quoted per project and depends on the destination, piece dimensions, and installation requirements. Can I visit the atelier? We welcome studio visits by appointment. Visits typically last 90 minutes and include a walkthrough of current work in progress, an introduction to the craftspeople, and a private showing of available pieces. Please reach out at least two weeks in advance to schedule. Request a studio visit Documentation ## Module Guide ## Why FAQ Pro Most HubSpot FAQ modules give you an accordion. FAQ Pro also gives you **FAQPage JSON-LD structured data**, emitted automatically from the same question and answer content you're already writing — no duplicate work, no separate schema tool. Structured data matters more than it used to. While Google restricted FAQ rich snippets to authoritative government and health sites in 2023, AI search platforms have moved in the opposite direction: ChatGPT, Perplexity, Google AI Overviews, and Microsoft Bing all use structured data as a signal when generating and citing answers. Microsoft's Bing team publicly confirmed in 2025 that schema markup helps their LLMs understand content. ## Per-Element Font Controls FAQ Pro exposes a dedicated HubSpot font field for every text element in the module. Each field provides family, weight, size, and color in one unified control — the standard HubSpot font picker: - **Heading Font** — Section title - **Eyebrow Font** — Small label above the heading - **Subtitle Font** — Descriptive text below the heading - **Question Font** — Accordion trigger text - **Answer Font** — Expanded answer text - **CTA Font** — Call-to-action link Each font field inherits from the theme's body or heading font by default, but can be overridden per-element. Line-height, letter-spacing, and eyebrow uppercase are exposed as separate fields since the HubSpot font picker does not cover those properties. ## Zero Hardcoded Values Every style value in the module is driven by a configurable field — fonts, sizes, weights, colors, padding, gaps, border radius, shadows, column ratios, sticky offsets, responsive scale factors. Nothing is hardcoded in the CSS. If you need to change anything about how the module looks, there is a field for it. ## FAQPage JSON-LD Schema Every instance of FAQ Pro emits a ` ``` ### Disabling the schema If you're already emitting FAQ schema via another tool or a global script on your page, toggle **Output FAQPage Schema (JSON-LD)** off under the module's Content > Settings tab. Default is on. ## Layout Modes - **Split** — Heading and subtitle sit sticky on the left, accordion on the right. Column ratio and gap are configurable. Collapses to stacked on mobile. - **Full Width (Centered)** — Heading and accordion stack vertically in a single centered column. Max width is configurable. - **Grid (Multi-Column)** — Accordion items flow into a 1, 2, or 3-column grid. Collapses to a single column on tablet and below. ## Content Fields ### Header - **Eyebrow** — Small label above the heading. - **Heading** — Main section heading with configurable heading tag (H2–H4). - **Subtitle** — Descriptive text beneath the heading. ### FAQ Items (Repeater, 1–30 items) - **Question** — Plain text. Used as the accordion trigger and as `Question.name` in the JSON-LD output. - **Answer** — Rich text with full support for paragraphs, headings, lists, links, bold, italic, blockquotes, code, tables, and images. Used as `acceptedAnswer.text` in the JSON-LD output. ### Call to Action - **Show CTA Link**, **Link Text**, **Link URL** — Optional CTA below the content. ## Settings - **Layout** — Split, Full Width, or Grid. - **Columns** — 1, 2, or 3 (Grid only). - **Header Alignment** — Center or Left (Full and Grid only). - **Open First Item** — Automatically expand the first FAQ item on page load. - **Allow Multiple Open** — Allow multiple FAQ items to be expanded simultaneously. - **Output FAQPage Schema (JSON-LD)** — Default: on. ## Style Controls ### Container Maximum width and horizontal padding for the entire section. ### Typography (per-element) Six dedicated HubSpot font fields (Heading, Eyebrow, Subtitle, Question, Answer, CTA), each providing family, weight, size, and color in one unified control. Plus: heading line-height and letter-spacing, eyebrow letter-spacing and uppercase toggle, subtitle line-height, question line-height, answer line-height. ### Colors (non-text) - **Section Background** — with opacity. - **Accent Color** — drives active question color, active icon color, hover state, focus ring, link color inside answers, and blockquote border. - **Icon Color**, **Item Background**, **Item Border**, **Item Hover Background**, **Shadow Color**. ### Layout - **Split Heading Column Ratio** and **Content Column Ratio** — Fractional units (default 1 / 1.5). - **Split Column Gap** and **Sticky Header Top Offset**. - **Full Max Width** — Max width of Full layout content area. - **Header-to-Items Gap** — Full and Grid layouts. - **Subtitle Max Width when Centered**. ### Item Card - **Padding Vertical/Horizontal**, **Gap Between Items**, **Border Radius**, **Border Width**, **Box Shadow**, **Icon Size**, **Question-to-Icon Gap**, **Answer Max Width**. ### Spacing - **Section Padding Top/Bottom**, **Header Internal Gap** (between eyebrow/heading/subtitle), **CTA Padding Top**. ### Responsive - **Tablet Breakpoint**, **Mobile Breakpoint**. - **Split Tablet Stacked Gap**. - **Heading Tablet Scale**, **Heading Mobile Scale**, **Question Mobile Scale**, **Answer Mobile Scale** — Multipliers for responsive typography. - **Mobile Horizontal Padding**. ## Accessibility - Semantic HTML with proper heading hierarchy and `