Deploy a Media Kit iframe in 15 minutes (checklist)

This checklist helps you embed the Media Kit on your website via iframe, secure it with a domain whitelist, and validate the result. Goal: a reliable embed that’s measurable (UA, downloads by format) and ready for communications.

ℹ️ Read first (pillar) — For the full overview:
Exhibitor Media Kit: the complete guide for organizers

Read the full guide · See pricing · Try the simulator · Talk to an expert

---

0) Pre-flight (2 min)

• You know the integration page URL (e.g., /exhibitors or /partners).
• You have the domain list to authorize (prod + staging).
• Target formats are defined (square, story, landscape, email header).
• You have the event ID to embed (e.g., EVT123).
• A QA owner is assigned to verify the embed after go-live.

---

1) Add domains to the whitelist (3 min)

• Add your primary domain (e.g., www.example.com).
• Add relevant subdomains (e.g., staging.example.com).
• Save configuration and allow it to propagate (brief delay).

Why? Without a whitelist, the iframe is blocked — it’s the foundation of secure embeds.

---

2) Embed the iframe snippet (4 min)

Paste the snippet below into your page. Adjust src (event_id), height, and container styling as needed.

<!-- Generic example to adapt -->
<iframe
  src="https://app.media-k.it/kit?event_id=EVT123"
  width="100%"
  height="720"
  loading="lazy"
  referrerpolicy="no-referrer"
  style="border:0; border-radius:12px;"
  allow="clipboard-read; clipboard-write"
  title="Exhibitor Media Kit"
></iframe>

Tips

• Height: allocate ≥ 640–720 px to avoid inner scrollbars.
• Neutral container: prevent host CSS from bleeding into the iframe.
• title attribute: helpful for accessibility (screen readers).

---

3) Visual & functional checks (3 min)

• The iframe renders without errors (no whitelist messages).
• Templates display correctly (no cropped text, crisp logos).
• Download works for at least one format.
• ZIP export available if applicable.
• Page scroll remains smooth.

---

4) Quick troubleshooting (when it won’t render)

Symptom	Likely cause	Recommended action
Iframe won’t load	Domain not whitelisted	Add the domain (prod/staging) to the whitelist and retry
Broken-looking content	Host CSS bleed-through	Wrap the iframe in a neutral container
Inner scrolling feels cramped	Height too low	Increase from 560 px to ≥ 640–720 px
Download blocked	Browser/permissions	Check security policies, retry in private mode
Clicks do nothing	Host scripts/CSP	Review extensions / CSP rules (add iframe host to frame-src)

---

5) QA & handover

• Screenshot desktop + mobile.
• Confirm your UA counter increments after a test download.
• Export a CSV and verify expected columns:

participant_id,participant_name,company,format,file_name,downloaded_at,event_id

• Log internally: page URL, go-live date, points of contact.

---

6) Durable best practices

• Safe areas & ratios: avoid cropping; test at 320 px wide.
• Legibility: exhibitor name must be fully readable on mobile thumbnails.
• File naming: EVENT_Company_Format.png for quick sorting/sharing.
• Reminders: schedule two follow-ups to boost adoption (watch UA/download curves).

---

7) Short FAQ

Why is the whitelist mandatory?
To prevent embeds on unauthorized domains and protect your kit.

I ran out of UA — now what?
Add a 50-UA top-up to register new participants.

Which metrics are available?
UA consumed, downloads per format, timeline, CSV export.

---

Related articles

• Exhibitor Media Kit: the complete guide for organizers

---

CTAs

Read the full guide · See pricing · Try the simulator · Talk to an expert