# 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: 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:

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

The question should be specific, self-contained, and written in natural language.
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.