Snap Suite / partner embed

Embed any Snap on your own site with one iframe.

Drop a calculator onto your site under your brand. Lead capture, results and attribution route back to ATTOH with your brand + source tags. No build step, no API key, no JavaScript bundle — just an iframe.

Get the snippet Browse the Snap Suites Talk to ATTOH

20Snaps embeddable

0Build steps

1iframe tag

£0partner cost

Copy-paste embed snippet

Replace formsnap with any Snap slug. Replace acme with your brand identifier and partner-site with the source label you want in attribution.

<iframe
  src="https://attoh.digital/snap/formsnap.html?embed=1&brand=acme&source=partner-site"
  style="width:100%;height:780px;border:0;border-radius:14px"
  title="FormSnap — UK company formation calculator"
  loading="lazy"
  referrerpolicy="no-referrer-when-downgrade">
</iframe>

Brand-tinted variant

Pass accent and bg hex colours so the calculator picks up your palette. Hex with or without leading # both work.

<iframe
  src="https://attoh.digital/snap/addresssnap.html?embed=1&brand=acme&source=partner-site&accent=4f46e5&bg=0a0a14"
  style="width:100%;height:780px;border:0;border-radius:14px"
  title="AddressSnap — registered office calculator"
  loading="lazy">
</iframe>

Auto-resize via postMessage

The embedded Snap posts its content height back to the parent frame so you can collapse the iframe to its actual size. Drop this JS next to the iframe.

<script>
window.addEventListener('message', function(e){
  if (!e.data || e.data.source !== 'attoh-snap') return;
  if (e.data.event === 'snap:height' && typeof e.data.payload.height === 'number') {
    var iframe = document.querySelector('iframe[src*="attoh.digital/snap/"]');
    if (iframe) iframe.style.height = (e.data.payload.height + 24) + 'px';
  }
  if (e.data.event === 'snap:result') {
    console.log('Snap result', e.data.payload);  // hook your analytics here
  }
  if (e.data.event === 'snap:lead-submit') {
    console.log('Snap lead submitted', e.data.payload);
  }
});
</script>

Query parameters

Param	What it does	Example
`embed`	Activates embed mode (hides nav, hero, footer; shows calculator + form only)	`embed=1`
`brand`	Partner identifier carried through every event and lead capture	`brand=incorpwise`
`source`	Surface label so attribution distinguishes site from email from social	`source=partner-site`
`campaign`	Optional campaign tag	`campaign=q3-trade`
`offer`	Optional offer tag for downstream proposal routing	`offer=auto-site`
`accent`	Hex colour for partner brand accent (with or without #)	`accent=4f46e5`
`bg`	Hex background colour	`bg=0a0a14`
`utm_source` / `utm_medium` / `utm_campaign`	Standard UTM tags carried into every event payload	`utm_source=newsletter`

Pick your Snap

All Snap Suites support embed mode. Click any to open the embeddable URL with sample brand parameters.

Offer

What partners get.

A working calculator under your brand, branded thank-you flow, postMessage hooks for analytics, query attribution carried through every event. Partner keeps the customer relationship.

Proof

Same governance as the standalone Snap.

Decision support boundary preserved. Embed pages mark themselves noindex,nofollow via embed mode so they don't compete with the canonical Snap pages for SEO. Lead capture flows back to ATTOH with full partner attribution.

CTA

Try a live embed.

Open FormSnap in embed mode → in a new tab to see exactly what your iframe will render.

KPI

Measure what matters.

Embed events: snap:result, snap:lead-submit, snap:cta-click, snap:height. Wire them into your dashboards or just listen in console while testing. Agent-readable summary on every page.

Agent-readable summary: ATTOH Snap embed contract. Partners drop a single iframe with ?embed=1 + brand/source params. Embed-mode CSS hides chrome, postMessage broadcasts snap:result, snap:lead-submit, snap:cta-click and snap:height events to the parent frame. ATTOH attribution footer is mandatory and shown at the bottom of every embed. Lead capture routes to ATTOH with full partner brand+source query attribution. Final pricing, partner economics and white-label deal terms are Craig-only gates — talk to ATTOH at [email protected] before publishing an embed in client materials.