Skip to main content

šŸ“ How Do I Install the OTTO Pixel on My Website?

The OTTO Pixel powers SearchĀ Atlasā€™s AIā€‘SEO featuresā€”without it, OTTO canā€™t analyze or optimize your site.

Updated over a month ago

Want OTTO to Scan and Optimize Your Website?

Start by Installing the Pixel.

The OTTO Pixel powers AI-driven automation across Search Atlas. Without it, OTTO canā€™t analyze your pages, deploy SEO fixes, or deliver data-backed recommendations.

Installing it is your first step toward unlocking OTTOā€™s full potential, from meta tag optimization to AI audits and bulk page fixes. This guide walks you through how to properly install the Pixel on platforms like WordPress, Wix, Shopify, GHL, and others ā€” even if youā€™re not a developer.

Letā€™s get your site scan-ready and automation-enabled. šŸš€

šŸ”§ Step 1: Copy Your OTTO Pixel Script

  1. Log in to Search Atlas

  2. Navigate to OTTO & Audit ā†’ All Sites

  3. Select your site and click Copy Code to get the <script> snippet
    ā€‹This is your unique Pixelā€”keep it secure.

šŸŸ© WordPress (Recommended)

  1. In your WordPress admin panel, go to Plugins ā†’ Add New

  2. Search for Search Atlas SEO, install and activate it

  3. Open the Search Atlas tab

  4. Paste your OTTO UUID into the field

  5. Check Enable OTTO and Save Changes

  6. Return to the platform dashboard and ensure OTTO shows as Enabled

šŸŸØ Google Tag Manager (GTM)

  1. Open your GTM account ā†’ Tags ā†’ New ā†’ Tag Configuration

  2. Choose Custom HTML and paste the OTTO <script>

  3. Under Triggering, select Initialization ā€“ All Pages to ensure the script loads before other tags. This improves detection accuracy

  4. Save, submit, and publish your container

  5. Return to your Search Atlas dashboard and click Enable OTTO if needed

  6. Use GTMā€™s Preview Mode or your browserā€™s DevTools to verify the script loads correctly (look for sa-dynamic-optimization)

šŸŸ¦ GoHighLevel (GHL / Ideation)

  1. In GHL dashboard, navigate to Sites ā†’ Pages ā†’ Edit Home page

  2. Click the +, go to Custom ā†’ Code block

  3. Insert the OTTO script and mark the block Global

  4. Make sure the script is positioned at the top of the Head section ā€” it should load before any other custom scripts or tags

  5. Save, confirm updates apply siteā€‘wide

  6. Run OTTOā€™s diagnostic scan to verify global deployment

šŸŸŖ Wix

  1. Step-by-Step: Installing the OTTO Pixel on a Wix Site

    • Step 1: Go to SearchAtlas and Access OTTO v3

    1. Log in to your SearchAtlas account.

    2. On the left sidebar, click on OTTO & Audit.

    3. At the top of the OTTO SEO section, select v3 using the toggle next to v2.

    • Step 2: Add Your Wix Website to OTTO

    1. Click ā€œ+ Createā€ (top right) to add a new website.

    2. In the modal window:

    • Step 3: Copy the OTTO Pixel Code

    1. On the next screen, select the Wix platform tab.

    2. Click ā€œCopy Codeā€ to copy the entire pixel script.

    • Step 4: Paste the Code into Wix

    1. Open a new tab and log in to your Wix Dashboard.

    2. Go to Settings > Custom Code.

    3. Click ā€œ+ Add Custom Codeā€.

    4. In the window that opens:

    āœ… This applies the code site-wide, not just a single page.

    • Step 5: Publish Your Wix Site

    1. After saving the code, go to your Wix Editor.

    2. Click Publish to make sure the changes go live.

    • Step 6: Return to SearchAtlas and Activate OTTO SEO

    1. Go back to SearchAtlas.

    2. On the OTTO dashboard, locate your newly added Wix site.

    3. Click the Engage toggle to activate OTTO SEO (turns green).

    4. Wait about 15 seconds.

    5. Click Run Diagnostic (red button).

    6. Once the scan finishes, youā€™ll see a success message: ā€œOTTO Pixel was Installed Correctlyā€.

    7. Close the diagnostics pop-up and refresh the page.

    Now the OTTO Pixel should be fully installed, and the site status will change to a green Engaged indicator.

