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

# Shopify

> Learn how to set up Locadapt on your Shopify store

Setting up Locadapt on your Shopify store is a straightforward process. Follow these steps to get started:

<Steps>
  <Step title="Access Theme Editor">
    Log in to your Shopify admin panel and navigate to:

    **Online Store > Themes > Actions > Edit code**
  </Step>

  <Step title="Locate theme.liquid">
    In the Layout folder on the left sidebar, find and click on `theme.liquid`.
  </Step>

  <Step title="Add Locadapt Code">
    Scroll to find the `</head>` tag in the `theme.liquid` file. Right before this closing head tag, paste the following code:

    ```html theme={null}
    <link rel="stylesheet" href="https://cdn.locadapt.com/locadapt.min.css" />
    <script 
      src="https://cdn.locadapt.com/locadapt.min.js" 
      data-project-id="YOUR_PROJECT_ID"
    ></script>
    ```

    <Warning>
      Remember to replace `YOUR_PROJECT_ID` with the actual project ID provided in [the configuration page](https://app.locadapt.com/configuration) for your Locadapt project.
    </Warning>
  </Step>

  <Step title="Save Changes">
    Click the "Save" button in the upper right corner of the code editor.
  </Step>
</Steps>

<Tip>
  After saving, it's a good idea to preview your store to ensure everything is working correctly. You can do this by clicking "Preview" in the upper right corner of your Shopify admin panel.
</Tip>

## Troubleshooting

If you encounter any issues or don't see Locadapt working on your store, try the following:

1. Ensure you've replaced `YOUR_PROJECT_ID` with your actual Locadapt project ID.
2. Clear your browser cache and reload the page.
3. Check if there are any JavaScript errors in your browser's developer console.

If problems persist, don't hesitate to reach out to our support team at [support@locadapt.com](mailto:support@locadapt.com).