app logomedia-k.it
Sign in

media-k.it

All-in-one Media Kit for events — embed as an iframe, let exhibitors instantly preview personalized assets (company name, stand number, invitation code, logo), upload/replace logos, and download pixel-perfect PNGs by format or as a ZIP. Built for organizers to industrialize visual production.

Product

BlogDocumentationDashboardAccount

Company

AboutContact

Legal

TermsPrivacy

421 Rue de Paris, France

© 2025 media-k.it. All rights reserved.

Back
Deploy a Media Kit iframe in 15 minutes (checklist)

Deploy a Media Kit iframe in 15 minutes (checklist)

Published on October 24, 2025 · Reading time 4 min · Created by media-k.it

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)

SymptomLikely causeRecommended action
Iframe won’t loadDomain not whitelistedAdd the domain (prod/staging) to the whitelist and retry
Broken-looking contentHost CSS bleed-throughWrap the iframe in a neutral container
Inner scrolling feels crampedHeight too lowIncrease from 560 px to ≥ 640–720 px
Download blockedBrowser/permissionsCheck security policies, retry in private mode
Clicks do nothingHost scripts/CSPReview 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