# 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


---

# 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://support.fibr.ai/fibr-editor/key-features-of-fibr-editor.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.