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

# Integrate your Meowgic app with Shopify

> Learn how to integrate your Meowgic app into a Shopify store and complete setup and configuration.

<Frame>
  <img src="https://assets.staticmeow.com/meowgic/static/images/20260707/78457791-4c01-4bfc-8754-701c33d5e15a.png?x-oss-process=image/format,webp" alt="Integrate with Shopify" />
</Frame>

## Prepare your app

Open your app, click **Publish** in the upper-right corner, then select **Install to your store**.

<Columns cols={2}>
  <Frame>
    <img src="https://assets.staticmeow.com/meowgic/static/images/20260707/24b0a8c4-4bd9-46d0-97d9-8c50fd3ba0f2.png?x-oss-process=image/format,webp" alt="Integrate with Shopify" />
  </Frame>

  <Frame>
    <img src="https://assets.staticmeow.com/meowgic/static/images/20260707/5ef3030b-bfbd-4475-9619-6da412296070.png?x-oss-process=image/format,webp" alt="Integrate with Shopify" />
  </Frame>
</Columns>

Choose **Shopify** as the target platform to start the integration flow.

<Frame>
  <img src="https://assets.staticmeow.com/meowgic/static/images/20260707/e6371440-d12c-454e-9a11-5ea715c4be27.png?x-oss-process=image/format,webp" alt="Integrate with Shopify" />
</Frame>

## Start integration

You can integrate your app in two ways:

* Automatic integration: If your Meowgic account is already connected to your Shopify store, you can pick a target theme and let Meowgic handle installation and future updates automatically.
* Manual integration: Download your theme file from Shopify and upload it to Meowgic. Meowgic AI applies the integration, and you then download the updated theme file and upload it back to Shopify.

### Automatic integration (coming soon)

<Note>This feature is on the way. Stay tuned.</Note>

### Manual integration

On the integration page, you can view the current app version and target platform. You can also switch versions to review their integration history.

<Frame>
  <img src="https://assets.staticmeow.com/meowgic/static/images/20260707/111c66bf-079f-4e9a-984f-48601f5d6470.png?x-oss-process=image/format,webp" alt="Integrate with Shopify" />
</Frame>

Go to your Shopify admin and download your store theme file.

<Frame>
  <img src="https://assets.staticmeow.com/meowgic/static/images/20260707/a0847390-f312-4be2-b750-145a7ad6273e.png?x-oss-process=image/format,webp" alt="Integrate with Shopify" />
</Frame>

Upload the theme file, then click **Start** to begin integration.

<Columns cols={2}>
  <Frame>
    <img src="https://assets.staticmeow.com/meowgic/static/images/20260707/3ccf2099-e283-4213-969f-d64672563109.png?x-oss-process=image/format,webp" alt="Integrate with Shopify" />
  </Frame>

  <Frame>
    <img src="https://assets.staticmeow.com/meowgic/static/images/20260707/77020b5d-d585-4329-ba3c-0bb7cc4022ab.png?x-oss-process=image/format,webp" alt="Integrate with Shopify" />
  </Frame>
</Columns>

Meowgic AI analyzes your theme file and embeds the app for you. When integration is complete, it generates an updated theme file. Click **Download theme file** to save it.

<Frame>
  <img src="https://assets.staticmeow.com/meowgic/static/images/20260707/a9cb3468-28f9-4960-833d-230ae9fe1da9.png?x-oss-process=image/format,webp" alt="Integrate with Shopify" />
</Frame>

Return to Shopify and upload the updated theme file.

<Columns cols={2}>
  <Frame>
    <img src="https://assets.staticmeow.com/meowgic/static/images/20260707/a8ae133a-d889-42f3-80a3-29ccfd8c1e4a.png?x-oss-process=image/format,webp" alt="Integrate with Shopify" />
  </Frame>

  <Frame>
    <img src="https://assets.staticmeow.com/meowgic/static/images/20260707/f1fa5a35-92c7-4dae-8857-0150e0d779ed.png?x-oss-process=image/format,webp" alt="Integrate with Shopify" />
  </Frame>
</Columns>

After the upload finishes, click **Customize theme**, then locate the page template tied to the app you created.

<Columns cols={2}>
  <Frame>
    <img src="https://assets.staticmeow.com/meowgic/static/images/20260707/b529deae-f762-4615-8e53-1e6b44d4d40e.png?x-oss-process=image/format,webp" alt="Integrate with Shopify" />
  </Frame>

  <Frame>
    <img src="https://assets.staticmeow.com/meowgic/static/images/20260707/7e215dea-d2a7-442f-9d94-339cef401133.png?x-oss-process=image/format,webp" alt="Integrate with Shopify" />
  </Frame>
</Columns>

<Warning>
  When you create or edit an app, Meowgic AI uses both your conversation context and app details to decide the best placement in your theme. For example, if you asked to place a countdown app in the product info area, it will only appear in product page templates.
</Warning>

Once you open the app's template, the Meowgic app is already embedded by default. Select it to enable it and start configuration.

<Frame>
  <img src="https://assets.staticmeow.com/meowgic/static/images/20260707/1b32df1c-4502-41de-96f1-8906442fb02e.png?x-oss-process=image/format,webp" alt="Integrate with Shopify" />
</Frame>

After setup, save the theme and publish it. Your Meowgic app is now integrated with your Shopify store.

Back on the Meowgic integration page, you can review all integration runs and related change records for the current app version.

<Frame>
  <img src="https://assets.staticmeow.com/meowgic/static/images/20260707/365f3637-d8ac-4d62-89c8-40c1cc261998.png?x-oss-process=image/format,webp" alt="Integrate with Shopify" />
</Frame>

## Tips

* If you run into issues while configuring your Meowgic app in Shopify, or want further adjustments, describe what you need directly on the integration page. Meowgic AI can apply the changes automatically. You usually only need to return to the app editor when the app's admin settings or core behavior changes significantly.
* If your app covers product-related scenarios, such as color options, product customization, or gift features, the system integrates based on the requirements you defined during app creation. After integration, you can keep refining behavior with Meowgic AI, such as attaching custom parameters on add-to-cart or adjusting cart styles and interactions.
* You can also use Meowgic AI to design your theme.
* Explore more features and use cases as your store evolves.