تخطى إلى المحتوى الرئيسي
جميع التكاملات

Webflow Integration

Add AI-powered chat to your Webflow site. Custom code embed with full design control.

كيف يعمل مع Webflow

Three steps to add AI chat to your Webflow site.

Project Settings
Custom Code tab opened
Footer code section found
Ready to paste

ما تحصل عليه

Beautiful AI chat that matches your Webflow design.

Design-First

The widget respects your Webflow design system. Customize colors, position, and theme to match your site.

Custom Code Embed

Paste the InfoLens script tag into Webflow's Custom Code (footer) and the widget is live on every page.

Interactions Support

Works alongside Webflow Interactions and animations without conflicts.

Custom Domains

Fully compatible with custom domains, SSL, and Webflow hosting.

إعداد سريع

Add to Webflow's custom code section.

custom-code.js
// Webflow: Project Settings > Custom Code > Footer
// Paste this code:

var s = document.createElement('script');
s.src = 'https://infolens.synapse-os.com/widget.js';
s.setAttribute('data-agent-id', 'ag_7f3k9x2m');
s.setAttribute('data-api-key', 'pk_live_...');
s.setAttribute('data-color', '#4353FF');
document.body.appendChild(s);

الأسئلة الشائعة

هل أنت مستعد للتكامل مع Webflow?

أنشئ حسابك المجاني واجعل وكيل الذكاء الاصطناعي يعمل في دقائق.