About AI FAQ Section
AI FAQ Section is a minimal accordion FAQ for Framer with a live AI chat row at the end. Visitors type anything you didn’t cover and get a typed-out answer written from your own content, right inside the list. It connects to Claude, Gemini, OpenAI, Groq or OpenRouter through your own private AI link, filters bots without a captcha and respects reduced motion.
How to Use
Add AI FAQ Section to any section and set its width. Add your questions in FAQs and choose which one starts open with Open Question.
Paste your pricing, policies, links and contact details into AI Knowledge. Set tone, length or language with AI Instructions and the input text with AI Placeholder.
Connect your AI. It needs your own endpoint and does not work out of the box. Create a free Cloudflare Worker with the ready-to-paste code and 10-minute guide on the component canvas, then paste its URL into Endpoint URL on the AI Ask layer. Your API key never touches Framer.
Style fonts, colors, the send button, spacing and the typewriter reveal, and use Canvas Preview to design the empty, thinking, answer and error states.
Tune replies with rotating Thinking Words, shimmer and dots, Strict Mode, Fallback, Error Text and Max Output Tokens.
Control usage with Question Limit, Cooldown, Max Question Length and Bot Protection. Add a Flow effect to its section for smoother expand motion.
Preview or publish to chat with it, since AI replies don’t run on the canvas.
Built by Daniyal Habib. Need a custom version? Email daniyalweb10@gmail.com
Ideal Use Cases
AI FAQ Section works well for:
• SaaS and product sites wanting instant answers without a chat widget • Landing pages where visitors ask questions you didn’t predict • Agencies handing clients an FAQ that actually talks back • Small businesses offering 24/7 help from their own content
