How to embed my AI agent to my app?

I'm having trouble embedding my AI agent into an iframe within my app. The agent isn't resizing to fit the screen as expected. Here are the steps I've taken:

1. Created the AI agent and copied its URL.

2. Built an app and added an iframe widget to a page.

3. Pasted the agent's URL into the iframe's properties.

Any suggestions on how to resolve the sizing issue?

Hi Emmanuel,

Thanks for reaching out to Jotform Support. Can you share with us the link to your AI agent, and your App so we can check it out and see what's going on further? If you can take a screenshot of what’s happening, that'll help us to understand better what’s going on. Let me show you how to post a screenshot to our Help Center:

1. On the Help Center page, scroll down to the Your Answer section and click on the Image icon.

2. Drag and drop your image into the Upload box, or click on it and select your file.

3. Then, click on the Add button in the bottom-right corner of the window.

4. To resize it, click on your screenshot and then click on one of the boxes in the corners, and drag it inward.

5. Once you're finished, click on the Post Answer button at the bottom right of the Your Answer section.

In the meantime, consider embedding your AI agent to your App through the App Builder's settings tab. Let me show you how:

1. In App Builder, click on the Settings tab on the purple navigational bar at the top.
2. Next, click AI Chatbot on the left side panel, and click on the Add AI Agent button.
3. Click on the Select AI Agent, and select your existing AI agent from the list.
4. Click on the Select Agent button and that's it.
   
   

That's it. Give it a try and let us know if you need any help.