Skip to main content
The embed widget puts Mailr’s personalization on your website. When someone scans your postcard and lands on your page, the widget shows them a rendering of their own house — the same image a Mailr-hosted landing page would show — inside your branding, your offer, your form.

What it is and who it’s for

When a campaign uses “Your own landing page” instead of a Mailr-hosted one, each postcard’s QR code sends the scanner to your page with a personal code in the URL (?mailr=…). The widget reads that code and renders that visitor’s home.
  • Visitors who didn’t scan a postcard see a stock sample home — never another household’s imagery. A home’s rendering is only ever shown to that home.
  • One snippet is account-wide. It works on any page and any campaign. Set it up once and forget it.
  • Scan tracking works with or without it. The scan is recorded before the visitor ever reaches your page, so embedding is purely additive.
It’s built for contractors who already have a website or funnel and want their own branding on it — and for the agencies and AI site builders who maintain those pages.
Widget views are not QR scans. A visitor who opens your page without a postcard code sees the sample home and is counted as nothing at all. Your scan numbers on the Tracking dashboard come from the QR code itself.

Get your snippet

In the campaign wizard, at the landing page step, choose “Your own landing page” and enter your Landing page URL (for example https://yourcompany.com/postcard-offer). Mailr then shows both snippet pieces with Copy buttons and your account’s embed key already filled in. In-app copy:
“Optional: show each scanner their own house on your page. People who scan your postcard see a rendering of their own home. Everyone else sees a stock sample home… One snippet works on every page and every campaign — set it up once and forget it.”
See Create a campaign for the rest of that step, and Landing pages for the Mailr-hosted alternative.

The snippet

Two pieces. Put the <div> where you want the image, and the loader script once anywhere on the page.
If your builder gives you a real custom-HTML block, the one-line form does both jobs at once:
Always copy the version Mailr shows you in the wizard — your embed key is already filled in there.

Every option, in plain English

Put these on whichever element declares the widget: the <div>, or the <script> tag in the one-line form.

Where to paste it, by site builder

Hand it to your AI builder

If someone else built your site with an AI tool, this is usually the fastest path. Copy this, fill in the three placeholders, and paste it into Claude, ChatGPT, Cursor, Lovable or v0:

Gotchas

Http-to-https, adding or dropping www, trailing slashes — each one is a redirect that can strip the query string. Most platforms preserve it. If yours doesn’t, the visitor just sees the sample home; scan tracking is unaffected.
Builder previews often don’t run custom scripts. Publish the page before you judge whether the widget works.
Open https://your-page.com/your-path?mailr=<any real tracking code> — that’s exactly what a scanner’s browser does. Then open the page in a fresh incognito window with no code to see what everyone else sees. Moving between pages on your site keeps the personalization for that tab.
Open your browser’s console at the Verbose level and look for a [mailr] line explaining the state. No [mailr] line at all means the script never ran, which means your builder stripped or sandboxed it — check the table above for your platform.

Next steps

Create a campaign

Choose “Your own landing page” and grab the snippet.

Landing pages

The Mailr-hosted option, and what it does for you.

Tracking dashboard

Where scans and leads are counted.

Contact support

Stuck on a builder that isn’t listed here.