> For the complete documentation index, see [llms.txt](https://developer.kizen.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://developer.kizen.com/docs/integrations-and-plugins/plugin-development/floating-frames.md).

# Floating Frames

{% hint style="success" %}
**Audience:** Developers & Solution Architects

**Purpose:** Explains how Floating Frames work in Kizen plugins and how they can be used to build interactive, overlay-based experiences.
{% endhint %}

## Overview

Floating frames are a component of plugins that are positionable overlays on top of <code class="expression">space.vars.Kizen\_company\_name</code>. They seamlessly interact with other components of a plugin. For example, a [data adornment](/docs/integrations-and-plugins/plugin-development/data-adornments.md) on a phone number can be clicked to open an embedded dialer and call the phone number stored in the field.

Floating frames can either be an iframe to embed another page, or be written with HTML + CSS + Javascript. When using an iframe embed, the floating frame is able to react to frame messages and perform actions, as well as post messages to the embedded frame. When using HTML mode, any custom HTML and CSS can be used to render the frame contents, and click handlers can be attached to any UI element to build interactive experiences.

Floating frames also have powerful hooks into the data platform. Based on events or actions taken, the frame can control navigation of the <code class="expression">space.vars.Kizen\_company\_name</code> application, mutate and read data, and show notices or collect input from the user. For example, on an incoming call, the relevant contact record can be automatically opened, and activities can be logged after the phone call is completed.

Floating frames are configurable to match existing brand colors and iconography.

***

## What's Next

Next, continue to [Embedded Pages](/docs/integrations-and-plugins/plugin-development/embedded-pages.md) to learn how plugins can render full-page embedded content that integrates directly into <code class="expression">space.vars.Kizen\_company\_name</code>'s navigation and supports more immersive workflows.

<details>

<summary>Related Topics</summary>

* [Plugin Development](/docs/integrations-and-plugins/plugin-development.md)
* [Toolbar Items](/docs/integrations-and-plugins/plugin-development/toolbar-items.md)
* [Embedded Pages](/docs/integrations-and-plugins/plugin-development/embedded-pages.md)
* [Embedded Blocks](/docs/integrations-and-plugins/plugin-development/embedded-blocks.md)
* [Data Adornments](/docs/integrations-and-plugins/plugin-development/data-adornments.md)
* [Cookies](/docs/integrations-and-plugins/plugin-development/cookies.md)

</details>


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter, and the optional `goal` query parameter:

```
GET https://developer.kizen.com/docs/integrations-and-plugins/plugin-development/floating-frames.md?ask=<question>&goal=<endgoal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.