​
Browser Compatibility Information

Ringg AI’s Web Call integration is compatible with all modern browsers:

  • Chrome 55+
  • Firefox 53+
  • Safari 11+
  • Edge 79+
  • Opera 42+

​
For optimal performance:

  • Ensure the browser has permission to access the microphone
  • WebRTC capabilities must be enabled
  • JavaScript must be enabled
  • Mobile browsers are supported, but performance may vary based on device capabilities

​
Placement and Visibility

  • Consistent positioning: Place the Web Call button in a consistent location across your site, typically in the bottom right corner.
  • Visual contrast: Ensure the button contrasts well with your website’s background for better visibility.
  • Attention indicators: Consider using subtle animations like pulsing to draw attention to the feature without being distracting.
  • Mobile optimization: Ensure the button is appropriately sized and positioned on mobile devices.

​
User Experience

  • Clear instructions: Provide brief instructions on how to interact with the assistant when the call begins.
  • Introduction message: Include a concise introduction explaining what the assistant can help with.
  • Text alternatives: Offer text-based interaction options for users who prefer not to use voice.
  • Visual feedback: Provide clear visual cues when the microphone is active or when the assistant is processing.

​
Performance Optimization

  • Asynchronous loading: Load the Web Call script asynchronously to prevent blocking page rendering.
  • Lazy loading: Consider loading the Web Call component only when the user scrolls near it.
  • Error handling: Implement proper error handling to gracefully degrade if the service is unavailable.
  • Bandwidth management: Inform users about potential data usage for voice calls, especially on mobile connections.

​
Integration Setup

  • Domain whitelisting: Add all domains where the assistant will be embedded to the whitelist.
  • CDN permissions: Ensure your Content Security Policy allows the required CDN resources.
  • Cross-browser testing: Test the integration across all major browsers and devices.
  • Version pinning: Consider pinning to a specific version of the SDK instead of using “latest” for production environments.

​
Customization

  • Brand alignment: Customize button colors and styles to match your brand identity.
  • Contextual variables: Pass relevant page or user context to the assistant to provide more personalized responses.
  • Custom button text: Modify the button text to clearly communicate the purpose of the assistant.
  • Responsive design: Ensure the Web Call interface adapts appropriately to different screen sizes.