> ## 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 SHOPLINE

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

<Frame>
  <img src="https://assets.staticmeow.com/meowgic/static/images/20260814/9f3c5cb9-9a6d-4f35-928c-acc2ff774ad8.png?x-oss-process=image/format,webp" alt="Integrate with SHOPLINE" />
</Frame>

<div class="w-full border mt-10 rounded-2xl p-6">
  <div class="w-full flex gap-5 items-start">
    <img src="https://assets.staticmeow.com/meowgic/static/images/20260813/d7038933-b406-41b8-97f0-3de6edcfd6b0.png?x-oss-process=image/format,webp" class="w-16 h-16 shirink-0 border rounded-2xl shadow-xs m-0" alt="Integrate with SHOPLINE" style={{ borderColor: "oklch(86.9% 0.005 56.366)" }} noZoom />

    <div class="flex-1 flex flex-col gap-2">
      <h3 class="text-xl font-semibold m-0" noAnchor>Meowgic: AI Store Builder</h3>
      <p class="m-0 text-sm">Create the exact features your store needs with AI. Build sections, blocks, pages, tools, and simple apps, then add them to your theme, customize anytime, and launch without coding.</p>
    </div>
  </div>

  <div class="border-t mt-6 pt-6 flex flex-col gap-5 md:flex-row">
    <a href="https://apps.shopline.com/detail/meowgic" target="_blank" class="app-store-button app-shopline" style={{ flex: 1 }}>
      <svg class="shrink-0" width="40" height="40" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
        <path d="M10.9517 8.82231C10.723 8.82069 10.4989 8.88704 10.3079 9.01293C10.1169 9.13883 9.96768 9.31862 9.87901 9.52948C9.79034 9.74034 9.76627 9.97279 9.80986 10.1973C9.85355 10.4219 9.96288 10.6284 10.124 10.7908C10.2852 10.953 10.491 11.0638 10.7152 11.1091C10.9394 11.1543 11.172 11.1319 11.3835 11.0447C11.595 10.9576 11.7758 10.8096 11.9031 10.6195C12.0303 10.4295 12.0982 10.2059 12.0982 9.97711C12.0983 9.67225 11.9778 9.37975 11.7629 9.16343C11.5482 8.94709 11.2565 8.82447 10.9517 8.82231Z" fill="#ffffff" />

        <path d="M12 1.99999C10.0218 1.99999 8.0881 2.58669 6.44342 3.68587C4.79874 4.78504 3.51701 6.34731 2.76041 8.17505C2.0038 10.0028 1.80624 12.0139 2.19274 13.9539C2.57923 15.894 3.53244 17.6758 4.93187 19.074C6.33121 20.4722 8.11374 21.4239 10.0541 21.8089C11.9945 22.1938 14.0054 21.9946 15.8325 21.2365C17.6596 20.4783 19.2208 19.1953 20.3187 17.5497C21.4165 15.9042 22.0017 13.9699 22 11.9918C22 10.679 21.7413 9.37901 21.2386 8.16621C20.736 6.95341 19.9992 5.85156 19.0705 4.92363C18.1419 3.99569 17.0394 3.25987 15.8262 2.75822C14.613 2.25657 13.3128 1.99891 12 1.99999ZM10.0508 20.7305L8.59291 15.1285L13.2776 20.8616C12.8543 20.9207 12.4275 20.9508 12 20.9516C11.3441 20.9496 10.6904 20.8755 10.0508 20.7305ZM8.41279 14.3014L17.0942 19.371C16.0814 20.0679 14.9354 20.5476 13.7281 20.7797L8.41279 14.3014ZM17.4218 19.1335L8.28175 13.8018L6.85668 8.33906C6.81649 8.17733 6.84117 8.00632 6.9253 7.8625C7.00944 7.71867 7.14649 7.61342 7.30709 7.5692L12.7126 6.05405L20.7797 10.2883C20.8953 10.8625 20.9528 11.4469 20.9517 12.0327C20.9428 13.4055 20.6157 14.7574 19.9961 15.9824C19.3766 17.2073 18.4813 18.272 17.3809 19.0926L17.4218 19.1335Z" fill="#ffffff" />
      </svg>

      <div class="flex-1 flex flex-col">
        <p class="m-0 text-sm text-white">Find Meowgic on</p>
        <p class="m-0 text-xl text-white">SHOPLINE App Store</p>
      </div>
    </a>

    <a href="https://admin.myshopline.com/user/signUp?ref=9uq7l9ug&nozk=true" target="_blank" class="app-signup-button app-shopline" style={{ flex: 1 }}>
      <div class="flex-1 flex flex-col">
        <p class="m-0 text-sm text-blue-600">Don't have a store yet?</p>
        <p class="m-0 text-xl text-blue-600">Create a SHOPLINE store</p>
      </div>
    </a>
  </div>
