# Fluent Forms Visual Reference Library

Built from Fluent Forms’ public documentation site (docs.fluentforms.com) only — their embedded, annotated UI screenshots, never the live app (behind a WP login, not reachable) and never their source code. Regenerate with `node docs/reference/scrape-fluent-docs.mjs`.

Total: 108 files (93 embedded content screenshots + 15 full-page doc captures), 16 MB on disk.

## builder-user-interface

- Source: https://docs.fluentforms.com/user-interface
- Corresponds to: Builder shell — topbar, canvas, side panel (Palette/Settings/History)
- Full doc page capture: `builder-user-interface--doc-page.png`
- Embedded screenshots:
  - `builder-user-interface--01.webp` — Dashboard
  - `builder-user-interface--02.webp` — Form Menu
  - `builder-user-interface--03.webp` — Category
  - `builder-user-interface--04.webp` — Form Builder
  - `builder-user-interface--05.webp` — Form Template
  - `builder-user-interface--06.webp` — Entries
  - `builder-user-interface--07.webp` — Payment
  - `builder-user-interface--08.webp` — Global Settings
  - `builder-user-interface--09.webp` — Tools
  - `builder-user-interface--10.webp` — Integration
  - `builder-user-interface--11.webp` — Support

## builder-create-a-form

- Source: https://docs.fluentforms.com/create-a-form
- Corresponds to: New Form flow + builder editor default state
- Full doc page capture: `builder-create-a-form--doc-page.png`
- Embedded screenshots:
  - `builder-create-a-form--01.webp` — Add new form
  - `builder-create-a-form--02.webp` — New form options
  - `builder-create-a-form--03.webp` — Form editor
  - `builder-create-a-form--04.webp` — Rename form
  - `builder-create-a-form--05.gif` — Drag drop fields
  - `builder-create-a-form--06.webp` — Field customization
  - `builder-create-a-form--07.webp` — Form edit history
  - `builder-create-a-form--08.webp` — Save and shortcode
  - `builder-create-a-form--09.webp` — Paste form shortcode
  - `builder-create-a-form--10.webp` — Form preview

## field-palette-overview

- Source: https://docs.fluentforms.com/form-fields-overview
- Corresponds to: Field Palette (assets/src/builder/features/palette/)
- Full doc page capture: `field-palette-overview--doc-page.png`
- Embedded screenshots: none found on this page.

## field-settings-simple-text

- Source: https://docs.fluentforms.com/adding-a-simple-text-input-field
- Corresponds to: Input Customization panel (FieldSettings.js) — representative field settings
- Full doc page capture: `field-settings-simple-text--doc-page.png`
- Embedded screenshots:
  - `field-settings-simple-text--01.webp` — Edit a Simple Text Input
  - `field-settings-simple-text--02.webp` — a Simple Text Input Field step
  - `field-settings-simple-text--03.webp` — Input Customization Fluent Forms
  - `field-settings-simple-text--04.webp` — Basic Options Fluent Forms
  - `field-settings-simple-text--05.webp` — Advanced Options
  - `field-settings-simple-text--06.webp` — Save Fluent Forms
  - `field-settings-simple-text--07.webp` — Preview a Simple Text Input

## conditional-logic-setup

- Source: https://docs.fluentforms.com/set-up-forms-with-conditional-logic
- Corresponds to: Rule Builder (assets/src/builder/logic/ui/RuleBuilder.js)
- Full doc page capture: `conditional-logic-setup--doc-page.png`
- Embedded screenshots:
  - `conditional-logic-setup--01.webp` — Open Set up Forms with
  - `conditional-logic-setup--02.webp` — Input Customization Fluent Forms
  - `conditional-logic-setup--03.webp` — Conditional Match Fluent Forms
  - `conditional-logic-setup--04.webp` — Any Conditional Fluent Forms
  - `conditional-logic-setup--05.webp` — Preview Any Condional Set up Forms with
  - `conditional-logic-setup--06.webp` — All Condional Fluent Forms
  - `conditional-logic-setup--07.webp` — Preview All Conditional Set up Forms with
  - `conditional-logic-setup--08.webp` — Group Conditional Fluent Forms
  - `conditional-logic-setup--09.webp` — Preview Group One Codinitional Set up Forms with
  - `conditional-logic-setup--10.webp` — Preview Group Two Conditionals Set up Forms with

## conditional-confirmation

- Source: https://docs.fluentforms.com/conditional-confirmation-message
- Corresponds to: Per-form Settings & Integrations → Confirmation tab
- Full doc page capture: `conditional-confirmation--doc-page.png`
- Embedded screenshots:
  - `conditional-confirmation--01.webp` — Confirmation Settings
  - `conditional-confirmation--02.webp` — Add Confirmation Conditional Confirmation Message
  - `conditional-confirmation--03.webp` — Confirmation Message
  - `conditional-confirmation--04.webp` — Pass String Query
  - `conditional-confirmation--05.webp` — Confirmation Logic

## notifications-confirmations-overview

- Source: https://docs.fluentforms.com/notifications-confirmations-overview
- Corresponds to: Per-form Settings & Integrations → Confirmation/notification tabs
- Full doc page capture: `notifications-confirmations-overview--doc-page.png`
- Embedded screenshots: none found on this page.

## notifications-editor

