Dynamic Tiles

Dynamic tiles allow you to provide customized information blocks to your guests on their dashboard. This feature enables you to create a more personalized experience by displaying relevant information, reminders, and helpful resources based on specific conditions.

Overview

Dynamic tiles in Juno can be used to:

• Display important event information to guests
• Provide helpful resources specific to an event or location
• Surface time-sensitive information conditionally
• Enhance the guest dashboard with visual elements like weather forecasts
• Add quick links to relevant external resources

Types of Dynamic Tiles

Juno supports two types of dynamic tiles:

Custom Tiles

Custom tiles allow you to create fully customizable information blocks with:

• Custom title and descriptive text
• Optional icons from the Tabler icon set
• Conditional visibility based on various factors
• Optional action button with custom text and link

Smart Tiles

Smart tiles are pre-configured special-purpose tiles that provide dynamic functionality:

• Weather Tile: Displays weather forecasts for the event location during the event dates

Managing Dynamic Tiles

Accessing Dynamic Tiles

Organization-Level Tiles

1. Navigate to the Admin Settings menu
2. Select “Dynamic Tiles”

These tiles will appear for all guests across all events.

Event-Specific Tiles

1. Navigate to the Events page
2. Select the event you want to customize
3. Go to the “Dynamic Tiles” tab

Event-specific tiles only appear for guests invited to that particular event. They allow you to provide targeted information relevant to a specific event.

Creating a Custom Tile

To create a new custom tile:

1. Click “Add Tile” at the top of the Dynamic Tiles page
2. Configure the tile with the following settings:

Basic Information

• Name: Internal reference name for the tile
• Title: The heading text displayed on the tile
• Details: The main descriptive content of the tile
• Icon: Optional Tabler icon to display with the title
• Priority: Controls the sorting order (High, Medium, Low)

Button Configuration

• Include Button: Toggle whether to include an action button
• If enabled:
  • Button Text: The text displayed on the button
  • Button URL: The link destination when the button is clicked

Visibility Settings

• When should this be shown?: Control the tile’s visibility:

  • Always: The tile will always be displayed
  • Conditionally: The tile will only appear when specific conditions are met

• Conditional Visibility: If “Conditionally” is selected, you can define rules for when the tile should appear using the condition builder, with options including:

  • Time period (before, during, or after the event)
  • Custom field values from the invitation
  • Event invite group (for event-specific tiles)
  • Other contextual factors

Adding a Smart Tile

To add a pre-configured smart tile:

1. Scroll to the “Add Smart Tiles” section of the Dynamic Tiles page
2. Find the Weather Tile card and click “Add”
3. Configure the tile settings:
   • Priority: Controls the sorting order (High, Medium, Low)
   • Visibility Settings: Same options as custom tiles

Editing Tiles

To modify an existing tile:

1. Find the tile in the Dynamic Tiles list
2. Click the edit icon in the Actions column
3. Update the tile’s settings as needed
4. Click “Save” to apply changes

Deleting Tiles

To remove a tile:

1. Find the tile in the Dynamic Tiles list
2. Click the delete icon in the Actions column
3. Confirm the deletion

How Tiles Display

Guest Dashboard

Dynamic tiles appear on the guest dashboard in the following order:

1. The Guest Support tile (always displayed first)
2. Custom and Smart tiles sorted by:
   • Priority (High → Medium → Low)
   • Tile type (Custom tiles before Smart tiles)
   • Alphabetically by name

Weather Tile Specifics

The Weather tile displays:

• Weather forecasts for the days of the event
• Temperature ranges (minimum and maximum)
• Weather conditions with appropriate icons
• Location name based on the event location

The Weather tile automatically disappears after the event has ended.

Conditional Visibility

Tiles can be configured to appear only when specific conditions are met. This powerful feature allows you to:

• Show different information before, during, and after the event
• Display content based on custom field values
• Target information to specific types of guests

Condition Builder

The condition builder allows you to create complex visibility rules with:

• Simple conditions: field equals value, time period is before/during/after event
• Logical operators: AND, OR
• Condition groups for complex logic

Best Practices

Tile Design

• Use clear, concise titles that immediately convey the purpose
• Keep details text brief and focused on essential information
• Use icons to enhance visual recognition
• Include action buttons only when there’s a clear follow-up action for guests

Organization

• Prioritize the most important information with “High” priority
• Limit the number of tiles to avoid overwhelming guests
• Order related information logically using priorities
• Use conditional visibility to show only what’s relevant at the current time

Content Strategy

• Focus on information that helps guests prepare for or navigate the event
• Consider what questions guests might have at different stages
• Update tile content as event details change
• Test how tiles appear on mobile devices to ensure readability

Example Use Cases

Organization-Level Tiles

• Welcome Tile: Basic information about upcoming events
• Company Resources: Links to HR portals, travel policies, or expense guidelines
• Contact Tile: How to reach travel coordinators or support

Event-Specific Tiles

• Event Agenda: Overview of key event times and locations for this specific event
• Transportation Tile: Details about parking, shuttles, or directions to this event venue
• Accommodation Tile: Information about hotel bookings and check-in for this event
• Weather Advisory: Special notes about weather considerations at the event location (shown conditionally based on forecast)
• Post-Event Survey: Link to feedback form for this specific event (shown only after the event)
• Group-Specific Information: Different instructions for different invite groups (e.g., speakers vs. attendees)