# Quick start guide

This guide takes you from a blank Foxify account to your first live page.

*Not installed yet?* See [How to install Foxify](https://docs.foxecom.com/foxify-app/getting-started/setup-and-quick-start/how-to-install-foxify).

<Stepper>
  <Step title="Create a page">
    There are a few ways to start. Pick the one that fits you best:

    <Table widths="40%">
      | You want to…                                                                          | Do this                                                                                                         |
      | ------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------- |
      | [Describe your page and let AI build it](https://docs.foxecom.com/foxify-app/foxify-ai/foxie-ai-agent-build-and-edit-pages-by-chatting) | On the dashboard, type what you want in **Ask Foxie to build or change a page**, then select **Generate page**. |
      | [Start from a ready-made design](https://docs.foxecom.com/foxify-app/pages/templates)         | Select **Create**, choose a page type, then pick a template under **Templates**.                                |
      | Design everything yourself                                                            | Select **Create page/ Create section**, then **Create blank page/ Create blank section**.                       |
    </Table>

    ![](https://docs-assets.foxecom.app/foxify-app/663cddb3-bdbc-4f74-a409-0aa687006aa2.png)

    <Hint type="success" title="First time using Foxify?">
      Try describing your page to Foxie, for example: "A homepage for a skincare brand with a hero banner, best sellers, and customer testimonials." You'll have a full page to customize in minutes.
    </Hint>


  </Step>

  <Step title="Customize your page">
    Your page opens in FoxStudio, where you can change anything:

    * **Edit with AI:** open **Foxie AI** in the left sidebar and describe the changes you want. Learn more: [Foxie AI Agent: Build and edit pages by chatting](https://docs.foxecom.com/foxify-app/foxify-ai/foxie-ai-agent-build-and-edit-pages-by-chatting)
    * **Edit by hand:** select any element to change its content and style in the Inspector.

    New to the editor? See [Get to know the editor](https://docs.foxecom.com/foxify-app/foxstudio/get-to-know-the-editor)

    A few tools that help:

    * [Stack](https://docs.foxecom.com/foxify-app/foxstudio/layout-and-styling/stack-elements): arrange elements with consistent spacing.
    * [Grid](https://docs.foxecom.com/foxify-app/foxstudio/layout-and-styling/cells-and-grids): build flexible, responsive layouts.
    * [Copy and paste](https://docs.foxecom.com/foxify-app/foxstudio/layout-and-styling/copy-and-paste-elements): reuse elements and styles to save time.
  </Step>

  <Step title="Check mobile">
    Switch to **tablet** and **mobile** view in the top bar. If something looks off, use [AI Responsive](https://docs.foxecom.com/foxify-app/foxstudio/editor-tools/ai-responsive) to fix spacing and sizing automatically, or adjust it manually.

    [See tips for working in mobile view](https://docs.foxecom.com/foxify-app/guides/build-your-store-pages/check-and-adjust-mobile-view)
  </Step>

  <Step title="Preview and publish">
    1. Select **Preview** to see your page as shoppers will.
    2. When you're happy with it, select **Publish**.

    You can update or unpublish your page anytime.&#x20;

    Page not showing on your store after publishing? See [Published page not showing on live store](https://docs.foxecom.com/foxify-app/faqs-and-troubleshooting/troubleshooting/published-page-is-not-visible-on-live-store).
  </Step>
</Stepper>



## What's next?

<PageLink href="https://docs.foxecom.com/foxify-app/pages/page-creation/create-a-product-page">
  Build a high-converting product page
</PageLink>

<PageLink href="https://docs.foxecom.com/foxify-app/pages/page-creation/create-a-home-page">
  Builde a home page that drives engagement
</PageLink>

<PageLink href="https://docs.foxecom.com/foxify-app/foxstudio/add-and-edit-elements">
  Add elements to your page
</PageLink>

<PageLink href="https://docs.foxecom.com/foxify-app/foxstudio/layout-and-styling/animations">
  Add animations to elements
</PageLink>

<PageLink href="https://docs.foxecom.com/foxify-app/foxstudio/editor-tools">
  Explore editor tools
</PageLink>