Skip to main content
Skip table of contents

Single Widget Activations

Introduction

Single Widget is a powerful feature within Engage Engine that allows you to create interactive, standalone game experiences for your audience. Unlike the Conversation Flow which focuses on creating multi-step conversation options, Single Widget streamlines the process of building engaging game activations that can drive user participation, collect valuable data, and enhance brand engagement. This guide will walk you through the process of creating and configuring a Single Widget activation.

Available Games

Engage Engine offers a variety of interactive games to engage your audience, from trivia challenges to memory games and much more. Each game provides unique engagement opportunities and data collection possibilities for different marketing objectives.

For a complete list and detailed descriptions of all available games, please visit our Games Catalogue page.

Design Recommendations

We strongly recommend using "Design Themes" for your activations to ensure a consistent and professional appearance. Design Themes provide pre-prepared design elements that can be easily applied across your activation, saving time and ensuring brand consistency.

For more information about available themes and how to apply them, please visit our Design Themes page.

Media Assets Specifications

When uploading images and media for your Single Widget activation, please be mindful of the size and format requirements. All media assets used in your activations must adhere to the specifications outlined in our Activations Media Assets Specifications page to ensure optimal performance and appearance.

Creating a Single Widget

When creating a Single Widget activation, you'll need to complete four main sections:

  1. Game Settings

  2. Start Screen

  3. Game

  4. End Screen

Let's explore each section in detail.

1. Game Settings

This section allows you to customize the overall appearance and style of your activation.

Logos Header

  • Show Logo: Optional toggle to display your main logo

  • Show Sponsored logo: Optional toggle to display a secondary sponsor logo

Style

  • Corner radius: Choose between rectangular, rounded or pill corners for UI elements

Background Style

  • Type: Choose either a solid color or an image background

  • Color: Select a background color using the color picker

  • Reset to default: Option to revert to default background settings

  • Text Color: Choose either black or white colors that will appear for text elements

  • Background color for display on large screens: Additional setting for large screens (tablets, desktop, etc.). The chosen background color (behind the activation) will be applied throughout the entire activation. It is recommended to use a solid color such as black or dark blue.

Text Configuration

  • Text Direction: Choose Left to Right or Right to Left

  • Main Titles:

    • Font family: Select from available fonts (e.g., Lato)

    • Font style: Select weight and style (e.g., Bold 700)

    • Font size: Select appropriate size (e.g., 20)

  • Paragraph:

    • Font family: Select from available fonts

    • Font style: Select weight and style (e.g., Regular 400)

    • Font size: Select appropriate size (e.g., 14)

  • Button:

    • Font family: Select from available fonts

    • Font style: Select weight and style

    • Font size: Select appropriate size

    • Buttons color: Choose background color for buttons

    • Buttons border color: Choose border color for buttons

    • Button text color: Choose text color for buttons

Share Link Configuration

  • Show share link on activation start and end screens: Toggle to enable sharing functionality

  • Share link settings:

    • Button text: Customize the share button text

    • Show icon: Toggle to display a share icon

    • Preview link appearance: Customize how the shared link will appear

    • Title: Enter the title for shared links

    • Description: Enter the description for shared links

    • Image: Upload an image to appear with shared links

2. Start Screen

The Start Screen is what users first see when they encounter your activation. It's divided into three tabs:

General Tab

  • Title: Enter the main headline (optional)

  • Subtitle: Enter supporting text (optional)

  • Media: Upload an image (600x400 recommended)

  • Link: Add an optional link to external content

  • Connect Data Points: Option to connect with previously collected user data

  • Button Text: Customize the text on the start button (default is "Start")

  • Sound: Option to add audio that plays when the start screen appears

Collect User's Data Points Tab

This tab allows you to gather valuable information from your users before they engage with your game. For a comprehensive guide on data collection options and best practices, please visit our Data collection page.

Participation Limit Tab

This tab provides options to control how often users can participate in your activation:

  • Limit participation to one time only: Toggle to restrict users to a single play. When enabled, additional configuration options appear:

    • Limit screen style: Choose between using the default limit screen (configured in "Inactive Activations" settings) or customizing a specific limit screen for this activation. See more details here Inactive Activations Messages

    • Title: Customize the message that appears when users reach their participation limit (default: "You have reached your limit of playing this game.")

    • Subtitle: Add supporting text to provide additional information (default: "But don't worry! There are plenty of fun games coming your way!")

    • Image: Upload an optional image to display on the limit screen

    • Actions: Determine what happens when users reach the limit screen. Options include:

      • No Action: The limit screen remains with no further action

      • Close window button: Provides an option to close the activation

      • Link Button: Redirects users to a specified URL

      • Collect user's data points: Gathers additional information

      • Download button: Allows users to download content

3. Game

The Game section will vary depending on which game type you selected. Each game has its own unique configuration options tailored to that specific experience.

For detailed instructions on configuring specific games, please refer to our Games Catalogue page.

4. End Screen

The End Screen is what users see after completing the game. This section determines the final impression and next steps for your participants.

Customize Finish Screen

  • Background Style: Choose between color or image

  • Text Color: Select the color for text elements

  • Show Confetti: Toggle to display a celebratory confetti animation

  • Image: Upload an optional image (trophy, reward, etc.)

  • Title: Add a headline message (optional)

  • Subtitle: Add supporting text (optional)

  • Media: Upload additional media (600x400 recommended)

  • Link: Add an optional link to external content

  • Connect data points: Option to connect with previously collected user data

Actions

Select what participants will do after completing the game:

  • No Action: End screen remains with no further action

  • Close window button: Provides an option to close the activation

  • Link Button: Redirects users to a specified URL

  • Collect user's data points: Gathers additional information

  • Download button: Allows users to download content

Publishing Your Activation

After completing all sections, review your settings, chosen images, titles, and spelling before publishing. Click "Apply" to finalize your activation, and you'll be directed to the publish activation settings page where you can choose how to share your activation with your audience.

JavaScript errors detected

Please note, these errors can depend on your browser setup.

If this problem persists, please contact our support.