Build Your Website

After finishing "Getting Started," you already have your first website version created by AI. Next, "Build Your Website" will guide you through refining this draft into a professional site that truly aligns with your brand identity, user journey, and visitor needs.

You don't need to write any code, and you don't have to change all settings at once. Think of your website like a storefront, and adjust it step-by-step across four layers:

1. Plan Page Structure: Decide which "rooms" your store needs (Home, Services, Contact, and Legal pages).
2. Combine Modules and Layouts: Add content blocks to each page (Hero, Text & Image, Card Gallery, FAQ, or third-party embeds), then toggle background colors, card styles, or switch layouts with one click.
3. Set Navigation and Global Brand Style: Connect your site flow with headers and footers, and unify fonts, colors, logos, shared buttons, and social links under "Design" and "Brand."
4. Preview Across Devices and Publish Safely: Drafts are saved automatically with 30-day version history. Check your mobile view, then hit "Publish" to update your live site.

What will this category help you achieve?

• Create multi-page websites (Service intros, Portfolios, Event pages) and use 6 built-in legal template options.
• Add, sort, duplicate, or move modules across pages; adjust 6 module background colors, 4 card styles, switch layouts losslessly, and set 3-tier buttons and in-page #anchor links.
• Explore use cases for 40 content, store, and third-party embed modules (YouTube, Instagram, Google Forms, Calendly, Google Business Profile, etc.).
• Design global headers (4 navigation positions, dropdown menus, device-specific brand links) and footers (multi-column navigation, borderless logos, contact info).
• Unify settings for multi-language fonts, 9-level font sizes, brand colors, light/dark modes, logos, favicons, shared buttons, social links, and site currency.
• Leverage AI to generate full pages, draft modules, or polish text, and feel safe experimenting with "Undo" and 30-day "Version History."
• Manage a blog (with import support from old site URLs), use to manage structured content like staff, portfolios, or store locations, or create a Link in Bio page.

First, identify what you want to do

How is this different from other categories?

• vs. "Getting Started": helps you complete your first AI-built site, learn the editor interface, and publish within 30 minutes; this category is your comprehensive manual for daily design and site expansion.
• vs. "Data Workbench (Blog & Collections)": This category focuses on page and visual module layout for "building from Kanorio." If you want to write posts, create , or use the (applicable to both building modes), please head to the corresponding category under "Website & Content."
• vs. "Images, Video & Media Library": If you need to understand image formats, focal points, built-in video/audio players, PDF readers, reusing files across pages, enabling image protection, or purchasing extra storage, please visit .
• vs. "Go Live & Domains": To purchase or connect a custom domain, set up 301/302 redirects, or take your site offline, please visit .
• vs. "Marketing": To create online forms, verify your sender domain (SPF/DKIM), design customer email appearances, send newsletters, or add top banners and pop-ups, please visit .

Quick tips before you start

• Adjust global settings before individual modules: Set your brand colors, fonts, shared buttons, and social links in first. Any new module added later will automatically inherit this style.
• Experiment boldly with "Switch Layout" and "Version History": Modules within the same family can swap layouts without losing content. If you're not satisfied, just press ↶ Undo or restore a single page from .
• Switch to mobile and dark mode previews before publishing: Most visitors view sites on mobile. Before clicking "Publish" in the top right, always check your layout using the mobile view and dark mode toggles in the top toolbar.

Articles in this category

• - Add blank or AI pages, set homepages and URL paths, hide pages, and select from 6 legal templates.
• - Add and sort modules, rich text formatting, collapsible long text, one-click layout switching, 6 background colors, 4 card styles, 3-tier buttons, and anchor settings.
• - Usage and connection guides for 40 visual, text, info, store, and third-party embed services (YouTube, IG, Forms, Calendly, etc.).
• - Set 4 header layouts, dropdown menus, multi-column footers, link selectors, #anchor links, device-specific brand links, and dual CTA buttons.
• - Master "Design," "Brand," and "Site Settings › General" to manage fonts, colors, logos, shared buttons, social links, and currency.
• - Use AI to generate pages and modules, polish copy, plan SEO, and understand AI memory and credit consumption.
• - Understand auto-save, undo/redo, 30-day version history for single pages or the entire site, and the publishing workflow.
• - Write posts, import old articles from public URLs, manage categories and tags, enable share buttons, and publish individual posts.
• - Use AI to build structured databases for staff, portfolios, or stores; filter in the workbench, edit, import CSVs, and access via Content Delivery API.
• - View records, structures, and APIs for custom collections, blogs, and read-only system tables under "Data & Content › Data Tables."
• - Create a one-page social and booking link hub, with the option to upgrade to a full brand website anytime.

Recommended reading order

We recommend reading in this order: " → (refer to as needed) → → → ." Refer to when you need AI acceleration, and read , , and when you need columns, structured databases, or social traffic redirection.