← Cromanion

Install Cromanion

Before you paste
  1. Create your site in the Cromanion app — we crawl it to learn the funnel (no card, free trial).
  2. Copy your pk_ key from the site's Install screen.
  3. Paste the tag below — with your key — where your platform takes custom code.

The tag

The same snippet works everywhere. Swap pk_your_site_key for the key from your Install screen; leave the rest exactly as-is.

<script async src="https://cromanion.com/c.js" data-site="pk_your_site_key" data-endpoint="https://in.cromanion.com/i"></script>

It loads asynchronously (<20 kB) and never blocks your page. Your console's Install screen lights up the moment the first beacon arrives, so you know it's live.

Where to paste it

WordPressShopifyWixWebflowSquarespaceFramerLovableBase44Any other site

WordPress

Use the Cromanion plugin — no theme editing, survives updates.

  1. Install the Cromanion plugin from the WordPress plugin directory (or upload the ZIP under Plugins → Add New → Upload).
  2. Activate it, then open Settings → Cromanion.
  3. Paste your pk_ key (you can paste the whole <script> tag — we pull the key out) and Save.
  4. The tag is now injected on every public page. Verify it in your Cromanion console's Install screen.

Prefer the plugin — it survives theme updates. To paste manually instead, drop the tag before </body> in Appearance → Theme File Editor → footer.php.

Shopify

Paste the tag into your theme's theme.liquid, before </body>.

  1. In the Shopify admin, go to Online Store → Themes.
  2. On your live theme, click ⋯ → Edit code.
  3. Open Layout → theme.liquid.
  4. Paste the tag on its own line just before the closing </body> tag, then Save.

With our Shopify app installed, you can skip the code: Online Store → Themes → Customize → App embeds → Cromanion → on, then paste your key. The manual paste above works on every plan meanwhile.

Wix

Add it as a custom-code embed that loads on all pages.

  1. Open your Wix dashboard → Settings → Custom Code (under Advanced).
  2. Click + Add Custom Code and paste the tag.
  3. Set it to load on All pages and place it in Body - end.
  4. Apply. Republish your site if prompted.

Custom code requires a Wix Premium plan.

Webflow

Add it to Project Settings → Custom Code, before </body>.

  1. Open Project Settings → Custom Code.
  2. Paste the tag in the “Before </body> tag” field.
  3. Save changes, then Publish your site.

Site-wide custom code requires a paid Webflow Site plan.

Squarespace

Add it via Code Injection → Footer.

  1. Open Settings → Advanced → Code Injection.
  2. Paste the tag into the Footer box.
  3. Save. It now loads site-wide.

Code Injection requires a Squarespace Business plan or higher.

Framer

Add it in Site Settings → Custom Code, End of <body>.

  1. Open Site Settings → General → Custom Code.
  2. Paste the tag in the “End of <body> tag” field.
  3. Publish your site.

Lovable

Paste it into the app's root index.html, before </body>.

  1. Open your Lovable project and edit index.html (or ask the AI to add a script tag before </body>).
  2. Paste the tag just before the closing </body> tag.
  3. Publish / redeploy the app.

Lovable apps are React/Vite — the tag belongs in the root index.html, not inside a component.

Base44

Add it to your app's custom body code, before </body>.

  1. In Base44, open your app's settings and find the custom code / HTML section.
  2. Paste the tag into the body (end-of-body) field, before </body>.
  3. Publish the app.

If Base44 offers both a head and a body field, use the body option.

Any other site

Paste the tag before </body> on every page.

  1. Open the shared HTML layout your pages render from.
  2. Paste the tag on its own line just before the closing </body> tag.
  3. Deploy. One tag covers every page.

Stuck, or on a platform not listed? If you can paste a <script> tag anywhere before </body>, Cromanion works. Get started →