All install guides

Last updated:

Add Sincra to Shopify

To add Sincra to a Shopify store, paste your Sincra code into your theme's theme.liquid file, right above the closing </body> tag, and save. The code then loads on every page of your store that uses that theme.

What do I need before I start?

  • A Sincra account with an active plan. Before you choose a plan, you can try the assistant in the Simulator of your dashboard.
  • Access to your Shopify admin with permission to edit themes. Shopify lets you edit the code of a paid theme only after you buy it, so a theme on trial can't be edited.

Step 1: Get your code from Sincra

In your Sincra dashboard, open the Widget page and add your store's domain under Allowed domains, for example example.com. If you also want to check the store on its myshopify.com address, add that address too. Then click Copy in the Installation card. The HTML guide explains both steps in more detail.

Step 2: Open your theme code

  1. From your Shopify admin, go to Online Store > Themes.
  2. On the theme you want to edit, open the ... menu and click Edit code.

We recommend duplicating your theme before you edit it, so you have a copy to go back to.

Step 3: Paste the code in theme.liquid

  1. In the Layout folder, click theme.liquid.
  2. Find the closing </body> tag, near the end of the file.
  3. Paste your Sincra code on a new line just above </body>.
  4. Click Save.

Step 4: Check that it works

  1. Open your store in a private browser window, so you see the new version.
  2. Open the chat and ask a question that your pages answer.

What happens if I change my theme?

The code belongs to the theme where you pasted it. Shopify keeps code customizations with each theme, so if you publish a different theme, paste your Sincra code in that theme too.

Why doesn't the assistant appear?

  • Your domain is not in Allowed domains, or it is written differently from the address of your store.
  • Your plan is not active yet.
  • You edited a theme that is not the published one.
  • The code was pasted somewhere other than right above </body> in theme.liquid.

Does my site's Content Security Policy need changes?

Most websites don't have a Content Security Policy, and then there is nothing to change. If yours sends one, it must allow Sincra, or the assistant won't load or won't answer. Add these sources to your policy:

script-src https://sincra.cloud
connect-src https://sincra.cloud https://sincra-prod-app-gr535u4h4q-no.a.run.app
frame-src https://sincra.cloud
style-src 'unsafe-inline'

If your policy doesn't list one of these directives, browsers fall back to default-src (for frame-src, to child-src first if you have it), so add the sources there. If your style-src uses a nonce or a hash, browsers ignore 'unsafe-inline': in that case, write to support@sincra.cloud.

What each line is for: the assistant's script loads from sincra.cloud, it talks to our servers at the two addresses in connect-src, its bot check runs in a small frame from sincra.cloud, and it styles itself with an inline style block. It loads no images, fonts or other scripts on your pages.

What if the code is on the page twice?

Keep one Sincra code on each page. If you paste a new code, remove the old one first: two codes on the same page don't work correctly.

Sources

Steps checked on September 30, 2026 against the Shopify Help Center: Editing theme code and Adding, previewing, and buying themes.