Search Atlas Help Center

🔌 Extract and Use OTTO Pixel Code on Any Website

Open in
View as Markdown Open in ChatGPT Open in Claude
Camilo Aponte

Camilo Aponte

Last updated on Sep 30, 2026

🧩 What Is the OTTO Custom Integration Pixel?

OTTO's custom integration pixel is a small JavaScript snippet that lets you connect OTTO to any website — even platforms that don't support WordPress plugins or direct integrations. Once the code is placed on your site, OTTO can deliver its on-page SEO recommendations automatically.

This method works on platforms such as Squarespace, Wix, Webflow, Shopify, custom-built HTML sites, and any other CMS that allows you to inject code into the site's or footer section.

🗺️ Where to Find Your OTTO Pixel Code

  1. Log in to your Search Atlas account.
  2. In the left sidebar, click OTTO SEO → All Sites (SEO Automation) (URL: /seo-automation-v3).
  3. Locate the website project you want to connect and open it.
  4. Within the project, look for the section related to website connection or integration options. The exact label may vary — if you are unsure which option to select, contact the support team for guidance on your specific account view.
  5. Once you locate the pixel code for your project, copy the full JavaScript snippet to your clipboard.

Note: Each website project has its own unique pixel code. Do not share or reuse a pixel between different website projects — doing so will cause tracking and automation errors.

📋 How to Add the Pixel to Your Website

Once you have copied your pixel code, you need to paste it into your website. The exact steps depend on your platform, but the goal is always the same: place the script inside the section of every page on your site.

General steps (apply to most platforms):

  1. Open your website platform's admin panel or settings area.
  2. Navigate to the section that allows you to add custom code, scripts, or header injections. This is often labelled Custom Code, Header Code, Inject Scripts, or Advanced Settings.
  3. Paste the copied OTTO pixel code into the head code field.
  4. Save or publish your changes.
  5. Return to Search Atlas and check whether your website project now shows as connected. If connection is not confirmed, ensure the script was pasted into the head section and that your changes were published.

🛠️ Platform-Specific Quick Reference

  • Squarespace: Settings → Advanced → Code Injection → paste into the Header field.
  • Wix: Settings → Custom Code → Add Custom Code → select "Head" and "All Pages".
  • Webflow: Project Settings → Custom Code → Head Code section → paste and publish.
  • Shopify: Online Store → Themes → Edit Code → open theme.liquid → paste before the closing tag.
  • Custom HTML site: Open each page's HTML file and paste the pixel code inside the tags, then re-upload or redeploy the files.

If you need further assistance, open the chat widget in the bottom-right corner of the platform and type human teammate to be connected with a member of our team.