šŸŸ„ Shopify

Installation Instructions

  1. Open Shopify Admin ā†’ Online Store ā†’ Themes ā†’ Edit Code

  2. In the theme.liquid file, locate the <head> section

  3. Paste the OTTO <script> immediately after the opening <head> tag ā€” it should be the first script in the section. Do not place it near the closing </head> tag, as this may cause loading issues

  4. Save and publish your theme

  5. Go to your OTTO dashboard and run the red "Scan" to confirm activation

šŸŸ« Webflow

āœ… Step 1 ā€“ Add your site in SearchAtlas

  • Go to your SearchAtlas dashboard.

  • From the left sidebar, click OTTO & Audit.

  • In the top toggle, make sure youā€™re using v3.

  • Click the ā€œblue + Createā€ button.

  • If your site already shows up in the list, select it. If not, copy and paste your site URL into the input field. Then click on
    ā€‹ā€œ+ Click here to add [your site URL]ā€

  • Once it's added, click Continue.

āœ… Step 2 ā€“ Fill in the setup fields

At this point, SearchAtlas will start crawling your site.

Youā€™ll now be in the Setup screen.

  1. Under GSC Property, select your verified property (optional).

  2. Under Google Business, choose your listing (optional).

  3. Leave the language as ā€œAutomatic Detection.ā€

  4. Leave the AI model as ā€œOpenAI (GPT).ā€

You can also fill in this section later.

If you want, you can click ā€œAutofill with AIā€ to auto-complete your business info in the Knowledge Graph section.

Once done, click Continue.

āœ… Step 3 ā€“ Copy the OTTO Pixel script

  • In the third step, you'll land on the Install OTTO Pixel screen.

  • Select the ā€œWebflowā€ tab (if it isnā€™t selected already).

  • Now, click the ā€œCopy codeā€ button to copy your pixel script to the clipboard.

IMPORTANT: Keep this tab open, because weā€™ll return here to run the diagnosis after adding the code in Webflow.

āœ… Step 4 ā€“ Add the script in Webflow

Now letā€™s switch over to your Webflow dashboard.

  1. Go to All Sites and find the correct project.

  2. Hover over your site and click the gear icon to enter Site Settings.

  3. In the left sidebar, click ā€œCustom Code.ā€

  4. Scroll down to the section labeled Head code.

  5. Paste the OTTO script into the ā€œAdd code at the end of the <head> tagā€ field.

  6. Scroll back up and click the ā€œPublishā€ button in the top right.

  7. In the popup, click ā€œPublish to selected domains.ā€

  8. Wait for the green ā€œSite published successfullyā€ message.

Once thatā€™s done, return to your SearchAtlas tab.

āœ… Step 5 ā€“ Run the Diagnosis

Wait 15-20 seconds after publishing the site.

Then click ā€œRun Diagnosis.ā€
(The button may still be red at this point ā€” thatā€™s normal.)

After the diagnosis completes, you should see a confirmation message that the OTTO Pixel is installed correctly.

Now, refresh the SearchAtlas page.

Youā€™ll see the red button turn green ā€” that confirms the OTTO Pixel is now fully active on your Webflow site.šŸ˜Š

šŸ”— Need a visual walkthrough?


Watch the full step-by-step installation in this video:


šŸ‘‰ Watch Loom Tutorial

