Embeddable Widget

Cara Widget

AI-powered careers advice widget that seamlessly integrates into any website.

Quick Start

Add the Cara Widget to your website in two simple steps:

        <!-- STEP 1: Configure widget (BEFORE script loads) -->
        <script> window.CaraWidget = { config: {
        apiKey: 'YOUR_API_KEY_HERE', partnerName:
        'Your Company Name' } }; </script>

        <!-- STEP 2: Load the widget script -->
        <script src="https://embedd.cara.certchain.net/cara-widget.umd.js"></script>
      

Important: The configuration window.CaraWidget.config must be defined before loading the widget script. This allows the widget to auto-initialize with your settings. Replace YOUR_API_KEY_HERE with your actual API key.

Configuration Options

apiKey (required) - Your Cara API key for authentication
partnerName (optional) - Your organization or company name

How It Works

The widget uses automatic initialization:

Auto-Initialization

        <!-- Set config before script loads -->
        <script> window.CaraWidget = { config: {
        apiKey: 'YOUR_API_KEY_HERE', partnerName:
        'Your Company' } }; </script> <script
        src="https://embedd.cara.certchain.net/cara-widget.umd.js"></script>
      

Note: The widget automatically initializes when the script loads if window.CaraWidget.config is properly defined. No manual initialization is required.

Features

🤖 AI-powered career guidance and advice
🎨 Seamless integration with Shadow DOM for style isolation
📱 Fully responsive and mobile-friendly
♿ Accessible with ARIA labels and keyboard navigation
🚀 Lightweight and fast-loading
🔒 Secure and privacy-focused

Live Demo: The widget is live on this page! Look for the chat icon in the bottom-right corner to interact with Cara.