Skip to main content

Webflow Access

Follow these steps to install the AEO Engine Pixel on your Webflow site.

Steps

Step 1: Log in to your Webflow Dashboard.

Open Webflow and make sure you're in the project you want to connect to AEO Engine.

Step 2: In the left sidebar, click "All Sites."

This returns you to the main list of your Webflow projects.

Step 3: Hover over your site and click the ⚙️ "Settings" icon.

This opens the Site Settings panel for your Webflow project.

Step 4: In the top navigation of Site Settings, select "Custom Code."

This is where Webflow stores all global header and footer scripts.

Step 5: Scroll to the "Head code" section.

You will see a large code box labeled:

"Add code at the end of the <head> tag."

This is the correct location for installing the AEO Engine Pixel.

Step 6: Paste your AEO Engine Pixel <script> into the Head code box.

Paste it exactly as provided in Search Atlas, with no modifications.

Step 7: Click the blue "Save" button on the right.

This saves your global header script to your project.

Step 8: Publish your website.

At the top right of the page, click Publish → Publish to Selected Domains.

This pushes the Pixel to the live version of your website, which AEO Engine will scan.

Webflow Custom Code settings

Still stuck? Use the chat below or contact us.