Next-Gen AI Shopping Assistant for Online Stores - Zeroagent Documentation

We’re Getting Better Every Day! Sorry for any mistakes. You can contact our Support Team for more information

Shopify Store Connection Issues

Troubleshooting: Chat Widget Not Displaying

SDK Not supporting the application

Troubleshooting: Error adding Zeroagent in Next JS

If you encounter issues regarding async/await is not yet supported in Client Components, only Server Components please use below method.

app/layout.tsx

import Script from "next/script"; 

export default function RootLayout({
  children,
}: Readonly<{
  children: React.ReactNode;
}>) {

      return (
    <html lang="en" className="">
      <head>
        {/* Widget Element */}
        <Script
        src="https://cdn.jsdelivr.net/npm/@zeroagent/js@latest/dist/index.js" 
        async
        strategy="beforeInteractive"
      ></Script>
      <Script
          id="zeroagent-init"
          strategy="afterInteractive"
          dangerouslySetInnerHTML={{
            __html: `
              Zeroagent('d9a5be9969274c95b998a611949ec46e', 'kwT5hBdZGr_RykXJTRscOvXBx93QGVoRJfz-EzhZLdo');
            `,
          }}          
        />

      </head>
      <body
        className={`${geistSans.variable} ${geistMono.variable} antialiased`}
      >
        {children}
        
        {/* Widget Element */}
      <div id="zeroagent-ai-widget"></div>
      </body> 
    </html>
  );
}

We’re Getting Better Every Day! Sorry for any mistakes. You can contact our Support Team for more information

Shopify Store Connection Issues

Troubleshooting: Chat Widget Not Displaying

SDK Not supporting the application

Troubleshooting: Error adding Zeroagent in Next JS

If you encounter issues regarding async/await is not yet supported in Client Components, only Server Components please use below method.

app/layout.tsx

import Script from "next/script"; 

export default function RootLayout({
  children,
}: Readonly<{
  children: React.ReactNode;
}>) {

      return (
    <html lang="en" className="">
      <head>
        {/* Widget Element */}
        <Script
        src="https://cdn.jsdelivr.net/npm/@zeroagent/js@latest/dist/index.js" 
        async
        strategy="beforeInteractive"
      ></Script>
      <Script
          id="zeroagent-init"
          strategy="afterInteractive"
          dangerouslySetInnerHTML={{
            __html: `
              Zeroagent('d9a5be9969274c95b998a611949ec46e', 'kwT5hBdZGr_RykXJTRscOvXBx93QGVoRJfz-EzhZLdo');
            `,
          }}          
        />

      </head>
      <body
        className={`${geistSans.variable} ${geistMono.variable} antialiased`}
      >
        {children}
        
        {/* Widget Element */}
      <div id="zeroagent-ai-widget"></div>
      </body> 
    </html>
  );
}

FAQs

Get Started

Features

Online Store

Make Smarter

Materials

FAQs