> ## Documentation Index
> Fetch the complete documentation index at: https://docs.navattic.com/llms.txt
> Use this file to discover all available pages before exploring further.
# Conferences
> Stand out at trade shows and conferences with interactive demos that prospects can explore.
export const MediaCard = ({title = '', url, type = 'demo'}) => {
const attributes = type === 'demo' ? {
'data-navattic-open': url,
'data-navattic-title': title
} : {
'data-video': url
};
return
;
};
"Literally standing side by side with clients... I can see the value a client sees in having
the product in their own hands and being able to explore certain features without getting
lost."
}
domain="equusoft.com"
name="Equus"
/>
Stand out at **Conferences** events by providing immediate access to your product. Use an interactive demo to tell a streamlined and engaging user story and share your mobile accessible project link afterwards - customers are sure to ask for it!
# Customer Examples
Below are some conference demos we love. Keep an eye out for:
* Interactivity: How memorable is this on-site experience?
* Navigation and ease-of-use: Can a first-time user find their way through the demo?
* Integrations: How does your product fit seamlessly into existing workflows?
***
# Implementation Guide
Use the guidance below to maximize engagement at your conference booth. We recommend providing desktops or laptops for participants to engage with, although iPads and mobile devices are also supported.
**Make it memorable**: Aim for a 2-3 minute memorable experience that will demonstrate the wow moments of your product
**Make it interactive**: Use tooltips, triggers, and beacons to let viewers envision using your product in their day to day
**Customize it for your audience**: Incorporate the theme of the conference throughout your demo by using custom Themes or uploading images.
**Keep text minimal**: The product demo will likely support organic conversations that are already taking place at the booth. Smaller dialog boxes will also take up less space on mobile devices like iPads or smartphones, leaving more space for your product to shine.
**Use backdrops**: Conference attendees may be seeing your product for the first time ever. Using backdrops alongside tooltips will help attendees find the most important areas of your product.
**Consider a Checklist**: Allow interested viewers to explore multiple features in-depth while keeping the intro demo short.
**Make it accessible**: Optimize demos for viewing on a variety of devices. Include a QR code at your booth to send viewers directly to your demo.
**Enable internal champions**: Share your demo afterwards to ensure engaged attendees are able to continue selling your product internally.
**Track engagement**: Create a conference-specific project link to separate engagement data from multiple events.
Below are a few tried and true conference setups. Reach out to [team@navattic.com](mailto:team@navattic.com) for tips on how to optimize your specific setup.
* TV connected to a laptop or desktop to expand the reach of your demo
* Multiple iPads for asynchronous learning
* Kiosks equipped with an iPad or laptop
Below are a few tips for individualized visitor tracking on shared devices:
1. Present the demo in an incognito browser and reload the tab each time there's a new Visitor
2. To maximize identification opportunities, add an optional Form with an email field at the start of the demo. Learn more about [Forms](/tracking/forms/index).
3. To ensure the demo progresses smoothly, incorporate a [Timer Trigger](https://docs.navattic.com/build/flows#timer-trigger) to each step after Step 1. For instance, you could add a 2-minute Timer Trigger with the "Continue" action. Additionally, on the last step, include a button that uses the "Navigate to URL" action. This button should link to the demo and open in the same tab, automatically refreshing the window. This will end the current visitor's session and start a new session for the next visitor, effectively resetting the time tracking.
***
# Supporting Mobile Devices
It is important for conference demos to be supported on multiple end-user devices including laptops, tablets, and smartphones. Below are our tips for maximizing accessibility across devices.
If you know the conference devices you will have access to beforehand, try to take Captures at these dimensions. If you are uncertain of the devices, we recommend resizing your browser window to about 1440 x 900px when taking Captures for your demo. This is the "standard laptop size" that will scale up and down accordingly on most end-user devices.
**Note**: Avoid taking Captures on widescreen monitors as these may not scale well on mobile
devices.
Keep in mind that demos will appear differently on mobile devices with a width below 800px. This includes iPad minis in portrait mode as well as most smartphones. For reference, here is an [index](https://screensiz.es/) of various device screen sizes.
**Navattic includes four main options for mobile viewers:**
1. Mobile zoom (default) serves the desktop demo with pinch-to-zoom enabled
2. Mobile swipe demo is used to engage your mobile visitors with a short and visual experience they can *swipe* through
3. Mobile scaled view presents a scaled down version of your demo
4. Mobile alert presents a message that asks the visitor to return on a larger device
To set your mobile strategy, access your demo > select **Mobile** > and select an option.
If possible, preview your demo across various devices beforehand. An extension like [this mobile simulator](https://chrome.google.com/webstore/detail/mobile-simulator-responsi/ckejmhbmlajgoklhgbapkiccekfoccmk/related) can help simulate different device dimensions, even if you do not have access to the conference devices just yet.
**Here is how the Mobile swipe demo will appear on devices below 800px wide:**
**Here is how demos with Mobile scaled view appear on various devices.**
**Here is how demos with Mobile scaled view appear on various devices.**
