Full Site Editor Overview

FSE Overview
FSE Overview

The Full Site Editor (FSE) is a no-code website builder built directly into Panelr. It allows you to create and manage your customer-facing website without writing any code.

The editor is fully visual and section-based. You control what appears on your site by enabling, disabling, and customizing sections, with changes reflected instantly in the live preview.

How It Works

The editor is divided into three main areas:

Left Panel (Sections / Theme / Settings)

This is where you control your site structure and appearance:

  1. Sections tab — Add, remove, reorder, and toggle visibility of page sections
  2. Theme tab — Control colors, styling, and overall look
  3. Settings tab — Manage global site settings

Each section (Hero, About, Plans, FAQ, etc.) can be turned on or off and reordered to control page layout.

Center Panel (Live Preview)

This is a real-time preview of your website:

  1. See changes instantly as you edit
  2. Interact with your layout as your customers would
  3. Navigate between sections visually

Top Toolbar

Controls page-level and publishing actions:

  1. Switch between pages
  2. Toggle device views (desktop, tablet, mobile)
  3. View site status (e.g., Offline)
  4. Publish changes live

Key Concepts

  1. Section-Based Editing — Your site is built from modular sections that can be rearranged and customized
  2. Live Preview — No guesswork; changes are visible immediately simply click "Preview" in the toolbar after making a change.
  3. No Code Required — Everything is managed through the interface
  4. Publish Workflow — Changes are only visible to customers after publishing