Welcome to the Devana IFrame Integration Documentation. This guide will walk you through the process of integrating Devana's powerful AI capabilities into your web application using an IFrame.
Devana is a cutting-edge AI platform that allows you to create intelligent agents and seamlessly embed them into your applications. By following this documentation, you will be able to harness the power of Devana's AI to enhance your user experience and provide advanced features like real-time assistance, personalized recommendations, and more.
Before getting started, ensure that you have the following:
Follow these steps to integrate Devana into your web application using an IFrame:


src attribute of the IFrame to the agent's link you retrieved in the previous step.Here's an example of how to embed the IFrame:
<iframe src="https://app.devana.ai/chat/{ID}/" width="500" height="600"></iframe>
Remember to replace {ID} with your agent's unique ID.
Devana offers advanced customization options to enhance the integration experience. Some of the key features include:
metadata={JSON} to the IFrame URL, replacing {JSON} with stringified JSON data.preprompt={TEXT} query parameter. Replace {TEXT} with the desired context or initial message.Refer to the "Advanced Usage" section in the README for more details on these features.
One common use case for Devana's IFrame integration is to embed it as a chatbot that opens in the corner of your application when a button is clicked. This provides users with instant access to an AI assistant for support or guidance.
To implement this, follow the steps outlined in the "Devana IFrame as a Chatbot Integration Guide" section. It includes the necessary HTML, CSS, and JavaScript code snippets to create a functional chatbot.
If you encounter any issues during the integration process or have any questions, please refer to the documentation or reach out to our support team at support-it@devana.ai. We are here to assist you and ensure a smooth integration experience.
We value your feedback and are continuously working to improve Devana's capabilities. If you have any suggestions or feature requests, please let us know.
Happy integrating with Devana!