Developers

Save Contact

Drop a scannable contact on someone else's page with one script tag. The free embed encodes a static vCard 3.0 in the browser — no Autonix API key, and no call to app.autonix.io.

Prefer a form instead of a script? Use the Save Contact builder. Need the current page URL instead of a person? See Take It Mobile.

Free embed

Put mount nodes in the HTML before or with the script. A second include only discovers new mounts.

<script src="https://www.autonix.io/js/save-contact.js" async></script>

<div data-autonix-save-contact
     data-name="Jane Doe"
     data-title="Account Executive"
     data-org="Acme"
     data-phone="+15551234567"
     data-email="jane@acme.com"
     data-url="https://acme.com"></div>

One script can fill every [data-autonix-save-contact] node on the page — the team-directory case.

Single-person float

If the script tag itself has contact data-* and no data-mode, a dismissible card appears on viewports wider than 1024px (hidden for a day after close). Inline mounts still render on mobile.

<script
  src="https://www.autonix.io/js/save-contact.js"
  data-name="Jane Doe"
  data-email="jane@acme.com"
  data-phone="+15551234567"
  data-position="bottom-right"
  async></script>

Attributes

  • data-name (required) plus one of data-phone, data-email, data-url
  • data-title, data-org — optional
  • data-mode — float or inline
  • data-position — bottom-left (default) or bottom-right
  • data-label — chrome title, max 24 characters
  • data-target — CSS selector; skip float and render into the first match

Privacy

Contact fields are public: they appear in HTML data-* attributes and inside the QR. Do not encode anything you would not print on a badge.

CSP

The host must allow script-src https://www.autonix.io (the embed loads the QR library from the same origin), plus style-src 'unsafe-inline' if you do not use a nonce. Same constraint as the chat widget and Take It Mobile.

Upgrade: tracked ConnectCard or vCard

The free QR is the vCard payload. It cannot be updated and cannot tell you who scanned it. Paid is a tracked Autonix URL whose destination is a ConnectCard or vCard tracker. Replace the script (or the PNG) with the Autonix QR image — the free embed does not become dynamic in place.

// Server-side only — never expose your API token in the browser
await fetch('https://app.autonix.io/api/tracker/qrcode', {
  method: 'POST',
  headers: {
    Authorization: `Bearer ${process.env.AUTONIX_API_TOKEN}`,
    'Content-Type': 'application/json',
  },
  body: JSON.stringify({
    redirect_url: 'https://your-connect-card-or-vcard-landing',
    name: 'card:sales:jane-doe',
  }),
});

Naming tip: use stable names per person (card:team:slug) so scans roll up in Autonix and Zapier.

Get a trackable card · Create tracked QR guide · Conferences & Sales