šŸŸ« Other CMS (Squarespace, etc.)

  1. Access Settings ā†’ Custom Code in your CMS

  2. Paste the OTTO script immediately after the opening <head> tag in the Head section. Ensure it is the first script to load ā€” placing it near the end may cause detection or execution issues

  3. Save and publish your changes

  4. Return to your OTTO dashboard in Search Atlas and click ā€œRun Diagnostic Scanā€ to confirm the pixel is active

šŸ§Ŗ Step 2: Confirm Itā€™s Working

  • Open DevTools ā†’ Network or Elements tab, search for id="sa-dynamic-optimization"

  • Run the Scan from the OTTO warning box in your dashboard

  • Once confirmed, OTTO will switch to Enabled

šŸ” Common Troubleshooting

If OTTO isnā€™t working after installation:

  • Pixel not detected: Run the Diagnostic Scan tool

  • GTM issues: Ensure tag is Custom HTML and trigger is set to All Pages

  • Duplicate installs: Remove all but one implementation

  • Using CMS: Confirm code is inside the <head> and published siteā€‘wide

  • Still stuck? Provide your site URL, setup details, and screenshotā€”our team will assist promptly.

  • Make sure the script is positioned at the top of the Head section ā€” it should load before any other custom scripts or tags

šŸ§© Prefer Plugin Installation? Read This First

If you're using WordPress, the Search Atlas SEO plugin is the easiest way to install the OTTO Pixel. It automatically embeds your Pixel and handles activation ā€” no manual code required.

āœ… How to Use the Plugin:

  1. Install the Search Atlas SEO plugin from the WordPress Plugin Directory

  2. Navigate to the Search Atlas tab in your admin panel

  3. Paste your OTTO Pixel UUID

  4. Enable the OTTO toggle and save

āš ļø Common Issues with the Plugin:

  • Pixel not detected: Double-check that your UUID is correct and matches your project in Search Atlas.

  • Caching plugins: Sometimes, cache plugins prevent new scripts from loading. Clear your cache or temporarily disable caching.

  • Script loading late: Ensure the plugin isnā€™t being blocked by security tools or performance optimization settings.

šŸšØ Avoid Duplicate Pixel Installations

You only need to install the OTTO Pixel once.

Using multiple methods (e.g., Plugin + GTM + Manual Embed) can cause:

  • Script conflicts

  • Duplicate tracking

  • Validation errors in the diagnostic scan

šŸ§¹ How to Fix It:

  • Choose one method only: Plugin, Google Tag Manager, or direct script embed.

  • Remove all other instances of the OTTO Pixel from your site.

  • Run a diagnostic scan in Search Atlas to verify only one instance is detected.

šŸ’” Pro tip: The diagnostic scan will flag if more than one Pixel is found, so youā€™ll always know if you need to clean things up.

āš ļø Important āš ļø

The OTTO Pixel must be placed above the <body> tag, inside the websiteā€™s <head> section ā€” not just in a visible ā€œheaderā€ area at the top of your page layout.


Visual page builders often label the top of the page as ā€œheader,ā€ but for the pixel to work, it needs to load before the body begins, inside the HTML <head> of your siteā€™s source code.

āœ… Youā€™re All Set ā€” Whatā€™s Next?

With your OTTO Pixel properly installed and verified, your website is now connected to the full power of Search Atlas AI. Youā€™ve laid the groundwork for:

  • Continuous SEO health monitoring

  • Automated meta tag and alt text generation

  • Smart internal linking suggestions

  • AI-powered content recommendations

  • Real-time performance diagnostics

Remember: For OTTO to operate reliably, your Pixel must remain active, unique, and conflict-free. If you encounter any issues, theĀ Diagnostic ToolĀ and this guide will help you troubleshoot themĀ quickly.

Related Articles
How to install OTTO Pixel
šŸ”Ž Whereā€™s My OTTO SEO Pixel?
ā“ What Is the OTTO Pixel and Why Do I Need It?
How to Install the OTTO Pixel on a Wix Site
How to Install the OTTO Pixel on a Custom-Built Website
Did this answer your question?