- Source: https://docs.fluentforms.com/setup-adminuser-email-notifications
- Corresponds to: Notification email settings (currently: Global Settings notification_email + Cc/Bcc fields)
- Full doc page capture: `notifications-editor--doc-page.png`
- Embedded screenshots:
  - `notifications-editor--01.webp` — Editor Fluent Forms
  - `notifications-editor--02.webp` — Settings Integration Email Notification Add Notification Setup Admin/User Email Notifications
  - `notifications-editor--03.webp` — Email Notfications Page
  - `notifications-editor--04.webp` — Email Notifications Admin
  - `notifications-editor--05.webp` — Select Field Option Setup Admin/User Email Notifications
  - `notifications-editor--06.webp` — Subject Option Fluent Forms
  - `notifications-editor--07.webp` — Email Body Option
  - `notifications-editor--08.webp` — Send Email As Raw HTML Format
  - `notifications-editor--09.webp` — Conditional Logics Fluent Forms
  - `notifications-editor--10.webp` — Media File Attachments Option
  - `notifications-editor--11.webp` — Advanced Option Fluent Forms

## entries-table

- Source: https://docs.fluentforms.com/managing-entries
- Corresponds to: Entries screen (admin/class-entries-page.php)
- Full doc page capture: `entries-table--doc-page.png`
- Embedded screenshots:
  - `entries-table--01.webp` — Entries Dashboards Fluent Forms
  - `entries-table--02.webp` — Show Chart Fluent Forms
  - `entries-table--03.webp` — Entries Filter Fluent Forms
  - `entries-table--04.webp` — Pagination Fluent Forms
  - `entries-table--05.webp` — Unnamed Fluent Forms
  - `entries-table--06.webp` — Unnamed Fluent Forms
  - `entries-table--07.webp` — Unnamed
  - `entries-table--08.webp` — Advanced Filter
  - `entries-table--09.webp` — Entries Advanced Filter
  - `entries-table--10.webp` — Unnamed Fluent Forms
  - `entries-table--11.webp` — Unnamed Fluent Forms

## entries-search-filter

- Source: https://docs.fluentforms.com/search-and-filter-form-entries
- Corresponds to: Entries Advanced Filter + search/filter toolbar
- Full doc page capture: `entries-search-filter--doc-page.png`
- Embedded screenshots:
  - `entries-search-filter--01.webp` — Search and Filter Form Entries step
  - `entries-search-filter--02.webp` — Search and Filter Form Entries step
  - `entries-search-filter--03.webp` — Search and Filter Form Entries step

## entries-single-entry-edit

- Source: https://docs.fluentforms.com/edit-user-submitted-entries
- Corresponds to: Single-entry detail/edit view
- Full doc page capture: `entries-single-entry-edit--doc-page.png`
- Embedded screenshots:
  - `entries-single-entry-edit--01.webp` — Edit User Submitted Entries step
  - `entries-single-entry-edit--02.webp` — Edit User Submitted Entries step
  - `entries-single-entry-edit--03.webp` — Edit User Submitted Entries step
  - `entries-single-entry-edit--04.webp` — Edit User Submitted Entries step

## entries-visual-report

- Source: https://docs.fluentforms.com/visual-representation-of-form-entries
- Corresponds to: Reports Overview (admin/class-reports-page.php)
- Full doc page capture: `entries-visual-report--doc-page.png`
- Embedded screenshots:
  - `entries-visual-report--01.webp` — Visual Entries Fluent Forms
  - `entries-visual-report--02.webp` — Entries Fluent Forms
  - `entries-visual-report--03.webp` — Entries Fluent Forms
  - `entries-visual-report--04.webp` — Visual Representation of Form Entries step
  - `entries-visual-report--05.webp` — Chart Fluent Forms
  - `entries-visual-report--06.webp` — Print Report

## global-settings-layout

- Source: https://docs.fluentforms.com/form-layout-settings
- Corresponds to: Global Settings → Layout (admin/class-settings-page.php)
- Full doc page capture: `global-settings-layout--doc-page.png`
- Embedded screenshots:
  - `global-settings-layout--01.webp` — Editor Fluent Forms
  - `global-settings-layout--02.webp` — Layout Settings Fluent Forms
  - `global-settings-layout--03.webp` — Label Alignment Option
  - `global-settings-layout--04.webp` — Preview Label Alignment Form Layout Settings
  - `global-settings-layout--05.webp` — Help Message Option
  - `global-settings-layout--06.webp` — Preview Help Message Form Layout Settings
  - `global-settings-layout--07.webp` — Error Message Option
  - `global-settings-layout--08.webp` — Preview Error Message Form Layout Settings
  - `global-settings-layout--09.webp` — Asterisk Position Option
  - `global-settings-layout--10.webp` — Preview Asterisk Marker Position Form Layout Settings

## integrations-grid

- Source: https://docs.fluentforms.com/integrations-overview
- Corresponds to: Integrations screen (admin/class-integrations-page.php)
- Full doc page capture: `integrations-grid--doc-page.png`
- Embedded screenshots: none found on this page.

## reports-dashboard

- Source: https://docs.fluentforms.com/reports-dashboard-overview
- Corresponds to: Reports Overview tab, stat tiles + charts
- Full doc page capture: `reports-dashboard--doc-page.png`
- Embedded screenshots:
  - `reports-dashboard--01.webp` — Reports Dashboard Overview step
  - `reports-dashboard--02.webp` — Fluent Forms
  - `reports-dashboard--03.webp` — Reports Dashboard Overview step
  - `reports-dashboard--04.webp` — 1536x273
  - `reports-dashboard--05.webp` — Reports Dashboard Overview step