Storefront & Builder

Visual Website Builder Guide

You do not need to know how to code to build a stunning website. Arzavo features a powerful drag-and-drop Visual Page Builder specifically for Educational Institutes.

Understanding the Builder Architecture

The builder is hierarchical:

  • Pages: The full canvas (e.g., Homepage, About Page).
  • Sections: The horizontal slices of a page (e.g., "Hero Section", "Testimonial Section").
  • Blocks (Widgets): The atomic elements inside a section (e.g., "A specific heading text", "An image block").

How to Add a Section

  1. Navigate to Website > Builder.
  2. Select the Page you want to edit (e.g., 'Home').
  3. Click the blue + Add Section button.
  4. A gallery of pre-designed "Templates" will appear. You can choose a pre-made "Pricing Layout" or a "Contact Form Layout", or start from a "Blank Section" to customize your own grid.

Editing Blocks & Content

  1. Hover over any element in the live preview window.
  2. Click the Pencil Icon to open the block settings.
  3. Change text, upload a new image, or adjust paddings/colors in the right-hand properties panel.
  4. Changes save automatically in Draft Status. Click the master Publish Page button at the top right when you are ready to make it live.
Was this article helpful to your academy? Thank you for your feedback!