> ## Documentation Index
> Fetch the complete documentation index at: https://docs.wpos.ai/llms.txt
> Use this file to discover all available pages before exploring further.

# Quickstart

> Connect your first site and make your first change in under ten minutes.

This guide takes you from nothing to your first change on a live WordPress site.

<Note>
  You need a WordPress site you can install a plugin on, and a WPOS account. If you
  do not have an account yet, sign up at [app.wpos.ai](https://app.wpos.ai).
</Note>

<Steps>
  <Step title="Install the plugin">
    Install and activate the WPOS plugin on your site. Full instructions, including
    the manual upload path, are in [Install the plugin](/get-started/install).
  </Step>

  <Step title="Connect the site to your account">
    Open the WPOS panel in wp-admin and connect it to your account. WPOS links the
    site to your [Workspace](/agencies/workspace) and reads how it is built.
  </Step>

  <Step title="Open the Command Center">
    In wp-admin, open the WPOS menu. This is the
    [Command Center](/operate/command-center): a chat on one side and a live
    preview of your site on the other.
  </Step>

  <Step title="Click the element you want to change">
    In the preview, click the element you want to work on, for example a heading,
    a button, or a whole section. WPOS attaches that element to your message so it
    knows exactly what you mean. This one habit is the difference between a vague
    result and the right one.
  </Step>

  <Step title="Ask for the change in plain language">
    With the element attached, type what you want, for example:

    ```text theme={null}
    Make this heading larger and add a little space below it.
    ```

    WPOS makes the change and you see it on the preview. Keep going in the same
    chat: each request builds on the last.
  </Step>
</Steps>

<Tip>
  Start small and specific. "Make this button bigger" on a clicked element works
  better than "redesign my homepage" in one shot. Get one section right, then move
  to the next.
</Tip>

## Next steps

<CardGroup cols={2}>
  <Card title="The Command Center" icon="grid-2" href="/operate/command-center">
    Learn the chat-and-preview workflow in full.
  </Card>

  <Card title="Build a page" icon="file-pen" href="/operate/build-a-page">
    The page-by-page workflow agencies use to ship a site.
  </Card>

  <Card title="Connectors" icon="plug" href="/connect/connectors">
    Bring tools like forms into the work.
  </Card>

  <Card title="Workspace" icon="layer-group" href="/agencies/workspace">
    Manage many sites from one place.
  </Card>
</CardGroup>