> For the complete documentation index, see [llms.txt](https://support.fibr.ai/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://support.fibr.ai/fibr-editor/key-features-of-fibr-editor.md).

# Key features of Fibr Editor

Fibr Editor gives you full control over your landing pages without touching code. Here's everything you can do.

***

#### Content Editing

**Edit any element** Click on any text, image, video, or button to modify it. Change headlines, update CTAs, swap product images, or replace video embeds. The editor works with most standard HTML elements.

**Delete elements** Remove anything that doesn't belong in your variant. Hide distracting sections, remove outdated banners, or simplify the page for specific audiences. Deleted elements only disappear in your variant; the original page stays intact.

**Add widgets** Insert new components like pop-ups, notification bars, countdown timers, or lead capture forms. Widgets help you add functionality without editing your site's codebase.

***

#### Layout Control

**Move and rearrange elements** Drag sections to reorder your page. Move testimonials above the fold, reposition CTAs, or restructure content flow. The editor maintains your page's layout integrity so nothing breaks.

**Resize elements** Adjust the dimensions of containers, images, and sections. Make a hero image larger, shrink a sidebar, or expand a content block to fill more space.

**Group elements** In Controlled Mode, you can group related elements together. This ensures they load as a unit, preventing awkward partial rendering where some elements appear before others.

***

#### Styling

**Change visual properties** Update fonts, colors, spacing, and backgrounds without CSS. Make a button stand out with a new color, increase text size for readability, or adjust padding for better visual balance.

**What you can style:**

* Font family, size, weight, and color
* Background colors and images
* Padding and margins
* Border styles and radius
* Text alignment
* Opacity and visibility

***

#### Advanced Editing

**Direct HTML editing** For changes that go beyond the visual editor, switch to HTML mode. Edit the underlying code directly to add custom attributes, embed third-party scripts, or make precise adjustments.

> **Note:** HTML editing is powerful but requires basic HTML knowledge. Incorrect changes can break your variant's appearance or functionality.

***

#### Version Control

**Change logs** Every edit is tracked. You can view saved changes, review drafts, and see the complete history of modifications for each variant.

**Conflict detection** When editing for different devices (desktop vs. mobile), Fibr flags potential conflicts. This helps you catch issues where a change looks great on desktop but breaks the mobile experience.

**Draft and publish workflow** Save work-in-progress as drafts without affecting live experiences. When you're ready, publish with one click. Need to undo? Revert to any previous version instantly.

***

#### Device-Specific Editing

**Desktop and mobile views** Switch between device views to see how your changes look on different screen sizes. Make device-specific adjustments when a single design doesn't work everywhere.

**Responsive preview** Preview your variant across common breakpoints before publishing. Catch layout issues before visitors do.

***

#### Quick Reference

| Feature            | What It Does                                        |
| ------------------ | --------------------------------------------------- |
| Edit Element       | Modify text, images, videos, buttons, and more      |
| Delete Element     | Remove any element from your variant                |
| Add Widgets        | Insert pop-ups, banners, and interactive components |
| Move/Rearrange     | Drag elements to reorder page sections              |
| Resize             | Adjust dimensions of containers and images          |
| Group Elements     | Bundle elements to load together (Controlled Mode)  |
| Style Changes      | Update fonts, colors, spacing, and backgrounds      |
| HTML Edit          | Make direct code changes for advanced customization |
| Change Logs        | Track all edits with full version history           |
| Conflict Detection | Identify issues across device views                 |

***

#### What's Next?

* [**Limitations of Fibr Editor**](/fibr-editor/limitations-of-fibr-editor.md)**:** Understand boundaries and workarounds
* [**Track events on variants**](/tracking-and-analytics/success-metric-in-fibr-campaigns.md)**:** Set up click and conversion tracking