The Intelligent AI Chat Widget Built for Modern Websites
Engage visitors, deflect routine support tickets, qualify prospective leads, and schedule sales demos autonomously—all through an ultra-fast, shadow-DOM embeddable chatbot.
One Snippet. Compatible With Every Framework.
Paste this asynchronous embed snippet before your closing body tag.
<!-- Oyrax AI Chatbot Widget --> <script src="https://cdn.oyrax.com/widget.js" data-id="wx_live_9f4a81b372" async ></script>
Engineered for Precision and Performance
Most chatbots break your site styles or slow down page loads. Oyrax is built specifically to avoid both.
Shadow DOM Encapsulation
Styles are completely isolated from your host webpage. No global CSS rules leak in or out, guaranteeing pixel-perfect layout preservation on every screen.
Complete Visual Customization
Match your brand with custom hex colors, dark/light theme switching, custom avatars, custom launcher buttons, and branded greeting prompts.
Domain Allowlist Security
Your widget key is locked to your verified production and staging domains. Competitors cannot embed your assistant on unauthorized third-party URLs.
Frequently Asked Questions
How do I embed the Oyrax AI chat widget on my website?
Embedding requires adding a single asynchronous script tag before the closing </body> tag of your website. It works seamlessly across Next.js, WordPress, Shopify, Webflow, Wix, Squarespace, and custom HTML/React sites.
Will the chat widget slow down my website or affect Google Core Web Vitals?
No. The Oyrax widget loader weighs under 25KB gzipped and initializes asynchronously after your primary page content has rendered. It uses Shadow DOM isolation to guarantee zero layout shift (CLS) and zero main-thread blocking.
Can I customize the colors, logo, and position of the widget?
Yes. Inside the Oyrax Widget Studio, you can configure your primary brand color, dark or light mode, launcher button shapes, custom avatars, initial greeting messages, and quick-prompt recommendation chips.
Does the widget support human representative takeover?
Yes. If a visitor requests human assistance or asks a complex question, the conversation seamlessly transitions to your team inbox while pausing AI automated replies.