</div>

## 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 SHOPLINE" />
  </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 SHOPLINE" />
  </Frame>
</Columns>

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

<Frame>
  <img src="https://assets.staticmeow.com/meowgic/static/images/20260707/98e9cdcd-9c40-43a0-9f0f-a0c4ee8c48bc.png?x-oss-process=image/format,webp" alt="Integrate with SHOPLINE" />
</Frame>

## Start integration

You can integrate your app in two ways:

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

### Automatic integration

Choose a store that is already linked to your account.

<Frame>
  <img src="https://assets.staticmeow.com/meowgic/static/images/20260813/0a6e48e8-ee97-431a-ac6e-56ca24df9aac.png?x-oss-process=image/format,webp" alt="Integrate with SHOPLINE" />
</Frame>

Select the theme you want to update in that store.

<Note>Right now, you can only edit draft themes. Direct updates to live themes are not supported.</Note>

<Frame>
  <img src="https://assets.staticmeow.com/meowgic/static/images/20260813/2fd606c1-f30b-48f1-876e-3bd20dbf8fba.png?x-oss-process=image/format,webp" alt="Integrate with SHOPLINE" />
</Frame>

After the integration finishes, click **Edit theme** to open the SHOPLINE theme editor directly.

<Frame>
  <img src="https://assets.staticmeow.com/meowgic/static/images/20260813/7ffa692b-25e0-4525-8e90-ceee1dcf3f46.png?x-oss-process=image/format,webp" alt="Integrate with SHOPLINE" />
</Frame>

When you open the page template linked to this app, the Meowgic app is already embedded by default. Select it to enable it and start configuring.

<Frame>
  <img src="https://assets.staticmeow.com/meowgic/static/images/20260707/7674f9eb-4b0f-4f84-816c-4aa76e4bb321.png?x-oss-process=image/format,webp" alt="Integrate with SHOPLINE" />
</Frame>

### 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/7d3a6477-db3e-4b29-ba27-f9e6e26cb905.png?x-oss-process=image/format,webp" alt="Integrate with SHOPLINE" />
</Frame>

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

<Frame>
  <img src="https://assets.staticmeow.com/meowgic/static/images/20260707/5da6800d-52a2-4b7f-ab59-9f2993c4712b.png?x-oss-process=image/format,webp" alt="Integrate with SHOPLINE" />
</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/08723166-6b39-4024-bfe1-7121da7fdd4d.png?x-oss-process=image/format,webp" alt="Integrate with SHOPLINE" />
  </Frame>

  <Frame>
    <img src="https://assets.staticmeow.com/meowgic/static/images/20260707/c042a6a1-738e-496d-84a6-0860c41fa2c2.png?x-oss-process=image/format,webp" alt="Integrate with SHOPLINE" />
  </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/bcaea448-b52a-455b-9d91-1193c9d8483e.png?x-oss-process=image/format,webp" alt="Integrate with SHOPLINE" />
</Frame>

Return to SHOPLINE and upload the updated theme file.

<Columns cols={2}>
  <Frame>
    <img src="https://assets.staticmeow.com/meowgic/static/images/20260707/0948ff39-ca3f-4ba3-b475-b85f57dc7668.png?x-oss-process=image/format,webp" alt="Integrate with SHOPLINE" />
  </Frame>

  <Frame>
    <img src="https://assets.staticmeow.com/meowgic/static/images/20260707/b36748e8-94c2-4fb1-9e59-98df78d9fa5a.png?x-oss-process=image/format,webp" alt="Integrate with SHOPLINE" />
  </Frame>
</Columns>

After the upload finishes, click **Edit 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/76ff6bdb-ea90-4a7d-8866-1634c5429b78.png?x-oss-process=image/format,webp" alt="Integrate with SHOPLINE" />
  </Frame>

  <Frame>
    <img src="https://assets.staticmeow.com/meowgic/static/images/20260707/a0d3b05f-ff93-4253-88ff-56d6a63bd74d.png?x-oss-process=image/format,webp" alt="Integrate with SHOPLINE" />
  </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/7674f9eb-4b0f-4f84-816c-4aa76e4bb321.png?x-oss-process=image/format,webp" alt="Integrate with SHOPLINE" />
</Frame>

After setup, save the theme and publish it. Your Meowgic app is now integrated with your SHOPLINE 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/a8b29238-c8bc-4205-93b7-7ee82ed2cc17.png?x-oss-process=image/format,webp" alt="Integrate with SHOPLINE" />
</Frame>

## Tips

* If you run into issues while configuring your Meowgic app in SHOPLINE, 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.
