Getting Started with OpenCX Widget

The OpenCX Widget can be integrated into your application in several ways, depending on your needs and technical requirements.

​

Integration Options

<script src="https://unpkg.com/@opencx/widget@latest/dist-embed/script.js"></script>

npm install @opencx/widget

npm install @opencx/widget

npm install @opencx/widget

​

Choose Your Path

1. I want the quickest setup possible:

   • Use the Embed Script to add the widget with a single line of code
   • Great for websites, landing pages, and simple integrations
   • Limited customization options

2. I’m building a React application:

   • Use the React Integration
   • Full customization support
   • Access to hooks and components
   • Custom UI components

3. I’m building a mobile app:

   • Use the React Native Integration
   • Native mobile UI components
   • Platform-specific features
   • Mobile-optimized performance

4. I need complete control:

   • Start with the Core Package
   • Build custom UI from scratch
   • Framework agnostic
   • Maximum flexibility

​

Next Steps

1. Choose your integration method from above
2. Follow the setup guide for your chosen method
3. Explore customization options:
   • Basic Customization
   • Custom UI Components
   • Headless Mode
4. Reference the API Documentation for detailed information