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
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: Understand boundaries and workarounds
Track events on variants: Set up click and conversion tracking
Last updated