AI popups

Create interactive experiences with just a prompt.

Custom AI-coded popups allow you to fully customize the contents and layout of layer interactions within Felt. With this feature you can build a custom interface and layout all within the Felt interface.

Examples

Interactive Charts

Automatically generate interactive charts directly inside your popup to reveal trends and patterns at a glance.

Advanced navigation

Quickly create popups with expandable sections or tabbed navigation, so users can explore details without being overwhelmed.

Branded popups

Create custom popups that reflect your organization's identity, with brand colors, typography, and logos applied automatically.

Create a custom popup with Felt AI

  1. Click Extensions () in the toolbar and select the option for Custom popup

  2. Select the layer from the menu and click Next

  3. The popup interface will open with Felt's default popups in preview

    1. the left side includes the code editor (HTML/CSS/JS) and AI prompt area where you chat with Felt AI, plus console logging for debugging

    2. the center includes the popup previews (both desktop & mobile modes available)

    3. the right side includes popup layout settings

  4. Describe what you want your popup to display by typing in the AI prompt area. Examples:

    1. "Create a popup with tabs showing property details, demographics, and transit data in separate card layouts with the property photo at the top"

    2. "Show a bar chart comparing this location's sales data to regional averages"

    3. "Add an expandable section that shows basic info first, with a Show Details button"

  5. Review the generated HTML/CSS code and preview the pop ups in both Desktop and Mobile mode

    1. You can modify the code directly in the code editor. Edits are applied immediately.

  6. Click Save (top right) once you are finished editing the popup

  7. Test the popup experience by clicking on a feature in your map. Note: Changes are applied immediately to your live map.

Advanced customization

See Popup interactions for more information about popups.

Last updated

Was this helpful?