Back to Documentation
Page Builder

Drag & Drop Editor

12 min read

Master the GeniuzQuiz visual page builder and create stunning funnels without writing any code.

Editor Interface

The editor is divided into three main sections:

  • Left Sidebar - Element library and templates
  • Center Canvas - Live preview of your page
  • Right Sidebar - Element properties and settings

Adding Elements

To add elements to your page:

  1. Open the Elements tab in the left sidebar
  2. Browse categories: Text, Images, Buttons, Forms, etc.
  3. Drag any element onto the canvas
  4. Drop it in the desired location
  5. Adjust position and size as needed

Customizing Elements

Click any element to customize it:

  • Content - Edit text, images, and media
  • Styling - Colors, fonts, spacing, borders
  • Layout - Alignment, width, margins, padding
  • Actions - Links, buttons, form submissions
  • Advanced - Custom CSS, animations, visibility rules

Keyboard Shortcuts

Speed up your workflow with these shortcuts:

  • Cmd/Ctrl + Z - Undo
  • Cmd/Ctrl + Y - Redo
  • Cmd/Ctrl + D - Duplicate element
  • Del/Backspace - Delete element
  • Cmd/Ctrl + S - Save

🎨 Design Tip

Use consistent spacing and alignment to create professional-looking pages. Enable the grid and snap-to-grid features for pixel-perfect layouts!