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

# Install the theme

> Add Frosting to your store, preview it, and publish when you are ready.

You can add Frosting to your store without changing what your customers see. A new theme arrives **unpublished**: you can edit and preview it while your current theme stays live.

## Upload the theme file

<Steps>
  <Step title="Open your themes">
    In your Shopify admin, go to **Online Store → Themes**.

    <Frame caption="Online Store → Themes in the Shopify admin">
      <img src="https://mintcdn.com/kwebby/TE8EB9pzRj50obVj/images/frosting/admin-themes.webp?fit=max&auto=format&n=TE8EB9pzRj50obVj&q=85&s=ed89dd0b82c69a1f4f1674b4c07b847a" alt="The Themes page in the Shopify admin" width="1425" height="840" data-path="images/frosting/admin-themes.webp" />
    </Frame>
  </Step>

  <Step title="Upload the ZIP file">
    Under **Draft themes**, click **Import → Upload zip file**, choose the `Frosting` ZIP file you received, and click **Upload file**. Do not unzip it first.

    <Frame caption="Import → Upload zip file">
      <img src="https://mintcdn.com/kwebby/TE8EB9pzRj50obVj/images/frosting/admin-upload.webp?fit=max&auto=format&n=TE8EB9pzRj50obVj&q=85&s=a600f39bd388e504c50bc262b5ba350d" alt="The Upload zip file option" width="1425" height="840" data-path="images/frosting/admin-upload.webp" />
    </Frame>
  </Step>

  <Step title="Wait for it to finish">
    Frosting appears in your theme library with an **Unpublished** label when the upload is done. It usually takes under a minute.
  </Step>

  <Step title="Preview and customize">
    Click **Customize** to open the theme editor, or **⋯ → Preview** to see it as a customer would. Nothing changes on your live store until you publish.
  </Step>

  <Step title="Publish when you are ready">
    Click **⋯ → Publish** in the theme library. Your previous theme stays in the library, so you can switch back at any time.
  </Step>
</Steps>

<Tip>Before publishing, preview on your phone as well as your computer, try adding a product to the cart, and check your delivery settings in the cart.</Tip>

## Want the demo store look?

The demo uses sample products, photos and pages. A fresh install starts with placeholders, so your own products show from the start. To recreate the demo for practice or a preview store, see [Demo content](/frosting/getting-started/demo-content).


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.