Page Builder Guide

Fenloz's page builder makes it easy to create professional landing pages without any coding knowledge.

Getting Started

To create a new page:

1. Click Create New Page in the dashboard
2. Choose a template or start from scratch
3. Use the drag-and-drop editor to customize

Editor Interface

The page builder consists of several key areas:

Left Sidebar

• Elements: Drag elements onto your page
• Blocks: Pre-designed sections
• Widgets: Advanced components

Center Canvas

• Visual representation of your page
• Click elements to select and edit
• Drag to reposition elements

Right Panel

• Element settings and properties
• Style options
• Advanced configuration

Working with Elements

Text Elements

Add and edit text:

1. Drag a Text element onto the page
2. Click to edit the content
3. Use the toolbar to format text
4. Adjust spacing and alignment in the right panel

Images

Add images to your page:

1. Drag an Image element onto the page
2. Click Upload Image or choose from library
3. Adjust size and position
4. Add alt text for SEO

Buttons

Create call-to-action buttons:

1. Drag a Button element onto the page
2. Edit button text
3. Set link URL or form action
4. Customize colors and style

Forms

Add lead capture forms:

1. Drag a Form element onto the page
2. Add/remove form fields
3. Configure validation rules
4. Set up submission behavior

Responsive Design

Ensure your page looks great on all devices:

1. Use the device preview buttons
2. Adjust layouts for mobile/tablet
3. Test on actual devices before publishing

Publishing

When you're ready to publish:

1. Click Preview to review
2. Check mobile responsiveness
3. Test all links and forms
4. Click Publish to make it live

Best Practices

• Keep designs simple and focused
• Use high-quality images
• Ensure fast loading times
• Test on multiple devices
• A/B test different variations

For more tips, see our Design Best Practices guide.