Mindset AI Documentation
  • General
    • Welcome
    • AI and Security
      • AI Guidelines
      • Security Q&A
      • AI Buyers Guide
  • Platform
    • Overview
    • Features
      • Welcome workflow
        • How to configure the Welcome workflow
        • Welcome workflow best practices
      • Onboarding workflow
        • How to configure the Onboarding workflow
        • Onboarding best practices
        • How to configure Single Sign-On (SSO)
        • How to Configure Multi Factor Authentication (MFA)
      • Knowledge workflow
        • Content Discovery
          • How to configure Content Discovery
          • Setting up the Content Discovery carousels
          • ‘Trending’ carousel calculations
        • Knowledge Banks
          • How to configure a Content Knowledge Bank
          • Learn about Synced Knowledge Banks
          • How to create Speakers
          • How to exclude Content from being visible
          • How to process PDF files
          • How to process SCORM files
          • Knowledge Bank best practices
          • Prompts
            • How to configure Prompts
            • Prompts best practices
        • Events
          • How to configure External Events
          • How to Configure Live Streaming Events
        • Knowledge workflow FAQs
      • Agents
        • How to configure the Agent workflow
          • How to add an Agent Disclaimer message
        • How to create Agents
          • Settings
          • Personality
          • Policy
          • Capabilities
            • Capabilities best practices
          • Tools
          • LLM (Beta)
          • Design
          • Knowledge
          • Bias
          • Testing
          • Preview
          • Access
        • Language Translation within Agents
    • Design
      • Navigation
      • Branding
      • Thumbnail Design
      • Images
        • SVG Images
        • Selecting the Right Image for your Application
    • Accounts
      • How to configure Accounts
      • How to configure Account branding
      • How to invite end-users to an Account
    • Humans
  • Developers
    • Embed SDK
      • Embed an AI agent: step by step guide
      • How to embed an agent in your site
      • Testing your Embedded Agent
      • Authentication
    • Mindset API
      • Mindset Public APIs
      • HTTP API
        • API Key authentication
        • API Servers
        • api-authenticate-embedded-user
      • REST API
        • Contexts API
        • Context Files API
        • Labels API
  • Analytics
    • Overview
    • ThoughtSpot
      • ThoughtSpot FAQs
        • Adding a logo or image to a liveboard
        • There is data missing from liveboard
        • Exporting raw data
        • Exporting data to a csv file
        • How to add a note to a liveboard
        • How to pin in a liveboard
        • Editing individual data visualizations in a liveboard
        • Thoughtspot Alerts
    • Connecting a BI tool
  • Integrations
    • Overview
      • Choosing Data for your Agent
      • Supported Files
    • Content management
      • Google Drive
        • Google Drive Integration Set-Up
      • SharePoint
        • SharePoint Integration Set-Up
      • Hubspot
      • Podbean
      • Wistia
      • WordPress
      • Dropbox
    • Communication
      • Microsoft Teams
      • Slack
    • Customer Management and Payment
      • Hubspot
      • Stripe
  • Support
    • Contacting support
    • Taking a screenshot on any laptop
    • Resizing & compressing images
    • Performing a hard refresh
    • Application loading time
    • Raise a support ticket
    • Service Level Agreement (SLA)
  • Mindset AI Website
  • Book a Demo
Powered by GitBook
On this page
  • Overview:
  • Embedding Process:

Was this helpful?

  1. Developers
  2. Embed SDK

iFrame Embedding

Overview:

The Mindset application also supports embedding via an iFrame, allowing seamless integration of the entire Mindset platform within your web application. This approach is ideal for incorporating the full functionality of Mindset into websites and web-based platforms, providing users with a comprehensive experience without navigating away from your site.

Embedding Process:

  1. Creating the iFrame: To embed the Mindset application, create an iFrame element in your HTML with the src attribute set to the Mindset application URL.

  2. iFrame Attributes:

    • src: The URL of the Mindset application.

    • width and height: Dimensions of the iFrame. These can be set in pixels or as a percentage of the container's size.

    • frameborder: Set this to 0 for a borderless iFrame.

    • Additional attributes such as allowfullscreen, allowtransparency, and scrolling can be adjusted based on your requirements.

  3. Styling the iFrame: Use CSS to style the iFrame and its container for a seamless integration with your website’s layout and design.

<!DOCTYPE html>
<html>
<head>
    <title>Mindset Application iFrame Embed</title>
    <style>
        .mindset-iframe-container {
            width: 100%;
            height: 600px; /* Adjust as needed */
            border: none;
            overflow: hidden;
        }
    </style>
</head>
<body>
    <h1>Integrated Mindset Application</h1>

    <div class="mindset-iframe-container">
        <iframe src="https://YOUR-MINDSET-URL" 
                width="100%" 
                height="100%" 
                frameborder="0" 
                allowfullscreen>
        </iframe>
    </div>
</body>
</html>

In this example:

  • An iFrame is used to embed the Mindset application within a div container.

  • The src attribute of the iFrame points to the Mindset application URL.

  • CSS styles are applied to ensure that the iFrame fits well within the layout of the page.

Security and Permissions:

  • When the whole Mindset application is embedded, login and user creation is handled by the embedded application itself.

Last updated 5 months ago

Was this helpful?