Platform Integration Guide

Supported Platforms

• Next.js
• HTML
• Shopify
• Wix
• WooCommerce
• Squarespace
• PHP-based websites

Integration Process

1. Obtain Your Partner ID

• Login to partners.calnita.com
• Navigate to Integration Settings
• Copy your unique Partner ID

2. Widget Installation

// In _app.tsx or layout.tsx
import Script from 'next/script'
 
export default function Layout({ children }) {
  return (
    <>
      <Script
        src={`https://plugin.calnita.com/api/widget?partnerId=YOUR_PARTNER_ID`}
      />
      {children}
    </>
  )
}

<!-- Add before </head> tag -->
<script 
  src="https://plugin.calnita.com/api/widget?partnerId=YOUR_PARTNER_ID"
  async
></script>

Troubleshooting

Common Integration Issues

• Incorrect Partner ID
• Script loading errors
• Widget not rendering

Performance Considerations

• Async script loading
• Minimal performance impact
• Responsive design

Support

If you encounter any issues during integration, contact our support team at support@calnita.com