Getting Started with the Drag and Drop Page Builder

Last updated Nov 9, 2026

Your First Page with the Page Builder

The VoVo page builder lets you create professional web pages by dragging and dropping elements - no code required. Every page is built from sections, which contain rows, which contain elements such as text, images, buttons, and forms.

Opening the Page Builder

  1. Go to Website > Pages in the sidebar.
  2. Click New Page or click Edit on an existing page.
  3. The page builder opens full-screen in your browser.

Adding Sections and Elements

Click the + Add Section button at the bottom of any page to insert a new section. Each section can have one, two, or three column layouts. Within a section, drag elements from the left panel into your columns:

  • Text and Heading - Paragraphs and headings with full typography controls.
  • Image - Upload or select from your media library.
  • Button - Call-to-action buttons with customisable link, colour, and size.
  • Video - Embed YouTube, Vimeo, or upload your own video.
  • Form - Embed any form you have built in the Forms module.
  • Spacer and Divider - Add breathing room between sections.
  • Icon Box, Testimonial, Countdown, Map - And many more pre-built blocks.

Editing Element Properties

Click any element on the canvas to open its settings panel on the left. You can change colours, fonts, padding, margins, and animations without touching any code. Changes preview in real time.

Mobile and Tablet Preview

Use the device preview buttons in the top toolbar to switch between desktop, tablet, and mobile views. Every element is responsive by default, and you can override spacing and visibility settings per device.

Saving and Publishing

Click Save to save your draft, or Publish to make the page live immediately. You can also schedule a page to publish at a future date and time.

Was this article helpful?