Platform Guides

Step-by-step deployment guides for popular website platforms.

Platform-Specific Deployment Guides

WordPress

  1. Go to Appearance → Theme Editor
  2. Open footer.php
  3. Paste the embed script before </body>
  4. Click Update File
  5. Clear your cache

Shopify

  1. Go to Online Store → Themes → Edit Code
  2. Open theme.liquid
  3. Paste the embed script before </body>
  4. Save and publish

Wix

  1. Go to Settings → Custom Code
  2. Click Add Custom Code
  3. Paste the embed script
  4. Set placement to Body - end
  5. Apply to All pages
  6. Publish your site

Squarespace

  1. Go to Settings → Advanced → Code Injection
  2. Paste the embed script in the Footer section
  3. Click Save

Next.js / React

Add the script to your root layout or a client component:

// app/layout.tsx
import Script from 'next/script'

export default function RootLayout({ children }) {
  return (
    <html>
      <body>
        {children}
        <Script
          src="https://embed.chatnexus.io/scripts/embed.js"
          data-chatbot-id="YOUR_CHATBOT_ID"
          strategy="lazyOnload"
        />
      </body>
    </html>
  )
}

Static HTML

Add directly to your HTML file:

<!DOCTYPE html>
<html>
<body>
    <!-- Your page content -->
    
    <script
        src="https://embed.chatnexus.io/scripts/embed.js"
        data-chatbot-id="YOUR_CHATBOT_ID">
    </script>
</body>
</html>

Troubleshooting:

If the widget doesn't appear, check your browser console for errors. Common issues: Content Security Policy blocking the script, or an incorrect chatbot ID.