app logomedia-k.it

Media Kit Complete Guide

This comprehensive guide will walk you through creating and managing media kits for your events, from initial setup to integration.

Overview

A media kit allows you to create branded templates that exhibitors can customize with their information and download as ready-to-use graphics. The system guides you through a complete onboarding process to ensure you have everything set up correctly.

Step-by-Step Process

1. Create an Event

The first step is to create your event:

  1. Navigate to your organization dashboard
  2. Click "Create Event" or "New Event"
  3. Fill in the event details:
    • Event Name: Choose a descriptive name
    • Event Type: Select "MEDIAKIT"
    • Description: Add details about your event
  4. Click "Create Event"

Your event will be created in draft status, ready for configuration.

2. Choose a Template Format

Once your event is created, you need to select template formats:

  1. Go to your event page
  2. Click "Create Template"
  3. Choose from available formats:
    • Email (1200×800px) - For email campaigns
    • Landscape (1200×628px) - For social media posts
    • Portrait (1080×1350px) - For Instagram stories
    • Story (1080×1920px) - For vertical content
    • Square (1080×1080px) - For Instagram posts
  4. Click "Create Template" for your chosen format

3. Import Background Image

Add a background image to your template:

  1. In the template builder, locate the "Background" section
  2. Click "Upload Background"
  3. Select an image file (PNG or JPG, max 5MB)
  4. The image will be automatically saved to your template
  5. Preview how it looks in the preview panel

Tips for background images:

  • Use high-resolution images (at least 1200px wide)
  • Ensure good contrast for text overlay
  • Consider your brand colors and style

4. Add Dynamic Fields

Configure the fields that exhibitors will customize:

  1. In the "Template Fields" section, click "Add Field"
  2. Choose from available field types:
    • Company Name - For exhibitor company names
    • Stand Number - For booth/stand identification
    • Invitation Code - For access codes
    • Logo - For exhibitor logos
  3. Position and resize fields as needed
  4. Configure field properties:
    • Font family and size
    • Text alignment
    • Color and styling
    • Overflow behavior (text wrapping, truncation)

5. Save Your Template

Once you've added the background and fields:

  1. Click "Save Template"
  2. The template will be automatically saved with your background and field configurations
  3. You'll see a confirmation message

6. Publish Your Template

Make your template available to exhibitors:

  1. Click "Publish Template"
  2. The template status will change to "Published"
  3. Exhibitors can now access and customize this template

7. Customize the Iframe

Personalize the iframe appearance for your event:

  1. Go to your event Settings page
  2. Navigate to the "Iframe Customization" section
  3. Configure:
    • Primary Color: Main brand color
    • Secondary Color: Accent color
    • Text Color: Text color for the interface
    • Border Radius: Corner rounding for elements
  4. Preview your changes in real-time
  5. Click "Save Settings"

8. Publish Your Event

Make your event accessible to exhibitors:

  1. In the event settings, toggle "Publish Event"
  2. Your event will become publicly accessible
  3. Exhibitors can now access the media kit interface

9. Get Integration Code

Retrieve the iframe code for integration:

  1. Go to the "Embed" page for your event
  2. Copy the provided iframe code
  3. Integrate this code into your event website
  4. Exhibitors will see the media kit interface when they visit your site

Integration Examples

Basic Integration

<iframe
  src="https://your-domain.com/embed/event-id"
  width="100%"
  height="600px"
  frameborder="0"
>
</iframe>

Responsive Integration

<div
  style="position: relative; width: 100%; height: 0; padding-bottom: 56.25%;"
>
  <iframe
    src="https://your-domain.com/embed/event-id"
    style="position: absolute; top: 0; left: 0; width: 100%; height: 100%;"
    frameborder="0"
  >
  </iframe>
</div>

Best Practices

Template Design

  • Use consistent branding across all formats
  • Ensure text is readable over background images
  • Test templates with different content lengths
  • Consider mobile viewing for all formats

Field Configuration

  • Use clear, descriptive field names
  • Set appropriate text sizes for readability
  • Configure overflow behavior for long text
  • Test with various content lengths

Event Management

  • Keep event information up-to-date
  • Monitor template usage and downloads
  • Gather feedback from exhibitors
  • Update templates based on usage patterns

Troubleshooting

Common Issues

Template not saving:

  • Ensure you have a background image uploaded
  • Check that all required fields are configured
  • Verify you have the necessary permissions

Iframe not displaying:

  • Verify the event is published
  • Check the iframe URL is correct
  • Ensure the parent website allows iframe embedding

Exhibitor access issues:

  • Confirm the event is published
  • Check iframe integration is correct
  • Verify exhibitor has the correct access codes

Getting Help

If you encounter issues not covered in this guide:

  1. Check the troubleshooting section above
  2. Review your event and template settings
  3. Contact support with specific error messages
  4. Include screenshots of any problems

Next Steps

Once you've completed the onboarding process:

  1. Monitor Usage: Track template downloads and exhibitor engagement
  2. Gather Feedback: Collect feedback from exhibitors about the experience
  3. Iterate: Update templates and settings based on usage patterns
  4. Scale: Create additional events and templates as needed

Your media kit is now ready to help exhibitors create professional, branded graphics for your event!