Feedloop AI
  • GETTING STARTED
    • Discover Feedloop AI
    • Authentication
      • Sign Up
      • Login
    • Platform
      • Workspace
      • Project
      • People
      • Usage
  • WHAT IS AGENT
    • What is Agent
      • ⚪Manage Agent
    • Basic Agent
      • ⚪Instruction
        • Who
        • What
      • ⚪Training
        • Rules
        • Example
      • ⚪Skill
        • Knowledge
        • Analys
      • ⚪Style
    • Procedures
    • Advance Reasoning
      • ⚪Creating New Agent
      • ⚪Advance Agent Activation
      • ⚪Deleting Agent
      • ⚪Advance Agent Managing Existing
  • AGENT SETTINGS
    • Instruction
      • Who
      • What
      • Additional Instruction
    • Training
      • Chat Rules
      • Retrieval
      • Answering
    • Context
      • Primitive Context
      • Array
    • Tools
      • Knowledge
      • API - Call
        • Manage API Call
        • Basic Configuration
        • Header
        • Body Field
          • Input Binding
            • Page 2
          • Output Binding
        • Testing API Call
        • Trouble Shooting
        • Example Implementation
          • API Call Covid
      • Data Connector
    • Card
      • Intro & Summary Text
      • Data Visualization Card
      • Analyze Card
    • Procedure Basic Info
      • Activation Condition
      • Goal
      • Action
    • Procedures Interaction
      • Procedures Step
      • Procedures Context
      • Procedures Tools
  • AGENT UTILITY
    • Resource
      • Document PDF
        • Preparing your PDF
      • Data Connector
        • Create new data connector
        • Configure dataset, table, and column
        • Using Data Playground
        • Dataset in Data Playground
        • Training in Data Playground
        • SQL generation and modification
        • SQL Execution
    • Apps
      • Chat Widget
      • Web App
    • Testing
    • Monitoring
      • Customer Chat
      • Context
      • Document
  • TASK
    • ⚪Image Analyzer
      • Building Analyzer
      • ID Identifier
    • ⚪Document Analyzer
      • Contractual Document Analyzer
    • ⚪Database Analyzer
    • ⚪Additional Solution
      • Text Sentiment Analyzer
      • Customer Complaint Analyzer
  • For Developer
    • API Chat
      • Chat Initialization
      • Chat Message
      • Chat History
      • Error Handling
    • Embed Widget
      • Embedding the Widget
      • Identity Attributes
      • Widget Attribute Details
Powered by GitBook
On this page
  • Supported Attributes
  • Example Widget Script with Identity Attributes
  1. For Developer
  2. Embed Widget

Identity Attributes

To enhance the widget functionality, you can configure several attributes directly in the <script> tag. These attributes allow you to personalize the widget for individual users.

Supported Attributes

Attribute
Type
Description
Example Usage

src

String

The URL source of the widget script.

<script src="https://your-widget-url"></script>

data-token

String

The authentication token for verifying secure access to the widget.

data-token="YOUR_TOKEN_HERE"

data-identity

String

A unique identifier for the user, such as email or user ID.

data-identity="user@example.com"

data-profile-*

String

Custom attributes for user profiles to personalize the widget (e.g., name, gender).

data-profile-name="John Doe" data-profile-gender="male"

data-fullscreen

Boolean

Enables (true) or disables (false) fullscreen mode when the widget loads.

data-fullscreen="false"

data-hide-header

Boolean

Shows (false) or hides (true) the widget's header for a cleaner interface.

data-hide-header="true"


Example Widget Script with Identity Attributes

Below is an example of embedding the widget with configuration attributes for a personalized experience:

htmlCopy code<body>
    <script 
        src="https://storage.googleapis.com/flai/widget.min.js"
        data-token="YOUR_TOKEN_HERE"
        data-identity="user@example.com"
        data-profile-name="John Doe"
        data-profile-gender="male"
        data-fullscreen="false"
        data-hide-header="true">
    </script>
</body>
PreviousEmbedding the WidgetNextWidget Attribute Details

Last updated 5 months ago