Knowledge Base
Framer Flipbook Embeds
here are the Framer flipbooks available in the knowledge base. These are interactive embedded experiences that showcase how GPTWeb supports rich, dynamic content directly within conversations.
Here's another Framer embed example:
Framer Integration with GPTWeb
What makes these embeds powerful is the two-way communication between Framer and GPTWeb. Buttons within your Framer designs can trigger GPTWeb actions using the postMessage API:
| Action | Code Example | Use Case |
|---|---|---|
| Open Modal | window.parent.postMessage({ type: 'gptweb:openModal', modal: 'demo' }, '*') | Book demos, contact forms, trial signups |
| Execute Prompt | window.parent.postMessage({ type: 'gptweb:executePrompt', promptText: 'Show pricing' }, '*') | Trigger AI responses from buttons |
| Send Message | window.parent.postMessage({ type: 'gptweb:sendMessage', message: 'Tell me more' }, '*') | Simulate user questions |
Available Modal Types
| Modal | Description | Best For |
|---|---|---|
| contact | Opens contact form | General inquiries |
| demo | Opens demo scheduling (Calendly/HubSpot) | Sales conversations |
| trial | Opens trial request form | Self-service signups |
This means your Framer landing pages, product tours, and interactive content can seamlessly connect visitors to your AI assistant, demo scheduling, or contact forms without leaving the conversation experience.
GPTWeb is the future of engagement, websites and marketing automation combined that is built for the AI era, built for now.