Alphie stands with Ukraine
Docs

Alphie on Webflow, WordPress and Framer

Alphie is one script tag in your site’s head. If your site builder lets you add custom code to every page, Alphie runs on it, and you don’t need a developer. Copy your tag from Settings > Tracking Code in the dashboard.

Alphie the robot holding a plug and giving a thumbs up
html
<script
  async
  src="https://q.meetalphie.com/widget/widget-sdk.min.js"
  data-widget-api-key="wk_YOUR_WIDGET_KEY"
  data-widget-base-url="https://q.meetalphie.com"
></script>

Webflow

  1. Open Site settings > Custom code.
  2. Paste the tag into Head code and save.
  3. Publish the site.

WordPress

  1. Paste the tag before </head> in your theme’s header.php. Use a child theme, so a theme update doesn’t wipe it.
  2. No access to theme files? A header-scripts plugin such as WPCode puts the same tag on every page.
  3. Clear your cache plugin, if you run one.

Framer

  1. Open Site Settings > General > Custom Code.
  2. Paste the tag into End of <head> tag and save.
  3. Publish the site.

Don’t use Google Tag Manager

GTM fires late in the page load. Alphie does its work in the first seconds of a visit, and a GTM install loses them.

Check that it’s live

Open your site in a normal browser window, not incognito with blockers on. The Alphie launcher appears in the corner. Click through to a second page and check it’s still there; the usual mistake is adding the tag to one page instead of the whole site. Your own visit shows up in Leads > Visitors.

The personalized section

The section that changes for each visitor is a second, optional snippet. Put it where you want the section to appear, below the top of the page, because Alphie needs a moment to recognize the visitor.

html
<div data-alphie-section></div>

In Webflow that’s an Embed element, in WordPress a Custom HTML block. Framer’s Embed component can put HTML inside an iframe, where the section can’t reach your page; if your site is on Framer, write to support@meetalphie.com and we’ll help you place it.

What you’ll see on a portfolio site

In Leads > Companies, open any company to see its sessions page by page. For a services firm it reads like this: a 120-person logistics company spent six minutes on Wednesday on /services/mobile-development and two case studies, then came back Friday for /contact. That company gets a fit score, and if it clears your bar, you get the Slack alert on Friday while they’re on the page.

A company page in the Alphie dashboard: the company profile, its ICP score, and each session with referrer, dates and the questions the visitor was shown
A company’s sessions in Leads > Companies, with demo data. A visitor’s name shows only once they’ve given it, in the chat or a form.

Installing into a codebase instead? The install guide for coding agents covers Next.js, Nuxt, SvelteKit and plain HTML.