YourGPT Chatbot
Connect YourGPT Chatbot to your Webflow site to automate customer support across 15+ channels while maintaining your brand voice.
How to integrate YourGPT Chatbot with Webflow
Teams implement YourGPT Chatbot on Webflow sites to automate customer queries while maintaining coverage around the clock without additional headcount. The integration handles repetitive support questions, qualifies leads through conversational flows, and routes complex issues to human agents when needed.
Install the chatbot through the Webflow Marketplace app for one-click deployment, embed the widget code directly into your site's custom code section, build custom workflows using Webflow and YourGPT APIs, or connect through automation platforms including Zapier and viaSocket.
Use the YourGPT Chatbot app
The YourGPT Chatbot Webflow Marketplace app provides the fastest deployment method without requiring any code. Log into your Webflow account, install the app from the marketplace, select your target project, and authorize the integration. The chatbot appears automatically on your live site after authorization. This method works for customer support automation, lead generation, and multilingual visitor engagement across 100+ languages.
The app includes these capabilities:
- No-code chatbot builder creates conversational flows through drag-and-drop interface documented in the official integration guide
- Knowledge base training ingests content from your Webflow pages, uploaded documents, or API connections
- Appearance customization matches chatbot colors, logos, and personality to your brand through visual editor
- Human handoff transfers conversations to live agents when AI reaches its scope limits
- Lead capture forms collect visitor information through conversational flows
- Multi-channel deployment extends the same chatbot to WhatsApp, Instagram, and Messenger simultaneously
The marketplace installation requires authorization to read and write custom code, access site data, and publish changes to your Webflow project according to the marketplace listing permissions.
Direct embed and widget
For teams preferring manual implementation control, YourGPT generates a JavaScript widget script in your dashboard that embeds directly into Webflow's custom code sections.
Copy the widget script without modifications and paste into either the site-wide custom code area for global deployment or page-specific Code Embed elements for targeted placement. The chatbot loads asynchronously in visitors' browsers without requiring server-side configuration.
Follows these steps to implement this integration:
- Access your YourGPT dashboard Integration section
- Copy the generated widget script code
- Open your Webflow project settings
- Paste into custom code blocks or Code Embed elements
- Publish your site to activate the chatbot
Webflow supports widget embedding through two placement methods:
- Site-wide footer code loads the chatbot on every page automatically using Webflow's Project Settings custom code functionality
- Code Embed elements target specific pages or sections for controlled visibility
The Custom Code Embed documentation specifies a 50,000 character limit for embed code and requires excluding <html>, <body>, or <head> tags from the snippet. Custom code appears in preview mode but only functions after site publishing.
No-code API automation with Zapier and viaSocket
Teams without development resources use Zapier or viaSocket to connect Webflow and YourGPT without writing code. Zapier provides pre-built workflow templates that create chatbot sessions from form submissions, send messages when orders complete, and trigger conversations from calendar events.
viaSocket offers additional capabilities documented on their YourGPT integration page, including bidirectional triggers that fire workflows when users send messages in YourGPT. This enables workflows where urgent messages automatically create Webflow CMS support tickets.
Both platforms support these Webflow triggers:
- New Form Submission
- New Order
- Site Published
- Order Updated or Fulfilled
Available YourGPT actions include the following:
- Send Message to active session
- Create New Session with widget identifier
- Create Story for content campaigns
- Add User to Segment for targeting
- Remove User from Segment
- Update Story
Real-time data syncing occurs for webhook triggers, while scheduled triggers process within 15 minutes according to viaSocket's specifications.
Build with Webflow and YourGPT Chatbot APIs
Developers build custom integrations using Webflow and YourGPT REST APIs for advanced use cases including CRM synchronization, custom lead qualification logic, and bidirectional data flows. Both platforms provide comprehensive API documentation with distinct authentication mechanisms.
YourGPT uses API key headers (passed in request headers as api-key: YOUR_API_KEY) while Webflow implements both OAuth tokens and site tokens.
Create chatbot sessions programmatically
The YourGPT API Integration documentation describes session creation through POST https://api.yourgpt.ai/chatbot/v1/createSession with API key authentication passed as api-key: YOUR_API_KEY in the request header. Sessions require your widget's unique identifier as the widget_uid parameter. The endpoint returns a session_uid that identifies the conversation for subsequent message operations.
Use this endpoint to create chatbot sessions triggered by Webflow form submissions, new order placements, or custom business logic. Sessions persist across page loads and enable conversation continuity for returning visitors.
Send messages to active sessions
After establishing a session, send messages via POST https://api.yourgpt.ai/chatbot/v1/sendMessage with three required parameters including widget_uid, session_uid from the creation response, and message containing the user's text. The API returns the chatbot's response based on your trained knowledge base.
Build automated workflows that send proactive messages when customers complete purchases, abandon carts, or trigger specific site behaviors tracked through Webflow's form submissions and order events.
Capture Webflow events with webhooks
Webflow's webhook system sends real-time event notifications for form submissions, new orders, site publications, and order status changes. The Webflow Webhooks API Reference documents webhook creation through POST https://api.webflow.com/sites/{site_id}/webhooks with bearer token authentication.
Register webhooks for these trigger types:
form_submissioncaptures lead data when visitors submit Webflow forms, as detailed in the Working with Webhooks guideecomm_new_orderfires when customers complete purchases on e-commerce sitessite_publishnotifies when content updates go liveecomm_order_changedtracks fulfillment and shipping status updates
Webflow sends webhook payloads with validation headers including x-webflow-signature for authenticity verification and implements automatic retry logic with up to 3 delivery attempts for failed requests according to the working with webhooks documentation.
Automate workflows with YourGPT webhooks
YourGPT provides bidirectional webhook support documented in the webhooks integration guide. Configure webhooks in your YourGPT dashboard to receive notifications for message events, contact creation, and escalation to human agents. Event types include the following:
Message Sentfor outbound chatbot messagesMessage Receivedfor inbound user messagesEscalated to Humanfor handoff to live agentContact Createdfor new contact capture
Combine Webflow and YourGPT webhooks to build complete automation workflows. When a Webflow form submission occurs, create a YourGPT chatbot session and send personalized follow-up questions. When chatbot conversations contain keywords requiring human intervention, create Webflow CMS items in a support ticket collection using the YourGPT webhook for escalation events.
What you can build
Integrating YourGPT Chatbot with Webflow enables automated customer experiences through AI-powered customer support that handles customer queries autonomously while maintaining brand consistency across 10+ communication channels including WhatsApp, Facebook Messenger, Instagram, Telegram, Slack, and Discord.
- 24/7 multilingual support center: Build a customer service hub that handles product questions, order tracking, and technical troubleshooting in 100+ languages automatically.
- Automated lead qualification pipeline: Create conversational forms that qualify website visitors through intelligent question flows, capture contact information, and route high-value leads to sales teams while nurturing others through email sequences
- E-commerce shopping assistant: Build a product recommendation engine that answers sizing questions, suggests complementary items, and recovers abandoned carts through proactive messaging
- Omnichannel engagement hub: Deploy a unified support experience where conversations started on your Webflow site continue across WhatsApp Business, Facebook Messenger, Instagram, Telegram, LINE, Slack, and Discord with optional voice and SMS support via Twilio integration
Frequently asked questions
YourGPT Chatbot trains on your content through three primary methods.
First, provide your Webflow site URL for automatic webpage crawling, with quantity limits varying by plan tier.
Second, upload documents directly through the dashboard in PDF, DOCX, CSV, TXT, PPTX, or MD formats.
Third, connect APIs for dynamic data integration with services like Google Drive, Notion, or YouTube.
The platform also supports help article repositories and video content processing. And uses this training data to ground AI responses in your actual business information, reducing hallucinations and improving accuracy through RAG technology.
Yes, YourGPT provides a no-code visual editor for appearance customization documented on the chatbot product page. Access the customization interface through your YourGPT dashboard to adjust widget colors, upload your logo, select avatar styles, configure popup or inline display modes, and define conversational tone and personality. The Webflow marketplace listing confirms full customization capabilities are included with all plans, though custom branding options that remove YourGPT attribution require the Advanced plan or higher according to the pricing page.
YourGPT implements a hybrid AI-human support model with automatic escalation capabilities described in the official product documentation. When the AI encounters queries outside its trained knowledge base or detects visitor frustration, it seamlessly transfers the conversation to human agents through the live chat system. You configure escalation triggers through the dashboard by setting keywords, sentiment thresholds, or manual handoff requests. The webhooks documentation describes an "Escalated to Human" event type that fires when handoffs occur, enabling workflow automation like creating support tickets or sending team notifications.
The YourGPT widget loads asynchronously to minimize performance impact, meaning it doesn't block your page from rendering while the script downloads. However, any third-party script adds some load to your site. The Webflow Custom Code Embed documentation recommends testing site speed before and after integration using tools like Google PageSpeed Insights to measure actual impact. The widget file size and loading behavior depend on your chatbot configuration. For optimal performance, place the widget script in the footer custom code section so it loads after your main content appears. Webflow support does not troubleshoot third-party integrations according to their help documentation, so contact YourGPT support at support@yourgpt.ai for performance optimization guidance.
YourGPT maintains SOC 2 Type 2 certification and GDPR compliance with enterprise-grade security measures documented on their main product page. The platform implements zero-day data retention policies, meaning your data is not shared with third parties or used for AI model training. All conversations store in your YourGPT dashboard where you can review interactions, export data, and analyze performance through the built-in analytics system. Enterprise plans offer additional security features including custom data retention policies, dedicated infrastructure, and advanced access controls according to the pricing page. For specific compliance requirements related to financial services, healthcare, or other regulated industries, contact YourGPT support to discuss enterprise security options.
Description
YourGPT Chatbot is an AI-powered customer support automation platform that uses Retrieval-Augmented Generation (RAG) technology to deliver accurate, contextually relevant responses across 15+ communication channels. The platform connects large language models with your proprietary knowledge base to handle customer inquiries, lead generation, and multilingual support without requiring programming expertise.
This integration page is provided for informational and convenience purposes only.
Outgrow
Connect Outgrow's interactive calculators, quizzes, and forms with Webflow to create engaging websites that capture leads, boost conversions, and deliver personalized experiences.
EX.CO
EX.CO is a technology company used by brands & publishers to turn content into engaging experiences.
Related integrations
Get started for free
Get started for free
Try Webflow for as long as you like with our free Starter plan. Purchase a paid Site plan to publish, host, and unlock additional features.
