Getting Started with Your Website on KeaBuilder

Before you dive into building your online presence with KeaBuilder, it’s important to start with a clear plan. This guide walks you through every step of the website creation process—from strategy to launch.

🎯 Plan Before You Build

Success starts with clarity. Before you open the builder:

  • Define the purpose of your website (e.g., portfolio, business, e-commerce, landing page).
  • Identify your target audience and the key actions you want them to take.
  • List the features and pages you'll need (e.g., blog, contact form, service list).
  • Decide on a design style, color scheme, and navigation structure.
  • Ensure your content supports a smooth, engaging user experience (UX).

🚀 Create Your Website in KeaBuilder

Step 1: Access the Website Builder

  • From the left-hand sidebar, click on “Websites”.

Step 2: Start a New Website

  • Click the “+” icon at the top right, just below your profile.

Step 3: Fill Out Your Website Details

  • Enter your Website Title
  • Choose a Category that best fits your site’s purpose
  • Click “Create”

✅ Your website shell is now created and ready for pages to be added.

📄 Build Your Website Pages

Step 4: Manage Website Pages

  • Click “View Pages” on your website dashboard.

Step 5: Create Your First Page

  • Click “Create Page”

Step 6: Choose a Template or Start From Scratch

  • Browse a collection of professionally designed templates tailored to different industries.
  • Prefer full control? Choose “Create From Scratch” to build from a blank canvas.

Step 7: Configure Your Page Settings

  • Name your page and define the URL path (e.g., /about, /services)

🎨 Page Design Tools

KeaBuilder’s drag-and-drop builder allows you to customize every detail of your website using:

Sections (Blue + Icon)

Sections define large content blocks (e.g., hero banners, testimonials).

  • Click the Blue "+" to add a new section to your page.

🟩 Rows (Green + Icon)

Rows organize your content horizontally.

  • Click the Green "+" to add a row within a section.
  • Select a column layout (e.g., 1-column, 2-column, 3-column).

🟨 Elements (Gold + Icon)

Elements are individual content components like text, buttons, images, forms, and videos.

  • Click the Gold "+" to add new elements to your row or section.

⚙️ Customize Everything

Each component—whether a row, column, or element—comes with editable settings:

  • Click the gear/settings icon to configure styling, spacing, and visibility.
  • Delete any item by clicking it and selecting the trash icon.
  • Use advanced features such as:
    • Custom CSS
    • Animation Effects
    • Style Editor
    • Element Visibility by Device

📱 Responsive Design Preview

Your site automatically adapts to different screen sizes, but you can preview and fine-tune it for:

  • Desktop
  • Tablet
  • Mobile

Use the Device Switcher at the top of the builder to test how your layout performs on each device.

👁️ Preview Mode

Before you publish, click “Preview” to see how your site looks in a real-world environment. This helps you catch layout issues, typos, or design flaws before going live.

🌍 Publishing Your Website

Once your pages are ready:

Option 1:

  • Click the “Publish” button on the top menu to launch your entire site.

Option 2:

  • To publish a specific page only, go to your Page List, select the page, and click “Publish”.

📢 Your site is now live and can be accessed from any device!