Complete Step-by-Step Guide to Create a Website in KeaBuilder

KeaBuilder makes it simple to build professional, responsive, and fully customizable websites without needing technical expertise. This step-by-step guide will walk you through the entire process — from creating a new website project to designing its layout, adding content, and customizing elements.

Step 1: Log In to KeaBuilder

  • Begin by logging into your KeaBuilder account using your registered email/username and password.
  • After a successful login, you will land on the Main Dashboard, the central workspace where you can access all tools and modules.

Step 2: Access the Website Section

  • On the left vertical menu bar, scroll down and click on Websites.
  • This will redirect you to the Websites Section, where you can see a list of all websites you’ve previously created.
  • If you are new and haven’t designed any websites yet, this section will appear blank.

Step 3: Create a New Website

  • At the top horizontal menu, locate the “+ Create Website” option and click on it.
  • A popup window will open, prompting you to:
    • Enter Website Name (e.g., “My Business Site”).
    • Upload Website Thumbnail (optional, for easier identification).
  • Once done, click on Create.
  • You will be redirected to your Website Dashboard.

Step 4: Add Website Pages

  • Inside your individual website dashboard, you’ll see the list of pages created for this website.
  • If no pages exist yet, click on “+ Create Page” to start building your first page.

Step 5: Choose a Template or Start From Scratch

  • A popup will open where you can:
    • Select from In-Built Templates: Browse categories and preview multiple templates to find the one that suits your brand.
    • Start with a Blank Template: If you want full creative control.
  • After selecting, you will be asked to provide:
    • Page Name (e.g., “Home,” “About Us”).
    • Page Path/URL (e.g., /home).
    • Page Thumbnail (optional).
  • Click on Create to continue.

Step 6: Use the Website Builder

  • Once the page is created, you will be redirected to the Website Builder interface.
  • At the top menu, you’ll find different design tools such as:
    • Layout (templates, sections, rows, headers, footers).
    • Elements (text, images, buttons, lists, forms, etc.).
    • Popup (to design popup windows).
    • Devices (preview how your site looks on desktop, tablet, and mobile).

Step 7: Structure Your Page Layout

  • Add Sections
    • Click on Layout → Sections.
    • Choose from predefined widths such as 100%, 90%, 80%, … down to 40%.
    • Select the section size you want and drag it onto the builder canvas.
  • Add Rows
    • Next, go to Layout → Rows.
    • Choose from options like Single Row, Double Row, Triple Row, etc.
    • Drag the row into the section where you want content to be placed.

Step 8: Add Elements to Your Page

  • After placing rows, you will see the option to “+ Add Element.”
  • Click on it, and a submenu of elements will appear, such as:
    • Heading (H1, H2, H3, etc.)
    • Text (paragraphs, lists)
    • Images (upload new or use from your library)
    • Buttons (various styles like Solid, Round, Pill, Shadow, Outline, Block)
    • And many more (forms, icons, dividers, etc.).

Step 9: Insert Content

  1. Headings
    • Choose Heading → select the style (H1, H2, H3, etc.) and place it on the page.
  2. Text Content
    • From Elements → Text, drag a text block under the heading to add supporting content.
  3. Images
    • To add visuals, go to Elements → Image.
    • Upload from your computer or choose from your media library.
    • Drag it to the right or left side depending on your layout.
  4. Buttons
    • To create CTAs (Call-to-Actions), go to Elements → Button.
    • Select a style (Solid, Round, Pill, Shadow, etc.) and place it on the page.
    • Customize the text and link (e.g., “Get Started,” “Buy Now”).

Step 10: Customize and Save

  • Continue designing by dragging, dropping, and customizing sections, rows, and elements.
  • Use the style and design tools to adjust fonts, colors, backgrounds, and spacing.
  • Once satisfied, click on the Save (✔) button at the top to save your work.

✅ You have now successfully created your first website page in KeaBuilder. From here, you can repeat the same steps to add more pages, design additional layouts, and fully customize your entire website.