> ## Documentation Index
> Fetch the complete documentation index at: https://we0-f8eb3f1a.mintlify.site/llms.txt
> Use this file to discover all available pages before exploring further.

# Quick Start Guide

> A six-step walkthrough from defining goals to launching and operating your first AI-built website.

<Tip>
  **If this is your first time using We0.ai, follow these steps to complete your first experience**
</Tip>

<Steps>
  <Step title="Step 1: Define Your Website Goals">
    <Columns cols={2}>
      <Column>
        **Think through four key questions:**

        * Is your website for brand showcase, lead generation, or content operations?
        * Who is your target audience?
        * What action do you want visitors to take?
        * What pages do you need?
      </Column>

      <Column>
        **Common pages include:**

        * Homepage
        * About Us
        * Products or Services
        * Case Studies or Customer Results
        * Blog or Content Pages
        * Contact Us
      </Column>
    </Columns>

    <Tip>
      **Once you're clear, click "Start Your Custom Journey" to begin filling in the questionnaire (website requirements)**
    </Tip>
  </Step>

  <Step title="Step 2: Write Your Initial Requirements">
    <Note>
      **We recommend writing your requirements as a combination of "goal + style + pages + features + conversion actions".**
    </Note>

    > Example:\
    > Targeting global high-net-worth clients, build a \[WeiLing Luxury] high-end foreign trade brand presence, emphasizing \[luxury quality and brand identity]; style: minimalist, premium, internationalized luxury; pages include \[brand homepage, product catalog, about us, inquiry page]; support multilingual, product category display; \[conversion focused on collecting contact information, online inquiries, and facilitating orders].

    <Frame>
      <img src="https://mintcdn.com/we0-f8eb3f1a/tFlPTeyKq3Eb3RQG/images/image-8.png?fit=max&auto=format&n=tFlPTeyKq3Eb3RQG&q=85&s=5ecbf2e56f4893888c806df7987e1b04" alt="Image" width="1280" height="394" data-path="images/image-8.png" />
    </Frame>

    <Tip>
      If you already have an existing website, PPT, brochures, or copy materials, we recommend organizing them first and [**using Intent Recognition**](/en/building/intent-recognition) to send them to the AI
    </Tip>
  </Step>

  <Step title="Step 3: Generate Initial Design Draft">
    <Info>
      We recommend confirming the overall direction first — **don't click "Confirm Design" yet**. Make refinements in the design draft stage.

      The platform will generate an initial design based on your input, typically covering:

      * Website page structure (layout)
      * Website functionality
      * Visual direction (UI main visual)
      * Basic website content
    </Info>

    > Example: Review the overall content first, don't click confirm design yet
    >
    >     <Frame>
    >       <img src="https://mintcdn.com/we0-f8eb3f1a/tFlPTeyKq3Eb3RQG/images/0-1.png?fit=max&auto=format&n=tFlPTeyKq3Eb3RQG&q=85&s=2dfb94071ded7bfed8ba3dddb355e9be" alt="0 1" width="1280" height="662" data-path="images/0-1.png" />
    >     </Frame>
  </Step>

  <Step title="Step 4: Refine Website Content">
    <Tip>
      At this stage, you can continue to add or modify:\\

      <Columns cols={2}>
        <Column>
          **Add content:**

          * Brand name and introduction
          * Product or service descriptions
          * User value and advantages
          * Contact info and conversion entry points
          * Additional pages (enrich your site)
          * Multi-language toggle (e.g., Chinese-English)
        </Column>

        <Column>
          **Modify content:**

          * Page layout
          * UI visual style
          * Images, logo, and visual assets
          * Text content
          * Page responsiveness (recommend adding mobile adaptation)
        </Column>
      </Columns>
    </Tip>

    > * **Example: Click "Modify Design":** Change the overall UI style, add mobile page adaptation, add pages, enrich content, etc.
    >
    >       <Columns cols={2}>
    >         <Column>
    >           <Frame>
    >             <img src="https://mintcdn.com/we0-f8eb3f1a/tFlPTeyKq3Eb3RQG/images/1-1-1.png?fit=max&auto=format&n=tFlPTeyKq3Eb3RQG&q=85&s=680bf0ce2de1da584a4771faf5626e35" alt="1 1 1" width="1280" height="662" data-path="images/1-1-1.png" />
    >           </Frame>
    >         </Column>
    >
    >         <Column>
    >           <Frame>
    >             <img src="https://mintcdn.com/we0-f8eb3f1a/tFlPTeyKq3Eb3RQG/images/1-2-1.png?fit=max&auto=format&n=tFlPTeyKq3Eb3RQG&q=85&s=6c5cc7b0810b1677c613fdc92d679563" alt="1 2 1" width="1280" height="1132" data-path="images/1-2-1.png" />
    >           </Frame>
    >         </Column>
    >       </Columns>

    > * **Example: Click on text or images:** Edit text or images directly on the canvas, or let AI help you modify them
    >
    >       <Columns cols={2}>
    >         <Column>
    >           <Frame>
    >             <img src="https://mintcdn.com/we0-f8eb3f1a/tFlPTeyKq3Eb3RQG/images/2-1-1.png?fit=max&auto=format&n=tFlPTeyKq3Eb3RQG&q=85&s=39d36b7bd613359bfdc0b60078271040" alt="2 1 1" width="1280" height="819" data-path="images/2-1-1.png" />
    >           </Frame>
    >         </Column>
    >
    >         <Column>
    >           <Frame>
    >             <img src="https://mintcdn.com/we0-f8eb3f1a/tFlPTeyKq3Eb3RQG/images/2-2-2.png?fit=max&auto=format&n=tFlPTeyKq3Eb3RQG&q=85&s=38f457a20c3d2abc46fc5459c05a2348" alt="2 2 2" width="1280" height="883" data-path="images/2-2-2.png" />
    >           </Frame>
    >         </Column>
    >       </Columns>

    <Tip>
      **After you're satisfied with the modifications, click "Confirm Design" to enter the preview page (takes 5-6 minutes)**
    </Tip>
  </Step>

  <Step title="Step 5: Configure Backend & Pre-Launch Checks">
    <Info>
      After entering the preview page, click "Configure Backend". For the first login, enter your backend username and password **(make sure to remember them)**
    </Info>

    <Columns cols={2}>
      <Column>
        <Frame>
          <img src="https://mintcdn.com/we0-f8eb3f1a/tFlPTeyKq3Eb3RQG/images/3-1.png?fit=max&auto=format&n=tFlPTeyKq3Eb3RQG&q=85&s=b533bfa401fa243db47347d569d2378b" alt="3 1" width="1280" height="662" data-path="images/3-1.png" />
        </Frame>
      </Column>

      <Column>
        <Frame>
          <img src="https://mintcdn.com/we0-f8eb3f1a/tFlPTeyKq3Eb3RQG/images/3-2.png?fit=max&auto=format&n=tFlPTeyKq3Eb3RQG&q=85&s=fbeebda5058f0b2582309b28d23074a2" alt="3 2" width="1280" height="662" data-path="images/3-2.png" />
        </Frame>
      </Column>
    </Columns>

    <Info>
      The backend will generate sections corresponding to the frontend content (e.g., products/articles/images)
    </Info>

    <Columns cols={2}>
      <Column>
        <Frame>
          <img src="https://mintcdn.com/we0-f8eb3f1a/tFlPTeyKq3Eb3RQG/images/3-3.png?fit=max&auto=format&n=tFlPTeyKq3Eb3RQG&q=85&s=6c41c81ce5be0af7c51a98baada4e30b" alt="3 3" width="1280" height="802" data-path="images/3-3.png" />
        </Frame>
      </Column>

      <Column>
        <Frame>
          <img src="https://mintcdn.com/we0-f8eb3f1a/tFlPTeyKq3Eb3RQG/images/3-4.png?fit=max&auto=format&n=tFlPTeyKq3Eb3RQG&q=85&s=43e5a687ed0b4909e0cb2500ad1939d2" alt="3 4" width="1280" height="805" data-path="images/3-4.png" />
        </Frame>
      </Column>
    </Columns>

    <Danger>
      **Before going live, make sure to confirm:**

      <Columns cols={2}>
        <Column>
          * Page content is complete
          * Mobile view displays properly
          * Forms, buttons, and contact info work correctly
        </Column>

        <Column>
          * Page titles and descriptions are appropriate
          * Backend configuration is complete
          * Website is accessible
        </Column>
      </Columns>
    </Danger>

    <Info>
      **If there are issues, use the "Magic Brush" or the chat dialog to request AI modifications**
    </Info>

    <Columns cols={2}>
      <Column>
        <Frame>
          <img src="https://mintcdn.com/we0-f8eb3f1a/tFlPTeyKq3Eb3RQG/images/4-1.png?fit=max&auto=format&n=tFlPTeyKq3Eb3RQG&q=85&s=dca7ebff8d52f4e397668cd71f5462f7" alt="4 1" width="1280" height="723" data-path="images/4-1.png" />
        </Frame>
      </Column>

      <Column>
        <Frame>
          <img src="https://mintcdn.com/we0-f8eb3f1a/tFlPTeyKq3Eb3RQG/images/4-2.png?fit=max&auto=format&n=tFlPTeyKq3Eb3RQG&q=85&s=8f6eb09ea0cb3ba0160892686f89f5f3" alt="4 2" width="1127" height="1280" data-path="images/4-2.png" />
        </Frame>
      </Column>
    </Columns>

    <Check>
      **Once everything looks good, click "Publish Website" to select a domain and publish**
    </Check>
  </Step>

  <Step title="Step 6: Ongoing Operations After Launch">
    Going live isn't the end — it's the beginning. We recommend doing three things consistently:

    1. Regularly update content and case studies
    2. Monitor traffic and conversion metrics
    3. Continuously optimize page structure and copy based on SEO and business feedback

    <Columns cols={2}>
      <Column>
        <Frame>
          <img src="https://mintcdn.com/we0-f8eb3f1a/tFlPTeyKq3Eb3RQG/images/5-1.png?fit=max&auto=format&n=tFlPTeyKq3Eb3RQG&q=85&s=2cb557d7e2c792b94a4cb73c811d0f5b" alt="5 1" width="1280" height="723" data-path="images/5-1.png" />
        </Frame>
      </Column>

      <Column>
        <Frame>
          <img src="https://mintcdn.com/we0-f8eb3f1a/tFlPTeyKq3Eb3RQG/images/5-2.png?fit=max&auto=format&n=tFlPTeyKq3Eb3RQG&q=85&s=d343ba236c8188f294dd5b73fabcb2dd" alt="5 2" width="1280" height="694" data-path="images/5-2.png" />
        </Frame>
      </Column>
    </Columns>
  </Step>
</Steps>