AI Game Developer [BETA - v.1.0.1] Welcome to the AI Game Developer! Bring your ideas to life in seconds with fully playable, Flarie-ready games - automatically built and compatible with all Flarie Studio settings and integrations. This guide is designed to help you move from concept to launch faster than ever, all within a completely no-code environment. Writing a great Game Concept prompt A strong prompt helps the AI understand your vision and build a playable game that behaves exactly how you expect. Here’s how to write prompts that consistently produce great results: Do:✅ Be clear, specific, and simple. It’s better to start small and then add features later - overly complex, multi-phase games may confuse the AI.✅ Describe what the player does and how the game ends.✅ Explain player actions and feedback, e.g. “Tap to shoot,” “Swipe to dodge.”✅ State the goal and success or failure conditions, e.g. “Reach 100 points to win,” “The game ends when the player hits an obstacle.”✅ Include control details, e.g. “Tap to make the player jump,” “Use arrow keys to move left and right.”✅ Mention objects and how they appear, e.g. “Avoid enemies that appear from the sides,” “Collect pickups that fade in from the top.” ✅ Call out randomness if needed, e.g. “Random enemies appear from the top.” Avoid: ❌ Vague ideas like “a fun adventure” or “something with animals.”❌ Requests for menus, audio, or long storylines.❌ Non-supported gameplay types (e.g. 3D, multiplayer games ). 🧠 Example - Good Prompt:“Create a classic snake game where the player controls a growing snake using the arrow keys. The goal is to collect apples to increase length and score. Add moving enemies that the snake must avoid - colliding with an enemy, wall, or itself ends the game.” 🚫 Example - Poor Prompt:“Make a cool football game with lots of stuff happening.” ⚙️ What’s Not Supported (Yet)The AI Game Developer currently does not support: ❌ Audio or sound effects ❌ Menus or story cutscenes❌ Local storage or persistent save data❌ 3D Games ❌ Multiplayer Games❌ Text-based Games Focus on gameplay logic and interactions - everything else can be configured later in Flarie Studio after export. Useful Shortcuts The AI responds best to a set of clear shortcuts that let you fine-tune game logic, timers, backgrounds, and object behavior directly through your prompt. Use the examples below as quick references to guide the AI effectively. ScorebarThe Scorebar automatically manages all logic related to Lives, Moves, and Timers. It’s responsible for tracking progress and determining when the game should end. Examples: - “Make sure the game ends when the user runs out of lives.” - “Make sure the game ends when the user runs out of moves.” - “Change the amount of moves from 20 to 10.” Game TypesThe Game Type defines the overall rule set - whether the game is based on lives, moves, time, or pure luck. You can switch type at any time by simply describing it in your prompt. Examples: - “Switch the game type to lives-based.” - “Make the game use limited moves instead of endless play.” - “Turn this into a luck-based game where the outcome is random.” TimerbarThe Timerbar is a built-in timer displayed within the Scorebar. It can limit gameplay time, create bonus effects, or trigger events when time runs out. Examples: - “Make sure the game ends when the user runs out of time in the timerbar.” - “Deactivate the timerbar when the bonus mode ends.” - “Create a timerbar in the scorebar when the player picks up a bonus item. Deactivate it automatically after 10 seconds During this time give double points.” Background (TileSprite)The background acts as a TileSprite, allowing seamless movement in any direction for dynamic effects such as scrolling skies or moving terrain. Examples: - “Make the background scroll slowly to the left to simulate forward motion.” - “Move the background upward to create a falling effect.” Changing SizesYou can directly define object dimensions (e.g., player, enemy, pickup) in your prompt to get precise proportions. Examples: - “Change the player size to width: 80, height: 120.” - “Make enemies half the size of the player.” - “Increase the pickup item size by 50%.” Lifecycle (Game Start & Game Over)Every game follows the same lifecycle - starting, running, and ending smoothly. You can customize transitions or effects using simple instructions. Examples: - “Make all objects fade in at game start.” - “Add a 2-second fade-out animation at game over.” - “Reset the game automatically after the game over sequence ends.” Collisions & BodiesThe AI supports basic collision detection and physics body setup for all objects. Every object in your game has an invisible body that defines how it interacts with others - whether it’s solid, bouncy, or passable. You can use prompts to control which objects collide, overlap, or ignore each other, as well as the shape of their collision area (rectangular or circular). Examples: - “Make the player collide with the walls” - “Allow pickups to overlap the player and disappear when collected.” - “Add a circular body to the player instead of a rectangular one.” VelocityVelocity controls how fast and in which direction an object moves. You can use it to simulate speed, directional movement, or bouncing effects. Positive or negative values determine the direction along the X or Y axis. Examples: - “Add horizontal velocity to enemies so they move left and right.” - “Increase the player’s jump velocity for a stronger bounce effect.” - “Double the velocity of the ball so it moves faster.” GravityGravity defines how strongly an object is pulled down (or in any direction if specified). It can be adjusted per object in the game. Examples: - “Give the player a constant downward gravity so it falls naturally.” - “Set gravity to zero so all objects float freely.” - “Increase the gravity strength to make everything fall faster.” Building your Game The AI Game Developer is trained on Flarie’s internal game engine and a large collection of existing Flarie games. It follows strict coding conventions to ensure every game it creates is fully compatible with all standard Flarie Studio settings and integrations. All Flarie games share a common foundation - they must include specific methods for loading, initializing, starting, and ending the game. These ensure the game lifecycle runs smoothly and that player scores are tracked and saved correctly within Flarie Studio. Each game file includes predefined “zones” where the AI applies its creativity - writing logic, defining visuals, and bringing your idea to life. Your prompt (game concept) serves as the blueprint the AI uses to fill in these zones and generate a complete, ready-to-play Flarie game. Game TypesWhen you create your first prompt, the AI automatically selects one of its four supported game types based on your concept. Each type follows a slightly different structure, which the AI sets up automatically - and you can switch modes at any time. If you want a specific type, mention it in your prompt. Type Description Normal Standard Arcade gameplay Moves Limited moves / turns Lives 3 Lives before game over Luck Pure chance outcome. Game always have a win / lose condition instead of ordinary points Lifecycle Game LoadDuring the load phase, all assets are preloaded and every object is initialized - but remains hidden until it’s meant to appear. This ensures the game is fully prepared before the player starts interacting with it. Game StartWhen the game starts, gameplay always resets to its initial state. Objects fade in or appear dynamically based on the flow of the game, creating a clean and engaging start for each new play session. Game OverThe game over phase gracefully concludes gameplay with a short, cinematic sequence — typically lasting around two seconds - where the scene fades out or triggers a simple animation before ending. This ensures a polished and consistent ending across all games. Background All Flarie games are built on a 750×1334px canvas, which defines the visible game area across all devices. The background functions as a TileSprite, meaning it can be moved or scrolled seamlessly in any direction - horizontally, vertically, or diagonally - without visible edges or breaks. This allows you to create effects such as moving skies, scrolling terrain, or endless runners. You can instruct the AI to move, loop, or animate the background to match your gameplay. For example: - “Make the background slowly scroll to the left to simulate forward movement.” - “Move the background downward to give a falling effect.” Keep in mind: - The AI does not generate custom background art - it uses a placeholder asset by default that you can change once you have exported your game to Flarie Studio Assets & Images Each build uses placeholder images so your game can run instantly. Don’t worry about visuals yet - focus on gameplay and feel. You’ll see simple colored PNGs labeled with names like “PLAYER,” “ENEMY,” or “PICKUP,” making it easy to identify and reference specific objects in your prompts if you want to adjust their behavior. At this stage, the AI does not support replacing these placeholders with real images, generating graphics, or embedding image URLs. All objects are rendered in square or rectangular shapes - so even if you request a circular object, it will behave circularly in the game but still appear as a rectangular placeholder. Once you export your game to Flarie Studio, you can freely replace and configure all assets - images and other visuals - directly within Flarie Studio, without modifying any code. Please note:- Audio is not supported at this stage. - The AI will not add text elements unless you explicitly include them in your prompt. For now, we recommend ignoring text entirely and focusing on core gameplay. Restore to an earlier Version Every time the AI creates or updates your game, a new version is automatically saved. This lets you experiment freely without worrying about losing previous work. If you ever want to revert changes, you can restore your project to any earlier version with a single click. The restored version will instantly become your active working copy, allowing you to continue building or exporting from that specific state. Exporting your game to Flarie Studio Once you're happy with your game, you can export it directly to Flarie Studio. A new game will be created there based on the exact version you exported. Inside Flarie Studio, you’ll be able to edit and replace all assets and images, as well as access the full library of Flarie settings and integrations — everything from data collection and challenges to rewards and webhooks is automatically available. If you notice anything that needs tweaking, simply return to the AI Game Developer, adjust your prompt, and export again. You can export as many times as you like until your game feels just right. AI Credits Every time the AI apply an update to the code it will cost you 1 AI Credit, as simple as that! Tips & Tricks Start fresh when needed. If your generated game drifts too far from your intended idea, it’s usually faster to start over with a new prompt rather than trying to fix everything within an existing version. Clean starts often produce better, more consistent results. Add features gradually. When expanding your game, it’s best to add logic and features one at a time instead of stacking multiple complex changes into a single prompt. This allows you to test and validate each update individually - and easily restore to a stable version if something doesn’t behave as expected. Iterate like a designer. Treat each version as an experiment. Small, focused prompts usually guide the AI more effectively than large, complicated ones. Use clear cause-and-effect language. The AI responds best when you describe what should happen and when, e.g. “When the player collects a star, increase the score by 10.”

Game Center Language The Language feature lets you create one Game Center enter with multiple language versions without having to manage separate game centers. This feature allow you to create localised game centers for players while keeping the same Game Center. Let’s walk through how to set it up. By default, the game center language is set to English. You can change this in the Language Settings under your game's settings or in Assets & Settings > Language. Changing the default language in Assets & Settings ensures that all newly created games will use that language by default. How to set up additional languages in Game Center: Navigate to your game centers's Language Settings. Toggle on 'Enable Additional Languages.'This will open the settings for adding additional languages, as well as a sticky sidebar listing all the languages you add. Click + Add and select the desired language from the dropdown menu. Choose how the language name will be displayed to players: - English: Displays the standard English name for the language. - Custom: Enter a custom display name. The language will be added to the Languages List and in the side panel. You can update your game center texts in two ways: 1. By clicking on the 'Edit texts for all languages button on Languages or the icon at the bottom of the bar. This opens a popup with all editable texts. If you proceed to add any additional settings to the game, the related texts will automatically be added to the popup for easy access. 2. Navigating to the language version and specific game settings you wish to update. (Optional) Upload an icon for the language selector button and style the dropdown to match your game's design. Game Settings and Language Once additional languages are added, a language bar appears on the left side of the settings panel: The default language is listed at the top. Full game settings can only be modified when the default language is selected. When an additional language is selected, only text fields can be edited for translation purposes. At the bottom of the language bar, click the “Edit texts for all languages” icon to open the popup where you can update all translatable fields in one place. When an additional language is selected, only text fields can be edited. All functional changes needs to be done on the main language version.

Publish Game Center Publish Game Center The Publish function lets you control when changes to your Game Center go live, ensuring you can make edits without disrupting the active version. Key Features of the Publish Function: Initial Published Version: When you create a new Game Center, it’s automatically published as the first version. Game Center Cards: On the Games Center Dashboard, the card for each Game Center shows the published version. A banner will appear if there are unpublished changes, prompting you to take action Excluded Sections: Some areas like the 'Game Center Status' are excluded from the publish workflow. Changes here are immediately published in the Game and cannot be unpublished. The excluded sections are highlighted with an orange message. Sharing Your Game Center: Use the 'Share Published Link' to copy a link to the most recent published version of your Game. Steps to Publishing a Game Center: Make Edits: Modify your Game Center as needed. While you’re editing, your changes are automatically saved. Check the Publish Button: As soon as changes are made, the 'Publish' button becomes active, and a message will indicate there are unpublished changes. Click Publish: When you are ready to make your edits live, click the 'Publish' button. Your changes will now be visible to your audience and the 'Share Published Link' will show the Game Center with the changes you published. This feature ensures smooth game updates while keeping control over what your players see.

Competition modules Competition modules are an excellent way to increase engagement in your Game Center, motivate players to return and play more frequently and distribute prizes based on performance or participation at the end of a defined competition period How to use Competition modules Competition Modules are available for Advanced Game Centers and allow you to add different types of competitions to drive engagement and reward players. You can choose from three types of competition modules: Challenge, Entries and High Score. These modules can be added individually or combined, depending on your campaign goals. Note: Each competition module requires at least one Game Module with a game connected to function properly. Learn how to set up each module: How to set up a Challenge How to set up Entries How to set up a High Score module

Game UI The Game UI settings allow you to customize the interface elements that appear during gameplay. This includes elements such as score bars, life icons, and action buttons. Customizing the Game UI helps you align the gameplay experience with your campaign design and brand identity. What You Can Customize in the Game UI Top score bar The score bar displays the player's current score during the game. You can upload a custom image to replace the default score bar design. You can also adjust the colors of the bar to better match the game theme or campaign design. Star icon The star icon indicates how well the player is performing based on their score. Players earn stars when they reach specific score thresholds. You can upload a custom star icon to match the visual style of your game. Heart icon (lives) The heart icon represents the number of lives a player has remaining. You can replace the default heart icon with your own design to better match your game's branding. Action button (pause/info) The Action Button is located in the top-left corner of the game screen and appears as an information icon. It allows players to pause the game or exit the game early. You can choose whether to enable or disable this button. If the Action Button is enabled, you can customize how it behaves and what content is shown to the player. Action button options If the Action Button is enabled, you can configure the following options. Pause view or exit gameChoose whether clicking the button opens the pause view or exits the game immediately. Tutorial imageUpload a custom tutorial image that explains how to play the game. Tutorial descriptionAdd a custom description that explains the gameplay instructions. Button labelsCustomize the labels for the Resume and Exit Game buttons. Tip Use the Game UI settings to ensure the interface elements match the visual style of your game. Small details such as icons and buttons can help create a more consistent branded experience.

Voyado Integration This integration will create or update a Voyado contact. It ensures that user data collected via Flarie Studio is passed to Voyado for email marketing, automation, and segmentation purposes. Configuration The following Voyado credentials are required to authenticate and correctly pass data to Voyado. API Key - used to authorize access to your Voyado account. How to generate your Api Key. 1. Go to Administration -> Configure Engage -> Intergrations & External Systems -> Api Connections -> + Add Connection Base Url The base URL uses your Engage tenant name, which is the unique name connected to your Engage account. For example, if your tenant name is "example" then your base URL would be: https://example.voyado.com If you are connecting an Engage staging environment, you would use: https://example.staging.voyado.com For customers using the previously eclub url schema, please use: https://example.eclub.se Use the full Base Url as the provided Url in Flarie Studio. Payload Requirements This section defines what is mandatory to send to Voyado. You must select the appropriate Public Identifier based on your settings within Voyado. Flarie Studio support the below four Public Identifiers: email mobilePhone externalId memberNumber Pass additional Flarie Attributes to Voyado You may pass additional attributes to Voyado. This can be done by passing a value on either a default attribute within Voyado or by creating a custom attribute. How to create and manage Voyado Attributes 1. Go to Administration -> Configure Engage -> Contacts -> Contact Attributes Create an attribute or grab the ID for an already created attribute that you want to populate. In this example we will use firstName which we also use in the below Flarie Studio example, along with customParam1 and lastName. Flarie Studio: 📦 Events & Payload — Explore available triggers and payload formats

[POST] Reset Attempts for a Single Player This guide is for resetting the Attempts for a single player for a Gamification Attempts Scenario created in Flarie Studio. Please note that this will reset all attempts for a single player to 0. [POST] https://prod-api.flarie.com/rest/gamification-service/v1/public/player/reset-attempts Payload { "accessKey": "string", "gamificationId": "string", "playerIdentifier": "string", } Name Type Description accesskey string Brand Access Key. You can generate your accessKey in Flarie Studio → Manage Brand Assets gamificationId string The gamificationId of your gamification setup playerIdentifier string The playerIdentifier you would like to reset Response Message Status code Message 200 Success 400 Bad Request Your accessKey / gamificationId / playerIdentifier is invalid. 403 Forbidden. Your accessKey is not permitted to access the api 404 playerIdentifier does not exist 500 Internal Server Error. This error will also be thrown if you already have a running operation and trying to start another one.

Competition Challenge Module The Challenge module allows you to create a time-limited competition where players are rewarded for completing a specific task or goal within the Game Center. Challenges are a great way to boost engagement and incentivize repeat visits. Before You Start Make sure your Game Center includes at least one Game Module with a game connected. The Challenge module needs a game to track player progress. How to set up a Competition Challenge Module Click on 'Add Module' and select 'Competition - Challenge' from the popup Module Status is by default set to inactive when you are ready to start collecting data for the competition, turn the module status to active. Module visibility is by default hidden, and even when hidden, you can still have the competition active in the background of the game center. You can enable visibility by toggling it on manually or setting a visibility start/end date. Set the desired competition periods. You can add any number of periods and they can be added in bulk or one by one. A non-active competition period message can be activated if you have gaps in the competition periods, the message will show in the game center. For challenge there are three types of competition styles and two types of competition requirements. One type and one requirement need to be set for the competition setting. The challenge types are: Play only - the user only has to play the game to qualify for participation. Use Game Settings - you are using the requirements that are set in the games you have selected Reach min.score - you can set a minimum high score that the user needs to reach to participate in the challenge. The Competion requirements are: Complete all - the user will have to complete and play all the games that are included in the competition Complete one - the user will only have to complete one of the games that are included in the competition Select games to include in the competition. The games need to be added in a game module in to the game center already to be selected to the competition. Pre and Post challenge texts can be styelised to fit your game center, and its also a good way to tell the users how to join the challenge. Lastly set up the prizes in the winner settings. You can set up multiple prizes diffrent types of prizes, when they should be distributed and what competition periods they should be included in. Prizes Settings Prizes are distributed at the end of a competition period. You can select the distribution dates freely and also select the price to be included when adding a new period in the competition periods. In a challenge, the winners are randomised amongst all the users who have completed the challenge and are qualified to enter. You can set a winner limitation so that players can't win more than once, or so they can't win the same prize multiple times across all periods. The reward types are:Coupon code - same for everyone Coupon code - unique for everyone URL - same for everyone URL - unique for everyone None All prizes except "none" are distributed to the winners directly by email. For unique codes or URLs, make sure to upload enough for every planned winner. The codes can be uploaded per period or in a batch, where the codes will be distributed automatically as needed.

Competition Entries Module The Entries module allows you to create a time-limited competition where players need to gather entries for chance to win prizes in the game center. Entries are a great way to boost engagement and incentivize repeat visits. Before You Start Make sure your Game Center includes at least one Game Module with a game connected. The Entries module needs a game to track player progress. How to set up a Competition Entries Module Click on 'Add Module' and select 'Competition - Entries' from the popup. Module Status is by default set to inactive when you are ready to start collecting data for the competition, turn the module status to active. Module visibility is by default hidden, and even when hidden, you can still have the competition active in the background of the game center. You can enable visibility by toggling it on manually or setting a visibility start/end date. Set the desired competition periods. You can add any number of periods and they can be added in bulk or one by one. A non-active competition period message can be activated if you have gaps in the competition periods, the message will show in the game center. Select games to include in the competition. The games need to have entries active in the individual game settings and need to be added in the game module for the game center. Edit the number of entries display window and select if you want the window to appeare above of below the pre/post entries text. Pre and Post entrie texts can be stylised to fit your game center, and it's also a good way to tell the users how to gain entries and participate. Lastly, set up the prizes in the winner settings. You can set up multiple prizes, different types of prizes, when they should be distributed and what competition periods they should be included in. Prizes Settings Prizes are distributed at the end of a competition period. You can select the distribution dates freely and also select the price to be included when adding a new period in the competition periods. In Entries, the winners are randomised amongst all the users who have entries, and the probability of winning is higher if the player has collected more entries during the competition period. You can set a winner limitation so that players can't win more than once, or so they can't win the same prize multiple times across all periods. The reward types are:Coupon code - same for everyone Coupon code - unique for everyone URL - same for everyone URL - unique for everyone None All prizes except none are distributed to the winners directly by email. For unique codes or URLs, make sure to upload enough for every planned winner. The codes can be uploaded per period or in a batch, where the codes will be distributed automatically as needed.

Competition High Score Module The High Score module allows you to create a time-limited competition where players can compete for top score and win prizes in the game center. High Score is a great way to boost engagement and competitiveness amongst players. Before You Start Make sure your Game Center includes at least one Game Module with a game connected. The Entries module needs a game to track player progress. How to set up a Competition High Score Module Click on 'Add Module' and select 'Competition - High Score' from the popup. Module Status is by default set to inactive. When you are ready to start collecting data for the competition, turn the module status to active. Module visibility is by default hidden, and even when hidden, you can still have the competition active in the background of the game center. A hidden module can still collect data. You can enable visibility by toggling it on manually or setting a visibility start/end date. Set up the desired competition periods. You can add any number of periods and they can be added in bulk or one by one. A non-active competition period message can be activated if you have gaps in the competition periods, the message will show in the game center. Select the Score type you want for the leaderboard. There are two types to pick from: Best score - displays the highest score a player has reached in the selected games. Accumulated score - displays the accumulated scores of all the selected games and displays them as one score on the leaderboard. Edit the leaderboard style and what you want to show to the players in the game center. Select games to be included in the competition. Note that different games have different score systems. (optional) Enable a leaderboard popup and edit the leaderboard that will show in the popup. Its a good way to show more players because of the limited space on the game center front page. Lastly, set up the prizes in the winner settings. You can set up multiple prizes, different types of prizes, when they should be distributed and what competition periods they should be included in. Prizes Settings Prizes are distributed at the end of a competition period. You can select the distribution dates freely and also select the price to be included when adding a new period in the competition periods. In High Score, the winners are determined by the leaderboard position. The reward types are:Coupon code - same for everyone Coupon code - unique for everyone URL - same for everyone URL - unique for everyone None All prizes except none are distributed to the winners directly by email. For unique codes or URLs, make sure to upload enough for every planned winner. The codes can be uploaded per period or in a batch, where the codes will be distributed automatically as needed.

Introduction to Game Design The design of your game plays an important role in how players experience your campaign. Flarie Studio allows you to customize the visual elements of a game so it aligns with your brand and design guidelines. Most elements in the games available in Flarie Studio can be customized. This gives you the flexibility to adjust visuals, branding, and interactive elements to match your campaign. The platform also includes advanced design features that allow you to create more dynamic and engaging experiences. Advanced design features Flarie Studio includes several features that help you enhance the visual experience of your game. Parallax effects Parallax effects create a sense of depth by moving background layers at different speeds. This can make the game feel more dynamic and visually engaging. Desktop backgrounds Desktop backgrounds allow you to customize how the game appears when played on desktop devices. This helps ensure the experience remains visually consistent across different screen sizes. Spritesheets Spritesheets allow you to control animations and visual elements within the game. They can be used to create smoother animations and more detailed visual interactions. Learn more If you want to explore ways to improve your game design and create more engaging experiences, see the onboarding guide below. Level up your game design https://flarie.com/help-station/level-up-game-design

Introduction to Game Settings Game Settings help you configure how your game works and how players interact with it. These settings allow you to control important parts of the game experience, including data collection, gameplay timing, language options, and interactive elements. In this chapter, you will learn about the different settings available in your game and how they affect the player experience. What you can configure Game Settings allow you to configure several aspects of your game, including: Data collection from players Custom terms and conditions Language settings Time periods for when the game is available Custom buttons with different actions or triggers These settings help you adapt the game to fit the needs of your campaign. Gamification features This section also introduces the gamification features available in Flarie Studio. These features are designed to increase engagement and encourage players to interact with your game. Gamification settings allow you to create experiences such as: Competitions Prize draws Leaderboards Using these features can help motivate players to return, compete, and interact more with your campaign. Learn more about gamification settings If you want to learn more about when and how to use different gamification settings, see the onboarding guide below. Tailor your game settings https://flarie.com/help-station/tailor-settings

Introduction to Game Center A Game Center is your customizable digital arcade—a central space where games, rewards, and promotions come together into one cohesive experience. You set it up by adding your games, creating a reward store, and optionally including ad modules that link to external URLs. With the Wallet feature activated, users can earn in-game currency as they play, which they can spend on rewards within the same environment. Everything is modular and easily styled to match your brand, and the Game Center can be shared via URL, QR code, or embedded directly into an app. Game Centers are ideal when you want to run campaigns that go beyond a single game—like loyalty programs, seasonal events, or multi-step challenges. Whether you're encouraging repeat visits or driving traffic to specific actions, it gives you the structure and tools to do so seamlessly. By bringing everything into one place, the Game Center helps you increase user engagement, drive retention, and create a sense of progression. It turns gameplay into a more meaningful, reward-driven experience—and makes it easy for players to keep coming back.

Custom Buttons Introduction Custom Buttons in Flarie are flexible elements—either text or image-based—that you can add to your games to create interactive or visual enhancements. They can link to external URLs, trigger image overlays, or simply serve as static design elements. You enable them via Game Settings, then customize their style, positioning, and behavior. Buttons can appear before gameplay, after it, or remain visible throughout the session, depending on your intent—like promoting offers, guiding users, or just adding polish. For efficiency, you can create and save reusable buttons in Assets & Settings, making it easy to apply consistent elements across multiple games.

Introduction to Assets & Settings Our goal with Flarie Studio is to make creating branded games as easy and accessible as possible. To achieve this, we provide our users with features that allow them to save time and resources and be less prone to make mistakes. Redirection Links allows you to create links that can be controlled back-end and ensure that everyone uses the same link at all times. Assets & Settings is a great feature to create standardized colors, fonts and form inputs amongst other settings. It is a great tool to ensure that all games that you create uses the same design and settings without having to manually select and change whenever creating a new game.

Game Language The Game Language feature allows you to create multiple language versions of a game without duplicating the campaign or managing separate setups. All language versions remain connected to the same game. This means that winner generation, player statistics, prize distribution, and other gameplay data are shared across all languages. This feature is useful for global campaigns, multi-market launches, or any campaign where you want players to experience the game in their preferred language. Default language By default, the game language is set to English. You can change the default language in one of the following places: In the game’s Language Settings In Assets & Settings > Language Changing the default language in Assets & Settings ensures that all newly created games will use that language automatically. Add additional languages To create additional language versions of a game: Open your game’s Language Settings. Enable the toggle Enable Additional Languages. Click + Add. Select the language you want to add from the dropdown menu. Choose how the language name should appear to players. You can choose between two display options: EnglishDisplays the language name in English. CustomAllows you to enter a custom display name for the language. Once added, the language will appear in the Languages List and in the language sidebar. Editing game texts You can update translated texts in two different ways. Edit texts for all languages Click Edit text for all languages or the icon at the bottom of the language bar. This opens a popup containing all editable texts in the game. When new settings are added to the game, the related texts will automatically appear in this popup for easy translation. Edit texts in specific settings You can also navigate to a specific language and update the text fields directly within the relevant game settings. Language selector customization You can optionally customize how players switch between languages. Available options include: Uploading an icon for the language selector button Styling the language dropdown to match your game design How language settings affect game configuration When additional languages are enabled, a language bar appears on the left side of the settings panel. The default language is always listed at the top. All game settings can only be fully edited when the default language is selected. When an additional language is selected, only text fields can be edited. This ensures that translations remain consistent while the main game configuration stays controlled by the default language. At the bottom of the language bar, you can click the Edit texts for all languages icon to update all translatable fields in one place.

Authenticated UUID The Authenticated UUID feature allows you to secure your game by requiring a signed JWT (JSON Web Token) containing the player's uuid. This ensures only trusted, verified users can access and interact with your game. Step 1: Generate your UUID Secret Key 1. In Flarie Studio, go to Access Keys. 2. Create a new UUID Secret Key. 3. This key will be used to sign JWT tokens that authenticate your players. Note! Keep this key safe, it acts as your private signing key. Step 2: Set UUID as the Player Identifier 1. Go to your game in Flarie Studio. 2. Navigate to Game Settings → Add Data Collection. 3. Under Unique Identifier, choose URL Parameter. 4. This will enable uuid as a required parameter in your game URL. Note: The game will not start unless a valid uuid is passed via the query string. Step 3: Enable Authenticated UUID When Authenticated UUID is enabled, your game requires the uuid query parameter to be a signed JWT token. JWT Format Header {   "alg": "HS256",   "typ": "JWT" } Payload {   "uuid": "example-player-uuid" } Signature Signed using your UUID Secret Key (the one you generated in Step 1). Example (Node.js) const jwt = require('jsonwebtoken'); const uuid = 'player-1234-abcd'; const secretKey = 'YOUR_UUID_SECRET_KEY'; // Replace with your actual key const token = jwt.sign({ uuid: uuid }, secretKey, { algorithm: 'HS256' }); const gameUrl = `https://your-game-url.com?uuid=${token}`; console.log(gameUrl); What happens at Runtime? Every time a player takes an action in your game, Flarie will: Verify that the uuid JWT is valid Confirm that the token was signed with your UUID Secret Key Reject any access attempts with invalid or tampered tokens This ensures that only authenticated users can interact with your game content.

Setting up your Account Please follow the below steps to get everything set up in your account and make sure the game creation will be as easy as possible. Invite UsersDepending on your subscription you have a certain no of users included. Users you invite will receive an email where they can pick a password and activate their account. Go to the Manage Users page in Flarie Studio Add information to your Organization and Brand Account You will not be able to set your games to active until you have done this. Draft games will always have a draft banner on top of the start game image. Organization Page Brand Page Update Brand settings in Assets & Settings In Assets & Settings you can set things you want to use as standard in your games, such as Form Parameters, Terms, Language, Default Time Zone, and your Brand Prefix. By setting any of these 👆 they will automatically be used as the default for all games created afterwards. Read more about Assets & Settings Go to Assets & Settings in Flarie Studio

Level up your Game Design There are a lot of possibilities to style your game to really get the design that you are looking for. Sprite Sheets In a lot of games you can add Sprite sheets to create animations or multiple versions of objects or enemies in the games. Animation Object Randomization Read more about Sprite sheets here Style every object in the player flow Flarie Studio provides you with a lot of standard settings to design every element or text box in the way you want. You can also upload images instead of colors or gradients to really customize your design. If the standard settings are not enough you can also add Custom CSS to customize your design even further. Component Settings Most of the games have some possibilities to change the game mechanics. These settings you can find under Component Settings, and usually consists of the following: Change the sizes of objects. Change the positioning of elements. Change the difficulty of the game. Please open the Component Settings in your selected game to see the possibilities for that exact game.

Data Collection Games can be tailored to collect first party data ("1PD") in various ways, which can be collected directly in Flarie Studio or being sent to your system directly through our Data Integration if you have a Sky or Space Subscription. Flarie Studio is fully compliant with GDPR. (Read more here) Game Forms Pre Game Round If your main goal is to collect 1PD we recommend using the Data Collection setting to collect the data before the players initiate their first game round. This ensures that you collect data from everyone the plays your game. Post Game Round If your main goal is to get as many players as possible we recommend collecting data after the person has played the game. This lowers the threshold of starting the game, but will result in some people playing without leaving their information. By selecting the reward type "Form - Ask Users for Data" under Reward Details in Challenge or Luck Based Wins, it enables the post-game form for the user to fill in. Select player identifier By choosing your preferred identifier, you control how the game recognises unique players. Browser: The unique browser is used to identify players, which means there’s no requirement to provide any information before playing the first game round. However, if someone returns to the game using a different browser or has cleared their cache, the game will treat them as a new player, and they won’t see their previous results or progress. Email: When using email as an identifier, the game will always prompt the player to enter their email before starting the first round (unless they’ve been recognized from a previous session). This allows the experience to continue seamlessly, even if the player returns from a different browser. Phone Number: Works the same way as email, but uses the player’s phone number instead. UUID: If you're distributing the game through your own channels, you have the possibility to pass in a UUID as a URL parameter to identify the player. This way, the player doesn’t need to enter any information in the game, but can still continue their experience across sessions and devices — as long as the same UUID is passed every time. Data Integration (Requires Sky or Space subscription) Flarie Studio’s Webhook and Integration tools give you the power to connect your games with the rest of your tech stack in real time. Whether you want to respond instantly to in-game events, sync player data to your CRM, trigger automated email campaigns, or fuel analytics, these tools make it easy to pass data and activate actions across your favorite platforms. It’s a flexible way to make your game experiences smarter, more connected, and more impactful. Read more about Webhooks here Read more about Integrations here

Tailor your gamification settings To get the most out of your game and align it with your goals, it’s important to set it up in the right way. While our premium branded games perform exceptionally well even without competitions or prizes, adding a competitive element almost always amplifies the impact. In this section, we’ll walk you through different types of competition formats and how to distribute prizes effectively. Whether you're aiming to drive repeat play, increase time spent, or reward top performers, there’s a setup that fits your goals. Competitions Formats within the Challenge Feature Read more about Challenge and Multi Entry here Challenge - RaffleInstead of rewarding only top scorers, Flarie Studio's Raffle feature allows you to randomly select winners from all players who have reached a predefined minimum score. By setting a lower score threshold, you make it easier for more players to qualify — increasing inclusivity and boosting participation. Challenge - Multi Entry Raffle Enabling Multi Entry encourages your audience to engage with your game multiple times, as each successful attempt increases their chances of winning. This not only boosts excitement but also significantly enhances player retention and time spent. Challenge - Instant Reward Instead of randomizing winners, you can instantly reward players as soon as they reach the target score. This approach ensures every qualifying player gets a prize, driving immediate actions like redeeming a discount code or claiming a product sample — effectively incentivizing real-time engagement and conversion. Competitions Formats within the Luck Based Win Feature Read more about Luck Based Wins here Luck based - Wins Instant Reward By using Luck-Based Wins, every player who successfully completes the game is given a predefined chance to win a prize. This mechanic adds excitement and anticipation to the experience and can be combined with both Skill and Luck based games. You can tailor the probability to match your goals — for instance, setting a high win rate to reward many players with discount codes and boost conversion, or a lower win rate with more exclusive prizes to build prestige and drive engagement through scarcity. It's a flexible and effective way to balance mass participation with impactful rewards. Competitions Formats within the Leaderboard Feature Read more about the Leaderboard here Leaderboard - Highscore WinnersAdding a leaderboard allows players to compete for rewards based on their rank and performance — creating a fun, skill-based experience that encourages repeat play and deeper engagement. Whether you're hosting a local event or launching a broader activation, the format adds a layer of excitement that motivates players to keep coming back. You also have the option to display a player’s own ranking without showing the full leaderboard. This is particularly effective for broader activations, as it avoids potential issues like inappropriate usernames or players feeling discouraged by unreachable high scores — while still offering a sense of progress and achievement. Periods and Frequency You can of course run competitions with fixed start and end dates, but we consistently see the best results when using recurring formats. Not only does this encourage players to return regularly, it also reduces the need for ongoing admin — making the concept both more engaging and easier to manage over time. You can easily divide your game into daily, weekly, or monthly competitions — all set up in one go. Read more about Time Periods here Incentives and Prizes You can easily add any type of prize or incentive to your game, and the platform includes built-in tools for uploading and managing rewards directly — making it simple to distribute them to winners in a smooth and scalable way. You can either describe the prize in text and distribute it manually after winners have been selected, or upload the prizes directly into the platform for automatic delivery — giving you full flexibility depending on how you want to manage your game. The platform supports the upload of both generic and unique codes or URLs — allowing you to control whether rewards can be reused or are limited to one-time use. Read more about Prizes here By using webhooks or integrations between our platform and your system or CRM, you can automate data transfer and ensure that rewards are distributed and communicated directly through your own channels. Read more about Webhooks here Read more about connected providers

Platform Demo Watch this quick demo where we walk you through the basics of selecting and designing your first game in Flarie Studio. You'll learn how easy it is to get started, explore key features, and see how to bring your branded game to life in just a few steps. Ready to dive in? Hit play and follow along!

Flarie Studio Use Cases Over the years, we’ve seen what truly drives results and long-term ROI with Flarie Studio – and that’s what this section is all about. The examples and structures outlined below represent the use cases and strategies that have consistently delivered the strongest impact for our partners. But don’t worry, you don’t need to start there. We usually divide the strategies into two groups: For many brands, this is a journey. Some start with smaller, supporting use cases to explore the potential of gamification and build from there. Others dive straight into their core business goals. Both approaches are valuable and what matters most is taking that first step and evolving over time. At Flarie, we believe in long-term partnerships and building value gradually. Success doesn’t happen overnight — but with the right foundation and focus, you’ll build real momentum.

Choose the right games for you With insights from over 2,000 game activations, we've learned what matters most when selecting the right game for your campaign — and how to get the best possible results. 1. Start with Your Audience The single most important factor is choosing a game your audience enjoys playing. In Flarie Studio, you can filter games by demographics to help you find a match that fits your target group. 2. Match the Purpose of Your Activation Next, choose a game that aligns with your goals. Are you looking to maximize time spent? Or do you need a faster-paced game where players complete rounds within a short timeframe? In Flarie Studio, you can filter games on different KPIs. 3. Fit Your Message and Creative Assets Within the above criterias, pick a game that works well with the assets and messaging you want to communicate. Think of the game as a communication format, just like an image or video ad, designed to capture attention and drive engagement (meaning same communication you would have communicated in an image or video ad as well). Sorting Games in Flarie Studio To help you choose more easily, Flarie Studio offers several sorting options: Recommended: Based on performance metrics like time spent, number of rounds, retention, and popularity across different audiences. Latest: Discover newly added games. A–Z / Z–A: Sort games alphabetically for quick navigation. Pro Tip ☝️ Focus on the Player, Not the Product The most effective branded games are the ones that resonate with your audience, rather than trying to tie the game too closely to the product's attributes.. When players genuinely enjoy the game and it supports your campaign’s purpose, you’ll see stronger ROI and higher brand affinity. In contrast, games built strictly around product details often struggle to capture attention and engagement Average time spent in two of our games: Zidande vs Jewel 👆 See here how these companies did it

Introduction We have put together a step-by-step guide covering each phase of your onboarding, including scheduled meetings, platform walkthroughs, and best-practice use cases. You can follow the content at your own pace or jump directly to the section that’s most relevant to you. Onboarding Meetings Flarie Studio Use Cases Platform Demo Choose the right games for you Tailor your gamification settings Data Collection Level up your Game Design Setting up your account From setup to strategy, we’ve got you covered 🙌 Let’s begin your journey with Flarie Studio. Just hit the button below to go to the next step!

Onboarding Meetings 1. Onboarding Meeting We walk through everything to get you started and onboarded to Flarie Studio. 2. Launch of your first activation Getting your first activation ready to go. Q&A session Deep dive into relevant Settings and Features 3. First follow up (∼2 months in) Evaluation of the initial period Platform feedback Game Performance Walkthrough of new features and relevant Case Stories Plan forward 4. 6-months check in Evaluation of the first 6 months Deep dive - Ambtition and Performance Feature Requests Explore additional use cases for Flarie Studio Walkthrough of new features and relevant Case Stories Plan forward and your ambitions for the coming years

[GET] Game Details This api will list the details of your games in your account. An optional query parameter for status can be used to filter the games the api will return. Default status is ACTIVE. [GET] https://prod-api.flarie.com/v1/public/games Authentication The API expects an Authorization header with a value of Bearer . Learn more about Access Keys here. Authorization: Bearer {your api access key} Query Params You can use a query parameter "status" to filter what games the api should return. If status is not provided ACTIVE games will be returned by default. Name Type Description status string Game Status: ACTIVE, DRAFT, EXPIRED, REMOVED Example: below url will only return the games with status EXPIRED. https://prod-api.flarie.com/v1/public/games?status=EXPIRED Response 200 [     {       "gameId": "3g18913e-74ee-4se6-b154-7d7a5e4dad61",       "status": "ACTIVE",         "startDate": "",         "endDate": "2025-01-09 14:42:00",         "timeZone": "Europe/Stockholm",         "createdAt": "2025-01-21T14:42:17.000Z",         "game": "knock",         "name": "Winter-game-Newsletter",         "type": "SINGLE_PLAYER",         "language": "",         "background": "https://dwfedcf5lscmq.cloudfront.net/skins/5c0a6c9a4c67e.png",       "identifierFormInputType": "EMAIL",         "gameCenterId": "",         "gamificationConditionId": "",         "gamificationId": "",         "hasSplitGame": false,         "timePeriods": [             {                 "id": "ae65908e-8563-4b1e-a0d5-945e7a21a356",                 "startDate": "",                 "endDate": "2025-01-09 14:42:00"             }         ]     } ] Status code Message 200 Success 400 Api Access Key can not be empty 404 Api Access Key not found 500 Internal Server Error.

Events & Payload in Webhooks Flarie Studio allows you to trigger webhooks and CRM/ESP integrations based on a wide range of in-game events - giving you full control over when data is sent and exactly what’s included. In this guide, you’ll get a detailed overview of all available events and their corresponding payload structures. You’ll also learn how to customize the payload format, map Flarie parameters to your system, and - if needed - batch data for specific events like Winners & Prizes (webhook only). Events Game - Triggers First Game Start Description: Event sent the first time the Player starts the Game. Payload options: Event, Player, Game, Custom Form Submission - StartGame Description: Event sent every time the form is submitted when the Player starts the Game. Payload options: Event, Player, Game, Custom Game Start Description: Event sent every time the Player starts the Game. Payload options: Event, Player, Game, Custom Challenge Completed Description: Event sent when the Player completes the challenge by reaching the set target in your Game, This event will only be sent once per Game Period. Payload options: Event, Player, Game, Game Score, Custom Form Submission - Challenge Completed Description: Event sent when the Player submits the form after a Challenge has been completed. This event can be sent multiple times, since the Player can access the form and modify the details. Payload options: Event, Player, Game, Game Score, Custom Form Submission - Luck Based Winner Description: Event sent when the Player submits the form once a Luck Based game has been won. This event can be sent multiple times, since the Player can access the form and modify the details. Payload options: Event, Player, Game, Custom Game over Description: Event sent every time the Player completes a Game Round and submits a Game Score. Payload options: Event, Player, Game, Game Score, Custom Winners & Prizes Description: Event sent with the generated winners when a Game or Game Period expires. Here you have the option to receive the winners by bulk or as single winner (one request sent per winner). Payload options: Event, [Winners], Custom Luck Winner Created Description: Event sent when the Player is defined as a winner in Luck Based Wins. Payload options: Event, Player, Game, Custom Game Center - Triggers Game Center SignUp Description: Event sent when the Player successfully registers in your Game Center. Payload options: Event, Player, Game Center, Custom Game Center Additional Form Submission Description: Event sent when the Player submits the form of additional parameters in your Game Center. This popup will appear for the player if you add parameters to your Game Center and the Player has previously already registered. Payload options: Event, Player, Game Center, Custom Game Center Store Purchase Description: Event sent when the Player purchase a Store Item in the Game Center. Payload options: Event, Player, Game Center, Store Purchase, Custom Game Center Competition Winners Description: Event sent when a Game Center Competition time period expires. Payload options: Event, Game Center, Game Center Winners, Game Center Competition, Custom Payload options - Flarie Values Event Description: Data about the event itself. Flarie Value JSON value Description eventId @event.eventId The id for the event eventName @event.eventName The name of the webhook eventType @event.eventType The type of event, e.g. GAME_START PlayerDescription: Data about the Player from your userbase. Flarie Value JSON value Description playerId @userbase.playerId Default Flarie Parameter uuid @userbase.uuid Default Flarie Parameter username @userbase.username Default Flarie Parameter email @userbase.email Default Flarie Parameter firstName @userbase.firstName Default Flarie Parameter lastName @userbase.lastName Default Flarie Parameter fullName @userbase.fullName Default Flarie Parameter company @userbase.company Default Flarie Parameter phone @userbase.phone Default Flarie Parameter age @userbase.age Default Flarie Parameter gender @userbase.gender Default Flarie Parameter birthday @userbase.birthday Default Flarie Parameter address @userbase.address Default Flarie Parameter country @userbase.country Default Flarie Parameter city @userbase.city Default Flarie Parameter zipCode @userbase.zipCode Default Flarie Parameter src @userbase.src Deprecated. Will be removed soon. businessRegion @userbase.businessRegion Default Flarie Parameter consent @userbase.consent Default Flarie Parameter consentMandatory @userbase.consentMandatory Default Flarie Parameter param1 @userbase.param1 param1 is locked to Marketing Consent param2-10 @userbase.param2-10 Custom Parameter created in Assets & Settings terms1-5 @userbase.terms1-5 Deprecated. Will be removed soon. other1-5 @userbase.other-1-5 Deprecated. Will be removed soon. Game Description: Data about the Game Flarie Value JSON value Description gameId @game.gameId The gameId gamePeriodId @game.gamePeriodId The gamePeriodId if split game is enabled game @game.game The name of the game in the library gameName @game.gameName The name you have given your game Game Score Description: Data about the Score of the current Game Round Flarie Value JSON value Description score @gameScore.score The score in the game round timeSpent @gameScore.timeSpent the amount of seconds played in the game round Game Center Description: Data about the Game Center Flarie Value JSON value Description gameCenterId @gameCenter.gameCenterId The gameCenterId gameCenterName @gameCenterme.gameCenterName The name of your Game Center Game Center: Store Purchase Description: Data about the Store Item Flarie Value JSON value Description gameCenterStoreId @gameCenterStore.gameCenterStoreId The Store Item Id gameCenterStoreName @gameCenterStore.gameCenterStoreName The Store Item name gameCenterStoreCoinPrice @gameCenterStore.gameCenterStoreCoinPrice The Store Item cost in coins Game Center: Competition Description: Data about the Game Center Competition Flarie Value JSON value Description competitionModuleId @gameCenterCompetition.competitionModuleId The Game Center Competition Id competitionModuleName @gameCenterCompetition.competitionModuleName The Game Center Competition Name competitionModuleType @gameCenterCompetition.competitionModuleType The Game Center Competition Type competitionModuleTimePeriodId @gameCenterCompetition.competitionModuleTimePeriodId The Game Center Competition Time Period Id competitionModuleTimePeriodEndDate @gameCenterCompetition.competitionModuleTimePeriodEndDate The Game Center Competition Time Period End Date competitionModulePrizeId @gameCenterCompetition.competitionModulePrizeId The Game Center Competition Prize Id competitionModulePrizeName @gameCenterCompetition.competitionModulePrizeName The Game Center Competition Prize Name Game Center: Winners Description: Data about the Game Center Competition Winners Flarie Value JSON value Description playerId @gameCenterWinner. The playerId of the winner playerIdentifier @gameCenterWinner. The Identifier option (playerId, email, phone or uuid) email @gameCenterWinner. The email of the player ranking @gameCenterWinner. The players ranking in the competition entries @gameCenterWinner. The number of entries the player had in the competition highscore @gameCenterWinner. The players highscore in the game Winners Description: Data about the Winners Flarie Value JSON value Description playerId @winner.playerId The playerId playerIdentifier @winner.playerIdentifier The Identifier option (playerId, email, phone or uuid) email @winner.email The email of the player username @winner.username the username of the player highscore @winner.highscore The players highscore in the game highscoreTime @winner.highscoreTime The amount of seconds played during the highscore ranking @winner.ranking The players ranking in the game Note! If you wish to use the Winners&Prizes event and receive all winners in one request, you may use Send in Bulk and Custom JSON Payload. The data needs to be formatted as an array as the example below. This will create an object of all winners within the array as the payload automatically. Custom Description: Custom attributes for hard coded values Flarie Value JSON value Description Text - Send custom text Number - Send custom number Boolean - Send custom boolean

GUIDE: Create your first Webhook in Flarie Studio Setting up a webhook in Flarie Studio is quick and easy. Let's get cracking! 1. Setup Configure the basics! Give your Webhook a Name. It will make it easier to keep of track of things! Set the Status to Active, because only Active webhooks will send requests. Define the URL where Flarie Studio should send the webhook data. All requests are sent using the POST method. Make sure your server is ready to receive and handle JSON payloads. - For this example we will use the very handy webhook.site to test things out! It allows us to quickly get an endpoint we can play around with to test the feature and see each request. 2. Request Configuration Select the appropriate Authentication Type and add any Custom Headers suitable for your need. In this example we will select the Flarie Authentication, which will utilize the built in API Access Key of your account and automatically add a "Bearer " in our Header as our Authorization method. Learn more in the Authentication & Headers guide. We will for this example not add any Custom Headers. We will also select the method to be POST. 3. Select Trigger Choose when the webhook should fire. Flarie supports events for both Games and Game Center. In this example we will select the Webhook type Games and the event we want to act as our trigger will be Game Start. This means that every time the game is started by a player the webhook should be triggered. Learn more about the different options for Triggers here. 4. Select Data to Send This is where it starts to get fun! In this step you customize exactly what data should be sent in the request. You can select two options here: Key-Value Pairs - define the key and set the appropriate Flarie Parameter as the value. Custom JSON Payload - If you are a little bit more technical you can format the JSON freely. It’s important to note that any Flarie Parameters you define in this step as the value must also be configured in your game for the webhook to send properly. For this example, we’ll create a game and enable Data Collection and set Email as the identifier, along with Username as an additional form parameter. This configuration will prompt a form to appear before the game starts, ensuring that the required data is collected from the player and available for the webhook to use. Make sure the Game is Active, since only Active games will trigger webhooks. Back to the webhook! Why not provide an example for either approach? (So you can choose freely). Key-Value Pairs Custom JSON Payload See what I did there? I also added one of the many other available built-in parameters (game). Learn more about the different options for you Payload here. 5. Select what games should send webhooks The final step in this guide is just selecting the game we created in step 3 so it will start sending data when players are coming in. Game Play Load the game, fill the form and play! Results Next we navigate to the webhook.site we configured to see the request. Piece of cake! Need help setting up your integration? Contact Us

Webhook Headers & Authentication When integrating Flarie with external systems, security is essential, especially when handling sensitive user data. To ensure your webhooks remain trusted and protected, Flarie provides simple yet flexible authentication options and full control over request headers. In this guide, you’ll learn how to securely authenticate your webhooks step-by-step. By following best practices for authentication, you can ensure that your integrations are safe, verified, and reliable—every time an event is triggered in your Game or Game Center. Whether you're connecting to internal APIs or third-party platforms, these settings help you ensure that only authorized sources can communicate with your endpoints—keeping your data and integrations secure. Request Configuration Flarie Studio supports three authentication types for webhook requests: 1. None No authentication will be included in the request header. Use this only for public endpoints or testing environments. 2. Flarie Authentication (recommended) This option automatically includes a Bearer token in the Authorization header using your account’s API Access Key. Authorization: Bearer Learn how to enable API Access Key in Flarie Studio here Tip: Verifying this token on your endpoint adds an extra layer of security, ensuring requests genuinely originate from Flarie and not from unauthorized sources. 3. Custom Authentication Choose Custom Authentication if your endpoint requires specific credentials. Basic Auth Use this when the endpoint requires a username and password for access. Enter your Username and Password in the provided fields. These values are automatically encoded and sent in the request header as: Authorization: Basic The credentials are encoded using Base64 before being sent.) Bearer Token Use this when the endpoint requires an access token instead of a username/password. Enter your Token in the provided field. The request will include the token in the Authorization header as: Authorization: Bearer Custom HeadersYou can add Custom Headers to include additional key–value pairs in your webhook request. These headers are sent along with the request and can be used for things like custom authentication, metadata or identifying your application. Use the “Add Header +” button to create as many headers as you need. Example If your receiving endpoint requires a specific API key, you can add: Header Name: x-api-key Header Value: 12345-ABCDE This will be sent as part of the request: x-api-key: 12345-ABCDE You can also combine this with Basic Auth or Bearer Token if your endpoint requires both custom headers and authentication. X-Signature Header Signed with Secret Key (optional) Learn how to enable Secret Key in Flarie Studio here You can further enhance webhook security by enabling the X-Signature header, signed using your Secret Key. When enabled, every webhook request from Flarie includes: X-Signature: This signature is generated by hashing the raw JSON payload using your account’s Secret Key. It acts as a digital signature, allowing you to verify both the integrity and authenticity of each request. Here’s a simple Node.js example to verify the signature: const crypto = require("node:crypto"); // Example payload (exact JSON string from the request body) const payload = // your json payload from the webhook const payloadString = JSON.stringify(payload); // Your Secret Key from Flarie Studio const secretKey = "your-secret-key"; // Generate the expected HMAC-SHA256 signature const calculatedSignature = crypto .createHmac("sha256", secretKey) .update(payloadString) .digest("hex"); // Compare with the X-Signature from the request header const xSignature = "X-Signature-in-the-header"; if (xSignature === calculatedSignature) { console.log("✅ Payload is authentic and unmodified") } else { console.log("⚠️ Payload is modified") } Adding this verification step is optional—but highly recommended for any critical or sensitive integrations. Need additional help setting up your integration? Contact Us

Introduction Who can use this feature: Admin, Manager Our Integration tool makes it easy to pass user and gameplay data in real time to your favorite platforms, whether you're managing contacts in a CRM, launching email campaigns with an ESP, or powering automated actions in your marketing stack. 👇 Choose from one of the providers below for a tutorial on how to set up an integration to your platform of choice: ActiveCampaign Apsis Brevo Campaign Monitor GetResponse HubSpot Klaviyo MailChimp Piggy SalesForce Sales Cloud Voyado Zoho CRM Need help setting up your integration? Contact Us

Contact us We’re here to support you, whether you're just getting started or looking to take things to the next level. 🗓️ Book a MeetingWant a guided tour of the platform? Curious about how others have used Flarie Studio to succeed? Need to talk about license options? Book a meeting with our team and we’ll be happy to walk you through it all. Book a meeting ✉️ Send Us an Email Have questions about features, need help setting up a concept, or looking for inspiration? Drop us a message and we’ll get back to you with ideas and answers. Send us an Email 🪐 Visit flarie.comLooking for more info about Flarie and what we do? Head over to our website to explore our solutions, cases, and latest updates. Visit the website

Salesforce Sales Cloud Integration This integration will create or update a Salesforce contact. It ensures that user data collected in Flarie Studio is seamlessly synced to Salesforce, enabling CRM enrichment, personalized email marketing, automated workflows, and advanced contact segmentation. Configuration The following Salesforce credentials are required to authenticate and correctly pass data to Salesforce. Client Id Client Secret How to generate your authentication credentials 1. Go to Advanced Setup 2. Go to Apps -> Apps Manager -> Press New Connected App 3. Create a Connected App 4. Provide Details. Callback URL is required, but not used for this integration. 5. Select appropriate Oauth Scopes and requirements. 6. Next Press Manage Consumer Details. You will be prompted to verify your account before seeing your client id and client secret. Salesforce will in this step call them consumer_key and consumer_secret. 7. Next navigate to Manage Connected Apps and press edit on the one you just created. 8. Press the Icon next to Client Credentials Flow -> Run as Lookup and Select a User. This is required in order to create an authentication token in the integration. BaseUrl - To connect to Salesforce you need to add your BaseUrl 1. Go to Company Settings -> My Domain. Make sure to use Current My Domain URL but remove salesforce.com External Id SalesForce recommended approach for integrations is to create an external id. Below is a guide for how you create an external Id. 1. Open Advanced Settings and press Object Manager. Scroll Down to Contact. 2. Go to Fields & Relationships. In the column Field Name you will find the Salesforce Sales Cloud Key you will use within Flarie Studio. Press New to create a field. 3. Select Text as Data Type 4. Name your Label and set the Length. Make sure to check "Unique" and "External Id" 5. Redo step 2 in order to get your External Id from the field you just created. Payload Requirements This section defines what is mandatory to send to Salesforce. Email - the core identifier for a Salesforce contact. Required in order to create or update a contact. Pass additional Flarie Parameters to Salesforce You may pass additional parameters to Salesforce. This can be done by passing a value on either a default field within Salesforce or by creating a custom field. See guide regarding External Id above in order to create a custom field or learn how to get the Field Name. The Field Name is what you will use as the Salesforce Sales Cloud Key within Flarie Studio. Flarie Studio: 📦 Events & Payload — Explore available triggers and payload formats

Zoho CRM Integration This integration will create or update a Zoho CRM contact. It ensures that user data collected in Flarie Studio is seamlessly synced to Zoho CRM, enabling CRM enrichment, personalized email marketing, automated workflows, and advanced contact segmentation. Configuration The following Zoho CRM credentials are required to authenticate and correctly pass data to Zoho CRM. Client Id Client Secret How to create your api credentials 1. Go to Settings -> Developer Hub -> Apis and SDKs -> press Register New Client under Server Side SDKs 2. Select Self Client 3. Go to Client Secret to get you Client Id and Client Secret Organization Id How to get your Organization Id 1. Go to Settings -> General -> Company Settings Region You can spot the region by looking at the ending of your domain. Payload Requirements This section defines what is mandatory to send to Zoho CRM. Email - the core identifier for a Zoho CRM contact. Required in order to create or update a contact. Pass additional Flarie Parameters to Zoho CRM You may pass additional parameters to Zoho CRM. This can be done by passing a value on either a default field within Zoho CRM or by creating a custom field. How to create Custom Fields within Zoho CRM 1. Go to Settings -> Customization -> Modules and Fields -> select Contacts 2. Within Contacts, navigate to Fields and press Create and Edit Fields 3. Add the Field type of your choice and provide a name Get Field Keys In order to add the Zoho CRM Key in Flarie Studio you need the Field Key for each value you want to pass to Zoho CRM. Below is a guide where you find the Field Keys. 1. Go to Settings -> Developer Hub -> APIs and SDKs and press API names 2. Select Contacts 3. Navigate to your Field. The API Name is what you need to use as the Zoho CRM Key in Flarie Studio Flarie Studio: 📦 Events & Payload — Explore available triggers and payload formats

Klaviyo Integration This integration will create or update a Klaviyo profile. It ensures that user data collected in Flarie Studio is seamlessly synced to Klaviyo, enabling CRM enrichment, personalized email marketing, automated workflows, and advanced profile segmentation. Configuration The following Klaviyo credentials are required to authenticate and correctly pass data to Klaviyo. Private Api Key - created as Custom Key with Profiles read/write access. How to generate your Private Api Key with the correct permissions. 1. Go to Settings -> Account -> Api Keys -> Press Create Private API Key 2. Select Custom Key and provide read/write access for Profiles Payload Requirements This section defines what is mandatory to send to Klaviyo. Email or PhoneNumber - this will act as the core identifier for a Klaviyo Profile. Required in order to create or update a Profiles. Pass additional Flarie Parameters to Klaviyo You may pass additional parameters to HubSpot. This can be done by passing a value on either a default property within Klaviyo or by passing a value to act as a custom property. Note! For custom properties you do not need to create them in Klaviyo, just provide the key name in Flarie Studio and the property will appear in each Profile. Flarie Studio: 📦 Events & Payload — Explore available triggers and payload formats

ActiveCampaign Integration This integration will create or update an ActiveCampaign contact. It ensures that user data collected via Flarie Studio is passed to ActiveCampaign for email marketing, automation, and segmentation purposes. Configuration The following ActiveCampaign credentials are required to authenticate and correctly pass data to ActiveCampaign. API Key - used to authorize access to your ActiveCampaign account. How to generate your Api Key. 1. Go to Settings -> Developer -> Grab the KEY Account Name (URL) 1. Go to Settings -> Developer -> Grab the URL Payload Requirements This section defines what is mandatory to send to ActiveCampaign. Email - the core identifier for an ActiveCampaign contact. Required in order to create or update a contact. Pass additional Flarie Parameters to ActiveCampaign You may pass additional parameters to ActiveCampaign. This can be done by passing a value on either a default field within ActiveCampaign or by creating a custom field. How to create and manage ActiveCampaign Fields 1. Go to Contacts -> Field Grab the personalization tag for the default fields. Make sure to add them as lowercase in Flarie Studio. Note! ActiveCampaign does not provide the fieldId in their dashboard. You will need to contact ActiveCampaign to get the field Id, use their api or finding the fieldId in the developer console in your browser. Flarie Studio: 📦 Events & Payload — Explore available triggers and payload formats

GetResponse Integration This integration will create or update a GetResponse contact in a designated List. It ensures that user data collected via Flarie Studio is passed to GetResponse for email marketing, automation, and segmentation purposes. Configuration The following GetResponse credentials are required to authenticate and correctly pass data to the intended List in GetResponse. API Key - used to authorize access to your GetResponse account. How to generate your Api Key. 1. Go to Integrations and API under CONNECT 2. Go to API -> Generate API key List Token - specifies which List in GetResponse the contact should be created or updated in. How to get your List Token. 1. Go to Lists -> Settings 2. Get your List Token. Note! It's only the List Token you need, please ignore the List Id. Payload Requirements This section defines what is mandatory to send to GetResponse. Email - the core identifier for a GetResponse contact. Required in order to create or update a contact. Pass additional Flarie Parameters to GetResponse You may pass additional parameters to GetResponse. This can be done by passing a value on either a default field within GetResponse or by creating a custom field. Note! The Custom Field Ids are not publicly available in the GetResponse dashboard. You need to contact GetResponse to get these ids or get the ids by their custom-fields api: [GET] https://api.getresponse.com/v3/custom-fields Note! Whenever you are using custom fields, make sure to check Is Custom Field in Flarie Studio. Flarie Studio: 📦 Events & Payload — Explore available triggers and payload formats

Campaign Monitor Integration This integration will create or update a subscriber in Campaign Monitor in a specific List. It ensures that user data collected via Flarie Studio is passed to Campaign Monitor for email marketing, automation, and segmentation purposes. Configuration The following Campaign Monitor credentials are required to authenticate and correctly pass data to the intended List in Campaign Monitor. API Key - used to authorize access to your Campaign Monitor account. How to generate your Api Key. 1. Go to Account Settings -> API keys 2. Create an API Key List Id - specifies which List in Campaign Monitor the subscriber should be created or updated. How to get your List Id. 1. Go to Lists & Subscribers -> Lists 2. Enter the List and go to Settings. Find your List API ID Payload Requirements This section defines what is mandatory to send to Campaign Monitor. Email - the core identifier for a Campaign Monitor subscriber. Required in order to create or update a subscriber. ConsentToTrack - Needs to be set to Yes, No our Unchanged. Pass additional Flarie Parameters to Campaign Monitor You may pass additional parameters to Campaign Monitor. This can be done by passing a value on either a default field within Campaign Monitor or by creating a Custom Field. How to create and Manage Campaign Monitor Fields 1. Go to Lists & Subscribers -> Enter your List -> Custom Fields Use a field already created or add your own custom field. Use the Perzonalization tag as your Campaign Monitor Key in Flarie Studio. Note! Don't forget to click Is Custom Field for the Fields you have created yourself. Flarie Studio: 📦 Events & Payload — Explore available triggers and payload formats

Mailchimp Integration This integration will create or update a Mailchimp contact in a designated Audience (List). It ensures that user data collected via Flarie Studio is passed to Mailchimp for email marketing, automation, and segmentation purposes. Configuration The following Mailchimp credentials are required to authenticate and correctly pass data to the intended audience in Mailchimp. API Key - used to authorize access to your Mailchimp account. How to generate your Api Key. 1. Go to Account & Billing 2. Go to Extras -> Api Keys. 3. Create an Api Key Server Prefix - found as part of the API URL (e.g., us6, us20), this identifies the correct Mailchimp server. List Id (Audience Id) - specifies which Audience in Mailchimp should receive the new or updated contact. How to get your Audience Id. 1. Go to Settings within the Audience Dashboard 2. Scroll to the bottom of the page and you will find your Audience Id Payload Requirements This section defines what is mandatory to send to Mailchimp. Email - the core identifier for a Mailchimp contact. Required in order to create or update a contact. Pass additional Flarie Parameters to Mailchimp You may pass additional parameters to Mailchimp. This can be done by passing a value on either a default parameter within Mailchimp or by creating a custom parameter. How to create and Manage Mailchimp Audience fields & tags 1. Go to Settings -> Audience fields & "MERGE" tags within All Contacts 2. Get the Tag from the attribute you want to use. This is what you use as the Mailchimp Key in Flarie Studio. 3. Create a new field type (custom parameter). Below we have created a Custom Text Field called Flarie Game. This attribute have the tag FLARIEGAME, which is what you need to use as the Mailchimp Key in Flarie Studio. Mailchimp: Flarie Studio: 📦 Events & Payload — Explore available triggers and payload formats

Apsis Integration This integration will create or update an Apsis contact in a specific Audience/Section. It ensures that user data collected in Flarie Studio is seamlessly synced to Apsis, enabling CRM enrichment, personalized email marketing, automated workflows and advanced contact segmentation. Configuration In order to authenticate and correctly pass data to Apsis you need to create an API Key and use the following in Flarie Studio. Client Id Client Secret How to create your API Key in Apsis 1. Go to Account Settings -> Api Management -> Add API Key 2. Next you need to set your Apsis Region in Flarie Studio. Options are EU or APAC. 3. Next you need to set your Section Discriminator to determine in what Section the contact should be created. This Section Discriminator Key is not publicly available in Apsis. Please contact Apsis to get this key or use the network tab to find it. 4. As the last step you need to define the Key Space Discriminator. This is basically letting Apsis know how your contacts are identified. Options are: com.apsis1.keyspaces.email com.apsis1.keyspaces.crm-id com.apsis1.keyspaces.mobile Please note that your Profile Key defined in "Select Data to Send" need to match this value. Payload Requirements This section defines what is mandatory to send to Apsis. Profile Key - the core identifier for your Apsis contact. Required in order to create or update a contact. Options are:Email CRM-Id Mobile Please note that your Key Space Discriminator need to match your Profile Key. Pass additional Flarie Parameters to Apsis You may pass additional parameters to Apsis. This can be done by passing a value on either a default attribute within Apsis or by creating a custom attribute. How to create and manage Apsis Attributes 1. Go to Account Settings -> Sections -> Click into the Section you want to edit 2. In your Section select an attribute or create a new attribute. Give it a name and define the type. The Attribute Discriminator is what you will use as the Apsis Integration Key in Flarie Studio. Make sure the api operation has read and write permissions. Flarie Studio: 📦 Events & Payload — Explore available triggers and payload formats

Piggy Integration This integration will create or update a Piggy contact. It ensures that user data collected in Flarie Studio is seamlessly synced to Piggy, enabling CRM enrichment, personalized email marketing, automated workflows, and advanced contact segmentation. Configuration The following Piggy credentials are required to authenticate and correctly pass data to Piggy. Personal Access Token How to generate your a Personal Access Token 1. Go to Apps -> Integrations -> Personal Access Tokens and create a token. Payload Requirements This section defines what is mandatory to send to Piggy. Email - the core identifier for a Piggy contact. Required in order to create or update a contact. Pass additional Flarie Parameters to Piggy You may pass additional parameters to Piggy. This can be done by passing a value on either a default attribute within Piggy or by creating a custom attribute. How to create and manage Piggy attributes 1. Go to Settings -> Custom Attributes 2. Click the Attribute or create a new one. You will need to use the Internal name within Flarie Studio as the Piggy Key to populate the attribute. Flarie Studio: 📦 Events & Payload — Explore available triggers and payload formats

Brevo Integration This integration will create or update a Brevo contact in one or several Lists. It ensures that user data collected via Flarie Studio is passed to Brevo for email marketing, automation, and segmentation purposes. Configuration The following Brevo credentials are required to authenticate and correctly pass data to the Lists in Brevo. API Key - used to authorize access to your Brevo account. How to generate your Api Key. 1. Go to SMTP & API 2. Go to API Keys and Generate a new API Key List Id - specifies in what List the contact should be created or updated. How to get your List Id. 1. Go to Lists and get the id from the ID column. Add the Ids you want to use as comma separated values in Flarie Studio. Payload Requirements This section defines what is mandatory to send to Brevo. One of the three below must be sent as the Brevo Required Key. Email SMS EXT_ID Pass additional Flarie Parameters to Brevo You may pass additional parameters to Brevo. This can be done by passing a value on either a default attribute within Brevo or by creating a new attribute. How to create and manage Brevo attributes 1. Go to Settings -> Contact Attributes 2. Get the Attribute Name from the attribute you want to use. This is what you use as the Brevo Key in Flarie Studio. Flarie Studio: 📦 Events & Payload — Explore available triggers and payload formats

HubSpot Integration This integration will create or update a HubSpot contact. It ensures that user data collected in Flarie Studio is seamlessly synced to Hubspot, enabling CRM enrichment, personalized email marketing, automated workflows, and advanced contact segmentation. Configuration The following HubSpot credentials are required to authenticate and correctly pass data to HubSpot. Oauth Token - created in Private Apps with CRM Contacts read and write permissions. How to generate your Oauth Token with the correct permissions. 1. Go to Settings -> Integrations -> Private Apps 2. Create a Private App. Give it a name and give the Token the following permissions: crm.objects.contacts.read crm.objects.contacts.write Payload Requirements This section defines what is mandatory to send to HubSpot. Email - the core identifier for a HubSpot contact. Required in order to create or update a contact. Pass additional Flarie Parameters to HubSpot You may pass additional parameters to HubSpot. This can be done by passing a value on either a default property within HubSpot or by creating a custom property. How to create and manage HubSpot properties 1. Go to Settings -> Data Management -> Properties 2. Click Edit Property to see the Property Details. The Internal Name is what you need use as the HubSpot Integration Key in Flarie Studio. Flarie Studio: 📦 Events & Payload — Explore available triggers and payload formats

[POST] Reset Attempts for all Players This guide is for resetting the Attempts for all players for a Gamification Attempts Scenario created in Flarie Studio. Please note that this will reset all attempts for all players and it might take some time for this operation to be completed. [POST] https://prod-api.flarie.com/rest/gamification-service/v1/public/reset-attempts Payload { "accessKey": "string", "gamificationId": "string", } Name Type Description accesskey string Brand Access Key. You can generate your accessKey in Flarie Studio → Manage Brand Assets gamificationId string The gamificationId of your gamification setup Response Message Status code Message 200 Success 400 Bad Request Your accessKey / gamificationId is invalid. 403 Forbidden. Your accessKey isn't permitted to access the api 500 Internal Server Error. This error will also be thrown if you already have a running operation and trying to start another one.

Brand Prefix Who can use this feature: Admin, Manager The Brand Prefix will be used in the URL's of redirection links you have created in Flarie Studio How to set Brand Prefix: Navigate to Assets & Settings in the mega menu and then to Brand Prefix in the side panel Fill in the Brand Prefix you wish to use, by default it's set to your brand name without any special characters.

Language Who can use this feature: Admin, Manager Select what language you wish to be used as default for non-editable texts. How to set Language: Navigate to Assets & Settings in the mega menu and then to Language in the side panel Select the language you wish to use in the dropdown. The selected language will be set as the default language in all new Games and Game Centers. It can still be edited in respective individual settings.

Desktop Background Image Who can use this feature: Admin, Manager, Designer Upload a desktop background image to set as your brand's default image in Games and Game Centers. How to upload a desktop background image: Navigate to Desktop Background Image in Assets and Settings through the mega menu. Drag or select a file to upload to the 'Default Game Page Background Image. Your default game page background image will now be applied as default to all future Games and Game Centers but can still be edited in the Game/Game Center settings.

Colors Who can use this feature: Admin, Manager, Designer Add color swatches in your assets to easier manage color usage when styling components. How to add color in assets: Navigate to Colors in Assets and Settings through the mega menu. Click the 'Add Color' button. Click the color box and change the color though the color picker or type in the hexcore (optional) Name your color for easier identification Your colors will be available though the color picker in the tab 'Assets'.

Custom Button Who can use this feature: Admin, Manager, Designer The Custom Button feature lets you create customizable text boxes or clickable images. You can choose whether the button triggers a URL, displays an image overlay, or performs no action. This section allows you to set up Custom Buttons for reuse across multiple games. Once a button is created in Assets & Settings, it will appear in a dropdown menu in your Game Settings, ready for selection whenever you need to add a button to a game. This saves you the effort of recreating and styling the button for each new game. How to add a Custom Button to Assets & Settings Go to Assets and Settings and navigate to Custom Button in the left hand panel Click on + Add Custom Button and Give your button an Internal Name. This is optional but good to do to easier find your button in the drop-down in Game Settings and in Analytics. Select if you want the button to be used as default in your games. Checking this box will automatically add the button to all new games you create. You will still be able to edit or delete the button in the Game Settings Add text or image and style your button to suit your design. You can also use an image as background. Select if you want the button to always be displayed, or only be displayed after the player has played a round. (optional) Add more Custom Buttons by clicking the + Add Custom Button. There is no limit to how many buttons you can add, but make sure to change the Y value in shape styling in the style bar so that the buttons don’t overlap with each other. To Create another button, just click on the +Add Custom Button again If you wish to remove a button, click on the trash icon at the top left hand side of the button you wish to delete. The button will no longer appear in the drop-down on Custom Button in your Game Settings How to add a Custom Button from Assets & Settings in your Game The buttons you have created will be available to select in a dropdown menu at the top of the settings panel. This allows you to select the button to automatically apply its pre-configured settings in the game.

Publish Game and Version History Publish Game The Publish function lets you control when changes to your game go live. This allows you to make edits without affecting the version currently visible to players. Changes you make are saved automatically but will not appear in the live game until you publish them. Key features Initial published version When you create a new game, it is automatically published as the first version. Game cards On the Games Dashboard, each game card shows the currently published version. If there are unpublished changes, a banner will appear to notify you. Excluded sections Some settings are not part of the publish workflow. Changes to Time Period and Game Status are applied immediately and cannot be unpublished. Share published link Use Share Published Link to copy the link to the most recently published version of your game. Publish changes Make edits to your game. When changes are made, the Publish button becomes active. Click Publish when you want your changes to go live. Once published, the latest version will be visible to players through the shared game link. Version history Version History allows you to view and manage previously published versions of your game. This makes it easy to review past changes or restore an earlier version. Open version history Open the Other Options dropdown in your game. Select Version History. A panel will appear on the right showing all published versions of the game. Version overview Unpublished draft Your current draft appears at the top of the list and is labeled Unpublished. Published versions All previously published versions appear below, listed from newest to oldest. The latest published version is marked Latest Published. Version details Each version shows the date, time, and user who made the update. Available actions Click the ... icon next to a version to access the available actions. Copy settings to a new gameCreate a new game using the settings from that version. Duplicate this versionCreate an exact copy of that version of the game. Restore this versionReplace your current draft with the selected version. Preview and restore a version You can select a version from the panel to preview it. The game will update in view-only mode so you can review the settings. If you choose to restore the version, confirm the action in the pop-up. The restored version becomes your current draft and replaces any unpublished changes. Exit version history Click Exit Version History or close the panel to return to the normal game settings view. Using Version History allows you to experiment with updates while keeping the option to return to an earlier version if needed.

FAQ The file I uploaded does not look right - what did I do wrong? Make sure that you follow the specified file formats as well as the measurements. Objects that do not follow the specifications often appear broken or invisible. The recommended image size is always specified above the image drop box. How do I upload my own font? You can upload your own fonts under Assets & Settings --> Fonts. You will need to upload two font weights. The font will then be available in all font selection drop-down across the platform. You can read more about adding fonts in Assets & Settings here. Can I use Gifs/animations in my Game? No. Flarie Studio does not support GIFs or animations to be uploaded. The biggest reason for this is that it will negatively impact the user experience as the Game will take much longer to load. Many of our Games does support Sprite Sheets though, which can be used as animations. If the Image in a Game supports spritesheet, this will always be stated in the image title. You can read more about sprite sheets here. How do Spritesheets work? A sprite sheet is a single image file that contains multiple smaller images (or "sprites") arranged in a grid or similar layout. These sprites are typically individual frames or components of a larger animated or interactive visual, such as characters, backgrounds, or objects in a game. By loading and displaying portions of the sprite sheet at different times, you can create animations or dynamic visuals efficiently without needing multiple image files. Is there an image bank where I can find free assets to use in my Game? At this time, Flarie Studio does not offer an image bank but we have one in the works, so keep an eye out! What file formats are accepted in Flarie Studio? For any design objects in Flarie Studio, the supported file formats are .png or .jpeg Can I download objects that I have uploaded to Flarie Studio? Yes, just click on the download asset icon in the bottom right corner to download an asset. ---------- Game Settings Can I add sound effects to my Game? The audio that is supported in Flarie Studio can be found in the Audio section under Game Design. At this point, it supports a single audio file to add a background sound that will be played during game play. I want to set up a Challenge in my Game but I don't know what a good score limit it. Where can I find information regarding this? Unfortunately we don't have recommendations on individual Games. We suggest playing the Game a few times to get a sense of a good score limit. If you need help, don't hesitate to contact us at cs@flarie.com What is the purpose of adding a Start and End Date to my Game? Adding a Start and End Date to your Game in Flarie Studio helps you manage its availability for players. Here's why it's useful: Schedule Launches: Set a start date to ensure the Game goes live only when you're ready, like during a campaign or event. Control Expiration: Use the end date to stop players from accessing the Game after a specific period, like when a promotion ends. Player Messaging: If players try to access the Game before the start date or after the end date, Flarie Studio automatically displays messages like "Not yet available" or "Game has expired," keeping your audience informed. These messages can be edited under 'Start Game Button'. How do I add multiple Time Periods in my Game? Navigate to the 'Time Period' section of your game. If you have added a Start Date and an End Date to your game - you will be able to activate "Split Game" which allows you to add multiple time periods to your Game. Can I import settings from a different Game into the one I am working on? In the "More Options" dropdown - you can either import settings from a different Game or import settings from a Template in order to import settings to your existing Game. How do I copy a Game, including all the settings? In the "More Options" dropdown, you can select "Duplicate this version" which creates an exact copy of your Game and adds it to your dashboard. ---------- Prizes If I create a lottery game, can I add multiple prizes to the same game? The short answer is: Yes and no. Currently, the each competition feature supports only one "winner scenario" per game. That means all winners from each competition feature will receive the same communication and prize experience. Here’s a quick breakdown of how it each competition feature works today: Challenge games Allows you to set up specific messaging before and after a goal is reached. This includes popup communications and/or an email, if you choose to use those. Luck-Based WinsGames such as spin-the-wheel, functions similarly: you can set up a win message and a design, but all winners see the same content. So at the moment, you can’t assign different prizes to different segments directly within the system. Winners & Prizes Communication is also currently limited to a single default message that’s sent to all winners. So, can you include multiple prizes? Yes, by combining different competition features you can, but currently, you can not add multiple prizes to each feature. However, there is a workaround that many users have found effective! Here’s what you can do: When setting up your competition feature, you can include unique links as prizes. For example, if you want to offer three different prizes, you could: Upload three types of prize URLs (e.g 3 separate landing pages), one for each prize Then, when uploading your prize links into the system, just include the right quantity of each type. In the game You can keep the messaging general, such as: “You’re a winner! Click here to see what you’ve won!” That link would then lead the winner to a specific prize—either a coupon or a landing page—randomly assigned based on the links you uploaded. Good to know:This feature (assigning multiple prizes more directly within the game flow) is already in our product roadmap, and it’s planned for future development. So full support for multiple prizes per game is coming soon! ---------- Account Can I add new users to our Account and if so; how many? Adding uses is limited to Admin and Manager user roles only. Make sure you are on the correct Brand and navigate to 'Manage Users' in the mega menu. By clicking on the 'Add New User'-button, you will be able to invite new users to your account. Each license type has a set amount of users allowed. If the button is greyed out it means that you have reach the maximum number of users for your account. Is there a limit to how many Games I can have Active at the same time? If you are on a paid license, Flarie Studio supports an unlimited numbers of Games Active at the same time. If you have signed up for a Demo license though our website or through a link from someone in the sales team, you can not have any 'Active' Games. I forgot my password. How can I recover it? On the Flarie Studio login page, you can select "I forgot my password" to retrieve your login details. If you still are unable to access your account - reach out to your Customer Success representative at cs@flarie.com I can't set my games to 'Active', the system says that there is Company Information and Brand Information missing? In order for all Games and Accounts to be entirely GDPR compliant, Flarie Studio requires users to add a certain amount of information to their account. Using the navigation menu in the top bar, head in to the "Account" section and fill in all the empty fields in the "Organization details" section. Once this action is complete, head over to Brands --> and click the Edit-icon and click "Fetch details from Organization". You may also need to approve some documents under 'Documents & Agreements' in order for Games to be 'Active'. ---------- GDPR and Personal Data Here are relevant links to the Flarie terms and policies: FLARIE GENERAL TERMS OF SERVICE FOR BUSINESSES FLARIE PRIVACY POLICY FLARIE GENERAL TERMS OF SERVICE FOR USERS FLARIE COOKIE POLICY FLARIE DPA At Flarie we invest in making sure our products and services comply with laws and regulations and to make sure we have high security standards. We are constantly striving to optimize and improve our system and have gone through and been approved in security and compliance processes with multinational companies such as Unilever, Circle K, Klarna, Cloetta, GroupM and many more. What relationship does Flarie have to Flarie Studio customers (companies) in terms of GDPR? For all data submitted in Flarie Games or Flarie Content, Flarie and the Flarie Studio Customer are to be seen as separate controllers. In connection to playing a Flarie game, the person always approves Flarie's terms and policies (e.g. Privacy policy) and therefore approves Flarie's handling and collection of their personal data in relation to Flarie’s purposes and reasons (which is normally different from the purposes and reasons of the Flarie Studio customer). Flarie’s purposes and reasons consist mainly about providing the service and creating the best possible user experience. At the same time, the person playing also accepts any terms and conditions (e.g. competition terms) and policies (e.g. Privacy policy) added to the game by the Customer, and when applicable also any mandatory or optional consents (checkboxes) that the customer has added to the game. This means that the person is also approving the Flarie Studio Customer’s handling and collection of their personal data based on the reasons and purposes that the partner is stipulating. As a result of this, Flarie and the Flarie Studio Customers are to be seen as separate controllers for the personal data submitted in the Game/content in relation to GDPR, with separate relationships and responsibilities to the person/player. As a standard solution Flarie can’t handle or process this personal data on behalf of the Flarie Studio customer (except for below examples) for the Flarie Studio Customers purposes. This means that the Flarie Studio Customer needs to select and manage the winners' data and export or manage player data themselves. The Flarie Studio customer can do this via the Flarie Studio platform where they can log in to view, manage and export the data collected. Does Flarie process any personal data on behalf of Flarie Studio customers (companies)? For all personal data submitted by people in Flarie games/content Flarie and its partners is to be seen as separate controllers. With this said there are some occasions where Flarie does process personal data on behalf of Flarie Studio customers. There are two standardized features in Flarie Studio where this applies (These two are included in the Flarie DPA which is part of Flarie’s General Terms of Service for Business): If the Flarie Studio Customer chooses to use any of the email features in Flarie Studio where the customer can send tailored emails to their Flarie Studio User base. When using these features Flarie is processing personal data on behalf of the customer to perform the sending of emails. If the Flarie Studio Customer chooses to use the URL Parameter functionality, where a unique identifier is passed in to Flarie Studio through the Flarie URL to uniquely identify people who are playing, Flarie will process personal data on behalf of the customer to be able to provide the correct gaming experience to these players. Sometimes, Flarie and its partners have collaborations that require other data sharings than mentioned above, where Flarie then could process other types of personal data on behalf of the customer. However, as long as the customer is using the Flarie Studio platform in its current form without any technical customization this will not be the case. How is data collected from people when using the Flarie Studio service? In games or content created with Flarie Studio, people can be asked to submit personal data in different types of form fills. Before doing so the person will always consent to Flarie’s processing of this personal data by accepting the Flarie Users Terms and the Flarie Privacy Policy. The Flarie Studio customer (the company) can also add their custom terms and Privacy Policy to the game so that the person playing the game also accepts the customer's processing of their personal data. Flarie and the Customer are to be seen as separate controllers for such data in relation to GDPR to each separate Privacy Policies. Regarding exporting and downloading Data from Flarie Studio How do I export/download data from the Flarie Studio platform? Follow this GUIDE for how to export/download your data from the Flarie Studio platform. How do I generate randomized winners and export/download data of those from the Flarie Studio platform? Follow this GUIDE for how to generate randomized winners and export/download data of those from the Flarie Studio platform. Regarding competitions and marketing lotteries in Sweden In Sweden, it is okay for brands to do marketing lotteries without a license as long as it is free for the consumer to participate in the lottery. Is it okay for the brand to connect the lottery to making a purchase from the brand as a requirement to have the chance of winning? Normally “Spelinspektionen” considers a marketing lottery to be free of charge if the connected purchase has the same cost as if the marketing lottery was not connected. ---------- Distribution Can I distribute the Games anywhere? Yes, you can distribute your Flarie Studio Games across various platforms! Here’s how it works: 1. Web Embeds Host it on your website or app: Use the embed code provided by Flarie to seamlessly integrate your Game into your website or application. 2. Social Media Sharing Share your Game link directly on platforms like Facebook, Instagram, LinkedIn, or Twitter. This is great for driving engagement and traffic. 3. Standalone Pages Flarie games can exist as standalone URLs, meaning you can simply share a link with your audience via email, SMS, or even QR codes. 4. Third-Party Integrations You can integrate Flarie Games into third-party services or promotions using API keys for advanced use cases. Which link should I use when pushing the game on Social Media? Go to your Game and use the "Share Link" which will automatically copy the link to your clipboard. The link copied is the one you should use as your destination URL. Is there a way for me to track where all my players are coming from? Yes, you can add SRC (Source Tracking Codes) to your Games in Flarie Studio to track where players are coming from. This is a great way to monitor traffic sources when distributing your Games on different platforms. How to Add SRC for Tracking Generate SRC Parameters: SRC is usually a query string parameter appended to the Game URL. Example: https://yourgameurl.com?src=facebook Customize for Platforms: Create different SRC values for each platform or campaign: Facebook: ?src=facebook Instagram: ?src=instagram Email Campaign: ?src=email Distribute Unique Links: Use the customized URLs when sharing your game on social media, websites, or email.

Game Userbase The Game Userbase page is where all the data collected from your Game’s users is presented. This tool provides various options to analyze, manage and export user data from the Game, to ensure you can make the most of your Game's audience. Here’s a breakdown of the key features and how to use them: Data Overview: The page displays all user data collected from the game. Search: Use the search bar to find specific users quickly. Export: Download user data by clicking the 'Export button'. The button also indicates the number of users included in the export. If your game has 'Split Game' activated, a time-period dropdown will appear at the top of the Userbase table. The default view shows the data from the first time period. To view data for a different time period, select it from the dropdown. The table will update automatically. Editing User Data You can modify user details directly from the table to keep your data accurate and up-to-date.

Time Period and Split Game The Time Period setting allows you to control when a game is available to players. By defining a start and end date, you can schedule when the game becomes accessible and when it should no longer be playable. You can also use the Split Game feature to divide the game into multiple time periods. This allows you to run several competitions within the same game link. For example, you can run weekly competitions within a single month using the same game URL. Set a time period for your game To define when a game should be available: Open the selected game. Go to the Time Period section. Set the Start Date and End Date for the game. Once these dates are set, the game will automatically become unavailable after the end date. Enable split game The Split Game feature allows you to divide the main time period into several smaller periods. This is useful when running multiple competitions during a longer campaign. For example, you could run four weekly competitions within a single month. Set up split game To enable and configure Split Game: Open the selected game. Go to the Time Period section. Set the main Start Date and End Date. Enable Split Game by turning the toggle on. In the popup, configure the first game period. Click Add time period to add additional periods. Each time period will appear in a table where you can review and manage the schedule. Add a single time period To add one additional time period: Click Add time period. Set the desired End Date for the period. Click Update. The new time period will appear in the time period table. Add multiple time periods You can also create several time periods at once. Click Add time periods. In the popup, select Multiple time periods. Select the start date for the second period. Enter the number of periods you want to create. Define how many days each period should include. Make sure the start date of the new periods does not overlap with the first game period you created.

Data Collection The Data Collection feature allows you to collect first-party data from players. This includes information such as email addresses, names, or other custom form fields. The most important setting in this section is the Player Identifier, which determines how the game identifies individual players. A unique identifier is required for features such as Winners & Prizes, leaderboards, and email prize distribution. Add data collection to a game Open your game. Click + Add Settings in the left panel. Select Data Collection. Choose the Player Identifier. Add the data fields you want to collect. You can also customize the form design, including the form title, terms text, and button labels. Pre-game vs post-game data collection You can collect player data either before the game starts or after a game round. Pre-game data collectionPlayers must submit their information before they can start playing. This is the most reliable way to collect first-party data and is required for features that send emails. Post-game data collectionPlayers can start playing immediately and are asked to submit their information after completing a game round. This approach lowers the barrier to entry and can increase participation. Post-game forms can be triggered using the Challenge or Luck Based Wins features. Learn more:https://flarie.com/help-station/challengehttps://flarie.com/help-station/luck-based-wins Player identifier types Browser Identifies the player using a token stored in their browser. If the player changes browser or clears their cache, a new identifier will be created. Email Identifies the player by the email address they submit before playing. If the player enters a different email address, a new identifier will be created. Mobile Identifies the player by the mobile number they submit before playing. If the mobile number changes, a new identifier will be created. URL parameter (UUID) Identifies the player using a value passed through the game URL. Example:https://your-game-url.com?uuid={player-identifier} This method is recommended for integrations. For additional security, you can use Authenticated UUID, which requires a signed JWT (JSON Web Token) to verify the player. Available form parameters You can add several default parameters to your data collection form.Available fields include: Email Username First Name Last Name Full Name Age Gender Phone number Birthday Address Country Zip code City Company Business Region Marketing Consent Default Consent Default Mandatory Consent Custom parameters You can create your own parameters in Assets & Settings.Supported input types include: Text fields Radio buttons Dropdowns Checkboxes Once created, custom parameters can be added to the form from the dropdown list when configuring Data Collection.

Spritesheets A spritesheet is a single image that contains multiple images arranged together. In supported games, spritesheets can be used to alternate objects during gameplay or create animations. Using spritesheets can add movement and visual variety to your game, helping create a more dynamic player experience. How spritesheets work Spritesheets combine several frames or objects into one image file. During gameplay, the game displays each frame in sequence to create the appearance of movement or animation. Some games also use spritesheets to randomly alternate between different objects, adding variation to gameplay elements. If the game you selected supports spritesheets, this will be indicated in the description under the asset title. How to create a spritesheet To create a spritesheet, place multiple images in a single row within one image file. Each frame should be positioned directly next to the previous one without any spacing between them. This ensures the game can correctly read and display each frame. Tips When creating animated spritesheets, make sure that each frame transitions smoothly to the next. Consistent alignment between frames helps create a seamless animation during gameplay. Testing the animation in the game preview can help ensure the movement appears smooth and natural.

Manage Users Who can use this feature: Admin, Manager The 'Manage Users' section allows you to edit existing users and add new ones to your brand and organization. Here's how it works: When you add a new user, they will receive an email invitation to register on the Flarie Studio platform. Once registered, they will automatically be added to your organization with the specific access and role you assigned during the invitation process. As an admin or manager, you can update user roles and permissions in 'Manage Users' at any time to reflect changes in your team’s needs. Available User Roles: Admin: An Admin has full access to all Brands within the Organization and can approve documents, such as Business Terms and Order Confirmations. Admins can add new users for any user roles. Manager: A Manager has access to everything within the Brand. He/she can edit and add users with Manager, Designer or Analyst user roles. Managers will also receive emails regarding updates Terms & Conditions. Designer: Access for Designers is restricted to Creating and Editing Games and Game Centers, but not 'Manage Winners', Analytics or Player data. Designers also have access to Brand Assets. They cannot add new users to Studio. Analyst: Analysts have access to User Base, 'Manage Winners' and Analytics for Games and Game Centers but can not create or edit. Analysts can set up data integration. They cannot add new users to Studio. Important to Note: As a Manager, you cannot upgrade your own role to Admin or assign Admin-level access to yourself. Managers are also restricted from granting access to other brands within the platform. This feature ensures that user management remains secure while giving you the flexibility to organize and grow your team effectively.

Design Assets Design assets allow you to customize the visual elements of your game so it reflects your brand and campaign design. Each game includes a set of brandable assets such as backgrounds, players, obstacles, enemies, and pickups. Depending on the game, there can be between 5 and 20 customizable assets. To update a design asset, create your visual in your preferred design tool and upload it to Studio. Once the asset is added, the game preview updates automatically. Upload design assets Open your game in Studio. Go to the Design section. Create the asset in your design tool using the required size and format. Drag and drop the file into the asset upload area. The game preview will update instantly. Image requirements Each asset includes its required image size and supported file format. These requirements are displayed under the asset description. Different games may require different image sizes to ensure the game functions correctly. Always follow the listed specifications when creating your assets. Supported formats typically include PNG and JPG files. Additional branding You can also customize the screens and buttons shown before and after the game. These elements help create a more consistent branded experience throughout the campaign. Adding branding to these screens is a good opportunity to include messaging, calls to action, or visual elements from your campaign. Design tips When creating assets, make sure important objects and pickups stand out clearly from the background. Good contrast helps players quickly identify interactive elements and keeps the gameplay experience smooth. Tip If you need a template for a specific asset, download the existing asset from the game and use it as a reference. Click the download icon in the bottom-right corner of the asset to save it. You can then open the file in your design tool and use it as a guide when creating your own design.

Web Page Background Image The Web Page Background Image appears behind your game when it is played in a web browser. This background gives you additional space to extend your branding beyond the game area. Some brands use this area to place a logo next to the game or to extend the visual theme across the entire screen. This can help create a more immersive and consistent brand experience. When to use a web page background If your game is likely to be played in a web browser, adding a background image is recommended. It allows you to make better use of the available screen space and strengthen your campaign branding. Preview the background You can preview how the background appears with your game by using the Full Preview option. Click Full Preview in the top panel. A new browser window will open. Review how the Web Page Background Image appears around the game. Use this preview to make sure the background design fits well with the game layout and looks correct across the page. Tip When designing the background, leave enough empty space around the center area where the game appears. This helps ensure that important visual elements are not hidden behind the game.

Create a game Create a game by selecting a template from the Game Library. You can browse available games and use filters to find one that fits your campaign goals. About the Game Library When you click Create Game, the Game Wizard opens. Here you can explore the full Game Library and select a game template to use for your campaign. Each template includes built-in gameplay mechanics that you can customize with your own branding, visuals, and messaging. Hover over any game to view a short tutorial that explains how the game works. How to select a game Click Create Game. Browse the Game Library. Use the filters on the left to narrow down the available games. Hover over a game to preview how it works. Click the game you want to use. You will then continue to the next step of the Game Wizard, Where you can start customizing the game. Filter options Time spent Shows the average time players typically spend playing each game. Use this filter to choose games with shorter or longer play sessions depending on your engagement goals. Easy to design Indicates how much customization the game requires. This is based on the number of assets and elements that can be customized. Games with fewer elements are faster to design, while games with more elements allow greater branding flexibility. Branding purpose Helps you find games suited for different marketing objectives. Some games make it easier to showcase multiple products, while others focus on messaging or brand awareness. Platform All games are mobile-friendly. This filter helps identify games that also adapt well to desktop devices. Demographic age Highlights games that perform well with different age groups. Demographic gender Highlights games that perform well with different gender groups. Game categories Browse games grouped by gameplay style to quickly find the type of experience that fits your campaign. Tags Use tags to refine your search using additional characteristics. Tip Combine multiple filters to narrow down the Game Library and quickly find games that match both your branding needs and engagement goals.

Parallax Effects Parallax effects allow you to create layered backgrounds where images move at different speeds during gameplay. This technique adds depth and makes the game environment feel more dynamic and immersive. By using multiple layers that move independently, you can create a stronger sense of motion and visual interest within the game. How parallax effects work Parallax effects use multiple background layers that move at different speeds as the game progresses. Layers placed further in the background typically move more slowly, while layers in the foreground move faster. This creates the illusion of depth within the game environment. When designing images for parallax effects, keep in mind that the background will loop continuously during gameplay. Image design considerations When creating parallax images, make sure the image can loop smoothly. The left and right edges of the image should align so the transition is seamless when the background repeats. Also consider how the different layers interact with each other. Elements placed on front layers may cover elements on layers behind them. If you want a specific element, such as a logo or product, to remain visible at all times, place it on a layer that will not be covered by other layers. Tip Test your design several times after uploading your images. Play through the game to confirm that the images loop smoothly and that the parallax effect looks the way you intended.

Game Status The Game Status determines whether a game is active and available to players. You can control the status manually, or it can change automatically based on the game’s configured start and end dates. The game status also affects how the game behaves in integrations and gamification features. Available statuses Active When a game is set to Active, it is considered an active game link. This is particularly important for licenses with game limitations. Games must also be active to work with gamification features or to send data through webhooks. Draft The Draft status indicates that the game is still being prepared. While a game is in Draft mode, it will display banners informing you that the game is not yet live. Draft games are not counted as active game links. Expired The Expired status appears automatically when a game has start and end dates configured. Once the end date has passed, the system automatically changes the game status to Expired. The game will no longer be considered active.

Start Game Button The Start Game Button is the main button players use to begin the game. You can customize its appearance and behavior to match your game design and campaign needs. The button includes two main sections: the start button itself and a section that can display the player’s score information. Button layout The Start Game Button contains: The Start Game button text and design A section showing the player's high score The player’s latest score Optional ranking information These elements help give players feedback about their previous performance before they start a new round. High score and ranking The high score section displays the player's best score and their score from the most recent play session. You can also choose to display the player’s ranking. Ranking shows the player's current position compared to other players in the game. Ranking works best when combined with a leaderboard and a player identifier. Customize the button You can customize several aspects of the Start Game Button to match your campaign design. Available customization options include: Button color Font style Corner radius For more advanced customization, you can upload a custom button image. Supported file formats include PNG and JPEG. The image will automatically scale to fit the button size. You can also define different button styles depending on the game status. For example, the button can appear in a different color when the game status is Expired. Game not available popup You can enable a Game Not Available popup using the popup toggle. This popup appears when a player clicks the Start Game Button but the game cannot be started. This can happen if the game is inactive or if a required UUID is missing. When the popup is enabled, you can: Add custom popup text Customize the popup layout and text styling Add a Destination Button with a custom label and link This can be used to redirect players to another page or provide additional information. Attempts Attempts allow you to limit how many times a player can play the game. You can configure attempts in two ways: A fixed total number of attempts A set number of attempts that reset daily Players must have available attempts to start the game. Game attempts take priority over Gamification attempts. If both are configured, game attempts will be used first. Gamification attempts are connected to the Gamification API. This allows players to receive additional attempts based on external triggers such as purchases or QR code scans. The Gamification API requires a Space license. Display attempts in the button The number of attempts can be displayed directly in the Start Game Button text. Use the placeholder tag {attempts} to control where the number appears. Example: START GAME – ATTEMPTS: {attempts} You can move the placeholder anywhere in the button text to control its position. If you do not want the number of attempts to be displayed, add the placeholder tag {noAttempts} anywhere in the text. Example: {noAttempts}START GAME No attempts popup You can enable a No Attempts popup using the popup toggle. This popup appears when a player clicks the Start Game Button but has no attempts remaining. When enabled, you can: Add a custom message such as “No more attempts, come back tomorrow” Customize the popup design and layout Add a Destination Button with a custom label and link This can be used to redirect players to a store, landing page, or other campaign content.

Terms The Terms setting allows you to add your own terms and conditions to a game. These terms appear together with the other legal information that applies to the game. Players can access the terms through the legal text shown at the bottom of the game and when starting the game. How additional terms are displayed Any terms added in the Additional Terms field will appear: Below the brand’s privacy policy information Above Flarie’s terms and conditions This allows you to include campaign-specific terms or legal information that applies to your game. Reuse terms across games If you plan to use the same additional terms across multiple games, you can save them in Assets & Settings. Terms added in Assets & Settings for Games and Game Centers will automatically be applied to future games and game centers you create. Edit terms for individual games Even when default terms are set in Assets & Settings, you can still edit the Additional Terms for individual games or game centers. This allows you to adjust the legal text when a specific campaign requires different terms.

Leaderboard The Leaderboard adds a competitive element to your game by showing how players rank compared to others. This feature can help increase engagement and encourage players to replay the game to improve their position. You can customize how the leaderboard appears and when players see it during the game experience. What you can configure The Leaderboard settings allow you to control several aspects of how the leaderboard is displayed. You can configure: How many players are shown on the leaderboard The visual style of the leaderboard When the leaderboard appears in the game The leaderboard can be displayed before the game, after the game, or in both places. Increase engagement with ranking For a stronger competitive experience, you can enable ranking on the Start Game button. This allows players to see their current position before starting a new round. Showing the player's rank early can increase motivation and encourage players to try again to improve their score. Add avatars to leaderboard rows You can display avatars next to player names on the leaderboard to create a more personalized and branded experience. This feature is controlled by the Display Avatar toogle. When enabled, you can upload an image that will appear next to each player's name on the leaderboard. Image requirements: Size: 64 × 64 pixels Format: PNG or JPG Avatars can be used to reinforce campaign branding by using icons related to your brand, team, or products. Customize leaderboard appearance You can adjust the visual style of the leaderboard to match your campaign design. Available customization options include: Background styling Text styling Number of leaderboard rows displayed Optional leaderboard description Learn more If you want to explore how leaderboards and other gamification features can be used effectively, see the onboarding guide below. Tailor your game settingshttps://flarie.com/help-station/tailor-settings

Custom Button Custom Buttons allow you to add interactive or visual elements to your game. A button can be text-based or image-based and can be used to link to external pages, trigger image overlays, or serve as a visual element in the game interface. Custom Buttons can help guide players, promote offers, or add additional design elements to your campaign. You can enable Custom Buttons in the game settings and then customize their appearance, placement, and behavior. Where buttons can appear Custom Buttons can appear at different moments in the game experience depending on how they are configured. A button can be shown: Before gameplay starts After a player finishes a round Throughout the entire game session This flexibility allows you to use buttons for different purposes such as navigation, promotions, or campaign messaging. Add a custom button To add a Custom Button to your game: Open the selected game. Go to + Add Settings. Select Custom Button. Add text or upload an image for the button. Style the button to match your design. Choose when the button should appear in the game. You can choose to display the button throughout the session or only after the player has completed a round. Add multiple custom buttons You can add more than one Custom Button to a game. Click + Add Custom Button. Configure the new button as needed. There is no limit to how many buttons you can add. If you add multiple buttons, adjust the Y value in the shape styling settings to ensure the buttons do not overlap. Use reusable buttons from Assets & Settings If you have created Custom Buttons in Assets & Settings, you can load them directly into your game. A dropdown menu will appear at the top of the settings panel, allowing you to select a pre-configured button. When selected, the button’s saved settings will automatically be applied. This makes it easier to reuse consistent button designs across multiple games. Default buttons for new games If a Custom Button has been set as a default in Assets & Settings it will automatically appear in the settings when you create a new game. You can still edit or remove default buttons in the game settings if needed.

Challenge The Challenge feature lets you set a score goal in your game. When players reach the target score, they can receive a reward such as a coupon code, URL, or form. This feature is commonly used for competitions, promotional campaigns, or data collection. Add a Challenge Open your game. Click + Add Settings in the left panel. Select Challenge. Set the Target Score. You can adjust the score using the slider or by typing the value. Since scoring systems differ between games, it is recommended to test the game to find a suitable target score. Reward Types Coupon code – same for everyoneAll players who complete the challenge receive the same coupon code. Coupon code – unique for everyoneEach player receives a unique code. Upload enough codes for the number of players who may complete the challenge. URL – same for everyonePlayers receive a button linking to a specific website. URL – unique for everyoneEach player receives a unique URL. Upload enough URLs for the expected number of players. Form – ask users for dataInstead of a reward popup, players are shown a form after completing the challenge. The submitted data is stored in the User Base. This is commonly used to collect information such as name or email. You can create additional form parameters in Assets & Settings - Form Parameters URL in buttonTurns the reward text into a clickable link instead of showing a popup. No instant rewardNo reward message is shown after the game. Reward Popup Types You can choose how the reward popup appears after a player completes the challenge. Show rewardDisplays a styled popup with optional image, title, and reward content. Hide rewardDisplays a minimal popup with customizable text. NoneNo popup is shown. The reward is still processed and recorded. Multi Entry Motivate your players by increasing their chances of winning by entering the challenge multiple times. Toggle the switch in ' Multi-Entry' to ON Set a limit to how many times a player can enter the challenge. You can set if the limit should be daily or total for the game period. Style the text to fit your game and brand Send reward by email You can automatically send rewards to players by email. Enable Send Prize Through Email. Set the Email sender. Customize the email content and style. Use Send Test Email to preview the message before sending it to players. Tip You can configure default email styling in Assets & Settings - Email to reuse the same design in future campaigns. Manage challenge winners The Manage Winners section shows all players who completed the challenge and their scores. You can use this data to review performance and track participants. Learn more about using challenge and other gamification settings: https://flarie.com/help-station/tailor-settings

Luck Based Wins Flarie’s Luck Based Wins feature enables you to create games where users can win prizes based on chance. This type of game is commonly used for daily lotteries, instant win competitions, and brand engagement experiences. You can customize how winners are selected, such as drawing one winner per day or distributing a fixed number of wins randomly among players. A key requirement is that all participants must have an equal chance of winning. These campaigns do not require the player to achieve a specific game score to win. Additionally, this feature supports post-game interactions. You can collect form data from players after they complete a round—useful for gathering contact information or survey responses. There's also an option to send follow-up communication via email, allowing you to confirm participation, notify winners, or continue engagement through personalized messaging. Curious when to use the Luck Based Wins functionality and similar settings? You can read more about how to use Luck Based Wins and the other functionalities that trigger certain events in our onboarding chapter that covers how to tailor your settings: https://flarie.com/help-station/tailor-settings How to Set up a Luck Based Wins Game Click on +Add Settings at the bottom of the settings panel and Add Luck Based Wins. The setting will now appear in your panel. Set the details for luck based wins, you can select if you want the game to have a score requirement that the player should reach or not. Set the reward details. Select Reward Type (Read more about Reward Types for luck based wins here), adjust the winning statistics and set a reward limit. The reward limit can be adjusted to be a daily limit or a limit for the whole Game period. Set Reward Distribution, adjust the text and styling to fit your game and select the type of popup you want to include in the Game. (optional) You can activate email distribution if you want to email the reward to the user, this function can be used alongside reward popup and stand alone. Reward Types Different reward types for luck based wins Coupon Code - same for everyone: This reward type will make distribution for one code available through a selected distribution method. It’s perfect if you want to distribute a generic discount code to all players who have won the reward. Coupon Code - Unique for everyone: This reward type makes uploading codes to distribute available. If they are all used up, new players won't be able to gain a code, as they are unique to each player who has earned the reward. The code will be displayed through your selected distribution method. This option is good if you want to control the number of rewards that are getting distributed. URL - Same for everyone: This reward type will create a CTA button with one single destination. You can set the URL in your selected distribution method. It’s perfect if you want your players to visit e.g. a specific website for their reward. URL - Unique for everyone: This reward type will generate a CTA button that is unique for every player in the selected distribution method. You can upload an unlimited number of URLs, just make sure there are enough URLs for each player. If they are all used up, new players won't be able to gain a URL, as they are unique to each player who has gained the reward. This reward type is good if you want to limit the number of URL’s that you are distributing. Form—Ask users for data: The reward type Form will trigger a form instead of the reward in-game popup. The players who have won the reward will be able to fill in the form with the specific data parameters that you choose to set up. The data will then be added to the user’s ID and gathered in the User Base. This reward type is an excellent way to gather information about your players, such as their Email and Names. Forms can also be styled in the Reward Distribution section. Tips: In Manage brand assets → Form Parameters you can create new form parameters that you want to add to the form. URL in button: This reward type will create a CTA out of the winner's text on the game instead of triggering a pop-up when receiving the reward. With this function, you can direct the player to a desired website without triggering a popup. No Instant Reward: No winner message will be displayed or distributed to the player.after completing the game. Reward Distribution Methods In addition to a winner text that will appear on the game to notify the player that they have won a popup or/and emails can be used. Popup Type - Show RewardShow reward can be selected when picking a reward types Codes, URLs or Form (1-5) in 'Reward Type'. By selecting this option you will be able to upload desired image (optional) and add a reward text. Depending on the Reward type you also style the components that will appear in the popup. Popup Type - Hide Reward:The hide reward popup are available for reward types Codes and URLs (1-4). In the hide reward popup the code or URL will not appear so it's suitable to combine with email distribution. By selecting this option you will be able to upload desired image (optional) and add a reward text. Popup Type - No popupThis option will disable the winner popup and its suitable for when you only want to show the winners text in the game or only send an email without having a popup in game. Send Prize through Email You can also activate the setting to send emails to players that have won a reward. To activate this settings you need to have Data Collection activated and email as a parameter so that the system can collect Email addresses and send emails to they players who have won a reward. Manage Luck Based Winners In manage winners you are able to see the list on all players that have won a reward.

Winners & Prizes The Winners and Prizes feature automatically selects winners and distributes rewards when a game period ends. This allows you to run competitions or promotional campaigns without manually selecting winners. You can define how winners are selected, how many winners there should be, and how prizes are delivered. Add winners and prizes Open your game. Click + Add Settings in the left panel. Select Winners & Prizes. Accept Data Collection to be added to the game. Finish the Winners & Prizes configurations. Choose how winners are selected You can choose how the system selects winners. Randomized by high scorePlayers must reach a qualifying score to be eligible. The winner is randomly selected from players who meet the requirement. High scoreThe system selects winners based on the highest scores in the game. Randomized by probability (multi-entry)Players can receive multiple entries, which increases their chance of winning. This option requires the Multi-entry feature in Challenges. Set the number of winners Define how many winners the game should have. If you use Unique URLs or Unique Coupon Codes, make sure you upload enough codes or URLs for the number of winners you selected. Send prizes by email You can automatically send prizes to winners by email when the game period ends. To enable this: Turn on Send Prize Through Email. Select the reward type. Set the email sender. Customize the email text and styling. You can use Send Test Email to preview the email before it is sent to players. Tip You can preconfigure email styling and sender details in Assets & Settings → Email to save time when creating future prize emails. Reward types Coupon code – same for everyone All winners receive the same coupon code. Coupon code – unique for everyone Each winner receives a unique coupon code. URL – same for everyone All winners receive a button linking to the same destination. URL – unique for everyone Each winner receives a unique destination URL. Manage winners The Manage Winners section shows a list of players who have won prizes. Disable or remove the feature To disable the feature, turn off the toggle in the Winners and Prizes settings.To remove the feature completely: Click the trash icon next to the setting. Click Publish to apply the change.

Popup Messages This section dictates the styling and texts for the different popups in your game Center. In the main section you can set the styling for the pop-ups as well as the text and styling for the general Confirm, Close and Next buttons. You can also set the texts for confirmations (pop-up text Prize) and the error messages that might be needed, e.g. if the users tries to make a purchase without having enough coins or if a reward is out of stock. All these texts are pre-populated but you might want to edit them to suit your Game Center better, or translate them to another language.

Modules The main content of the Game Center consists of different modules. There are five different kinds: Game Module, Ad Module, Text Module, Store Module and Competition modules. The Competition modules are only available if you have the advanced game center. You can mix these modules and place them in whatever order you want. You can also use the same kind of module and stack on top of each other several times. Status on Modules You can choose to control if a module should be visible or not in the Game Center through the Module Status. You can change the status through a toggle. A module status can either be visible or hidden. Module status overrides status on the Game and Reward level. Start and End Date You can choose to set a Start Date and End Date for a module to control when it will appear in the Game Center. If you set a Start/End Date on the module level it will override any Start/End Date set on the Game and Reward level. Drag and Drop Modules You can move modules up or down the list of modules by pressing and holding down the hamburger icon and dragging the module in the list. This sorting will reflect on the Game Center view. Example: if you drag the same module to the bottom of the list the game module will now appear in the bottom of the game center.

Text Module The Text module is a great module if you want to add some text in-between modules, explaining e.g. a competition or campaign you are running. How to add a Text Module Click on Add Module and select Text Module from the popup Select module status and set a Start - and End Date (optional) to control when the module should appear in the Game Center Add a Text Header and Description text and style them.

Ad Module In the Ad module you can add an image to display an ad, highlight a campaign or just visually improve your Game Center. The image can be clickable and you can add any URL to the Ad image. How to set up an Add Click on 'Add Module' and select 'Ad Module' from the popup Select the status for the module through the Visible/Hidden toggle. As soon as the status is set to Visible, your players will be able to see it in the Game Center. Select if you want a Start - and/or End date to the Reward module to control when it will appear in the Game Center and for how long it should be available. Name your Module (optional) Select the Ad size you want. Either full width or half width Drag and drop the image you want to use. You find the recommended image size above the upload image box. Ad an external URL link (optional).

Redirection Links Who can use this feature: Admin, Manager Redirection links are a powerful tool for maintaining a single link while changing its destination as needed. For example, if you’re printing a QR code on product packaging, you won’t need to reprint the packaging every time you update the content. Instead, use a redirection link to keep the same QR code while seamlessly swapping out the linked game or URL whenever necessary. Redirection links aren’t limited to games—they can be used for any URL. You can even set up an automated schedule to change the destination at specific times, all with a simple one-time setup. How to create a redirection link: Navigate to Redirect Links in the menu. Click the 'Create New Link' button Enter a name for your URL. Avoid using spaces or special characters. The brand prefix can be edited under Assets & Settings. Select a game or input a custom URL as the destination. Optionally, set a start and end date to automate changes to the redirection link. Confirm your setup, and then copy and share the redirection link as needed.

Fonts Who can use this feature: Admin, Manager, Designer Upload custom fonts to be used when styling text for your Games and Game Centers. You can upload multiple fonts and apply them in text styling. How to upload Fonts: Navigate to Fonts in Assets and Settings through the mega menu. Click the 'Add New Font' button. Set a Font Name. This is the name that will be visible in all font dropdown across the platform. Upload a Regular and a Bold version of the Font. The Font needs to be in .otf or .ttf format. (optional) Select if you want the font to automatically be the default font in future settings. Click 'Add Font to Assets', the font is now available when styling texts. Your fonts will be available in all font dropdowns in Flarie Studio, e.g in general settings on Games and Game Centers.

Emails Who can use this feature: Admin, Manager, Designer The Emails feature allows you to set the default styling for your emails sent through the platform. These settings will automatically apply to all future Games, Game Centers, and emails created under your account, ensuring consistent branding across all emails. How to customize Email styling: Navigate to the Emails section under Assets & Settings in the menu. Update the email sender information to align with your brand, making it clear to recipients who the email is from. Adjust the text and button styles to match your brand’s design guidelines. Upload a header and footer image that reflect your brand identity, ensuring a cohesive and visually appealing email layout.

Form Parameters Who can use this feature: Admin, Manager In Form Parameters, you can create custom data points to use in forms that appear in Games and Game Centers. How to add a Form Parameter: Navigate to 'Form Parameters' in Assets & S'ettings'. Click 'Add Form Parameter' Button Set an Internal Name. This name will be used your Form settings in Data Collection and in Analytics. Once the name is set, it cannot be changed. Set the component type your question should have. You can select between Free Text, Dropdown, Radio Buttons or Checkbox. Depending on what component type you picked, fill in the description or answers the user can select from. (optional) Select if you want the form parameter to be automatically added to all data collection forms you create in the future. Click 'Save'. When creating forms and adding parameters in new Games and Game Centers, the Form Parameters you created will be in the list under the Internal Name you set.

Terms Who can use this feature: Admin, Manager When collecting user data it's important to have users agree to terms and conditions. In Brand Terms you can populate the terms and conditions text with terms important to your brand. This will apply to all future Games and Game Centers. How to add Brand Terms: Navigate to 'Assets & Settings' in the mega menu and then to 'Terms' in the side panel. In the 'Additional Terms and Conditions' text box add your terms and conditions, they will now be applied to all future Games and Game Centers.

Time Zone Who can use this feature: Admin, Manager Select the Time-Zone you wish to use as default in all time-sensitive settings across the platform. It can still be edited in the settings for individual Games, Game Centers and Receipt Solutions. How to set a time zone: Navigate to Assets & Settings in the mega menu and then to Time Zone in the side panel Select the Time Zone you wish to use in the dropdown. The selected Time Zone will be set as the default across the platform.

Userbase Emails How to send an email through user base: Scroll down past the graph to the User Base table (Optional) Use filters to select the specific users you want to email Click on the 'Send Email' button above the user list Fill in all information and upload email banners to personalize the email (optional) If you want the email to be sent at a certain date and time, you can use the date pickers to schedule a date and time when the email should be sent Click 'Create Email'. The email has now been sent/scheduled to send for the filtered user group. In the Email Table, you can view previously sent emails, duplicate created emails, and edit scheduled emails.

Analytics Who can use this feature: Admin, Manager, Analyst In the Analytics page you can view data of how all your created Games are performing. You can filter the data to be shown for a specific Game or Game Center or view the overall performance for all your Games within the selected dates in the Date Filter Download a report from the analytics page, customize the report by selecting the data points you want to include in the report. You can also receive weekly emails with analytics statistics about your game, go into your profile to customize the setting. The data points that can be found are: Live Players: Number of players who have played the games in the past hour. Players: Total number of unique players who have played the games. Avg. Time per Player: Average time spent per player Avg. Game Rounds per Player: Average number of game rounds played per player. Active Days per Player: The average number of days each player was active during the selected time period. Each player is counted once per day, no matter how many sessions they had Time in Game: Total time spent by all players in the game, displayed In hours. Game Loads: Number of times the game has been loaded by players. Game Rounds: Total number of game rounds played. Challenge Completed: Number of times challenges have been successfully completed by players. Total Graph: Displays cumulative totals of selected metrics—such as rounds, game loads, or players—over time, based on the selected filter and date range. Per Game Graph: Plots each game as a separate line. The Y-axis metric can be changed using the dropdown in the top right. Clicks: Shows the number of clicks on custom CTAs within the games. Operating System: Shows the distribution of players by OS. Device: Show the distribution of players by device type. Browser: Shows the distribution of players by browser type UTM Statistics: You can find UTM Source, Medium, Name, Campaign ID, Term and Content You can see the stats broken down per Game in the Game Table below the graph and data points.

Organization Details Who can access this page: Admins The Organization Details page allows admins to manage key information about your organization. Completing this section is essential for activating games and ensuring your game terms are accurate. To access this page, navigate to 'Account' in the menu and then to the 'Organization Details' section in the platform settings to view or edit the fields. Some fields are mandatory and must be filled out before you can set any games to active: Organization Name: Enter the official name of your organization. Street Address, City, and Zip Code: Provide your organization’s address details. Country: Select the country your organization operates from. VAT Number: Add your VAT or tax identification number if applicable. Invoicing Email: Specify the email address for receiving invoices related to your account. Game Terms Contact Information The following fields will be automatically included in the Game Terms displayed to users and ensures compliance and provide transparency for your audience. Privacy Policy URL: Provide a link to your organization’s privacy policy URL for Questions Regarding Games or Competitions: Enter a URL where users can contact you for support related to games or competitions. Make sure all required fields are accurate, as they will impact your ability to activate Games. Once all fields are completed, click the 'Update Organization' button to save your changes. By keeping the Organization Details up to date, you’ll ensure that your games are properly configured and compliant with the necessary terms and policies.

Manage Brands Who Can use this feature: Admin, Manager The Brands section allows Admins and Managers to view, edit, and manage brands associated with an organization. Each organization can have multiple brands, and this section ensures that brand-specific details are correctly configured. To manage Brands, navigate to 'Accounts' in the menu and then to the 'Brands' section. Here, you will see a list of all the brands linked to your Organization. Each brand can be edited individually by clicking the icon on the right-hand side of the table. Brand Name: Update the name of the brand for identification. Address Details: Fill out the 'Street Address,' 'City,' 'Country,' and 'Zip Code' fields. These fields are required for specific brand operations, such as activating games or generating accurate game terms. 'Privacy Policy URL': Provide a link to the brand's privacy policy. This will automatically appear in the game terms for users. 'URL for General Questions': Add a URL where users can contact your team with questions about games or competitions. Brand Prefix: This prefix is used in your redirect links (e.g. game.flarie.com/rd/yourbrand/your_game_name). It must be between 1–25 characters and cannot contain spaces or special characters Brand Access: Assign specific users access to the brand by checking their names in the 'Brand Access' section. Only selected users will be able to manage and work on this brand.

License Plan In the license tab you are able to see what license plan you are currently using and the end date for your license. If you wish to renew or upgrade your License, simply click on 'Update License' and a notification is sent to our Customer Success team who will contact you to renew your current license, or find the best License Plan for you,

Documents & Agreements The Documents & Agreements page provides an overview of important documents related to your use of Flarie Studio. Here’s what you can do on this page: 1. View Documents This section displays a list of documents sent by Flarie that require your approval. For each document, you can see: The document title. The upload date. The approval status , including the approval date. These documents are essential for ensuring compliance and enabling the use of Flarie Studio. 2. Access Terms and Policies At the bottom of the page, you’ll find quick links to important policies: Terms of Use: Understand the rules and conditions for using Flarie Studio. Privacy Policy: Learn how your data is collected and used. Cookie Policy: Review details about how cookies are managed. Click on any link to view the respective policy.

Gamification Scenarios Who can use this feature: Admin, Manager Gamification involves incorporating Game mechanics into non-Game environments, such as products or services, to boost user engagement. For example, you can reward customers with a Gaming experience after completing a transaction or achieving another desired action. With Flarie Studio, you can design a variety of Gamification scenarios to enhance your service. Some scenarios integrate with the Game Center, while others are focused on individual Games. How to choose a gamification scenario Flarie Studio offers four Gamification scenarios that can be used individually or combined with other solutions: Attempts/Unlock games: Reward players with attempts in a Game when they complete a specific task, such as reaching a target score or performing an external action like a transaction. Adventure mode: Create a journey for players in the Game Center by unlocking Games and Rewards in a specific sequence, providing a structured and engaging progression. Coins Distribution: Give players coins as rewards for reaching a score in a Game or completing an external action. These coins can then be spent on Rewards in the Game Center. Unlock Reward: Set tasks for players to complete, such as reaching a target score, purchasing a Reward, or performing an external action, to unlock Rewards. These scenarios offer flexibility to tailor Gamification to your audience’s preferences, helping drive engagement and loyalty.

Adventure Mode First, make sure you have already prepared an Active Game Center with Games and/or Rewards in it to be used in the gamification scenario. Navigate to Gamification in the menu, and click on Create Gamification. Then pick Adventure mode. Name your Gamification scenario. (Optional) Set your Gamification status to 'Active'. You can change the status at any time but the Gamification needs to be Active in order for it to work. In the Gamification flow, click on 'Add Games' and add the Games that you have prepared to be included in the Gamification scenario. You can also add Rewards by clicking the 'Add Rewards' button. In the Gamification flow table, sort the Games and Rewards in the order you want the player to clear them. You can press the arrows to change the order. Add a target score that the player needs to reach in the Game to unlock the next one. (Optional) Add a custom popup text for if players click on the locked Game. This can be set by ticking the Set Game lock pop-up text in the Gamification flow table on the selected Game. (Optional) Add a custom popup text for if players click on the locked Game. This can be set by ticking the Set Game lock pop-up text in the Gamification flow table on the selected Game. Save your Gamification and try it out in the selected Game Center.

Gamification Analytics The Gamification Analytics page provides a detailed event breakdown for each Gamification scenario. It is designed to help you track and analyze how users interact with your gamified features, offering valuable insights to improve engagement and optimize performance. Navigate to the Gamification section in the menu and click on the "See Analytics" button to view this page. By default, the page displays data from the past month. You can adjust the date range at the top of the page to view analytics that match your specific needs. This flexibility allows you to track performance over different periods. Event Breakdown: Each Gamification event is listed on the page. Next to each event, you will see the total number of interactions or "sent events." Statistics Breakdown: To dive deeper into an event's data, expand the chevron (dropdown arrow) next to the event name. This reveals a detailed breakdown of statistics for that specific gamification scenario, helping you understand how users engage with each feature.

Game Module This module is where you connect Games to your Game Center. Make sure you have at least one Game, prepared and active, to connect. You can change the order the modules appear in the Game Center by dragging them up and down in the Module list. How to set up a Game Module Click on 'Add Module' and select 'Game Module' from the popup Select if you want the module to be Hidden or Visible Name your Module (optional) Set a Start - and End Date (optional) to control when it will appear in the Game Center and for how long. Keep in mind that if you have set a Start/End Date at the module level, it will override any Start/End Date set at the game level. Add a Title and Description text to the module and style to fit the Game Center How to add Games to the module Add Games to the module by clicking on the 'Add Games' button. The list will show all Games in your Games Library. Select the Games you want and click on 'Select'. You can add as many Games as you want to the module and all the Games you have selected will be added to the Games Table. The default status will be Hidden. The Games will be added to the Games Table. Click on Edit Settings on the Game in the table to open the popup for the settings for the specific Game. Select the status for the Game through the Visible/Hidden toggle. As soon as the status is set to Visible, your players will then be able to see it in the Game Center. Select if you want a Start - and/or End date to the Game to control when it will appear in the Game Center and for how long it should be available. Keep in mind that if you have set a Start/End Date at the module level, it will override any Start/End Date set at the Reward level. When an End Date has passed, the status is automatically changed to Hidden. Choose Game image size of the Game Image (full size or half size). Once you have set the size, you can upload an image that will represent the Game in the Game Center. The recommended image size will be visible above the file drop/upload box. Select if you want the game to have a Game Lock (optional). If you don't want it to be available to players straight away. This will add a lock icon and a countdown to when the Game will be unlocked. Select the number of days you want the countdown to last and upload an image if you want to replace the Game image during the countdown period. This is great for retention. If the user tries to play the Game during the locked period, a popup will appear. The text for the popup is set in the popup messages section Click on Save. You can change the order the Games appear in the module by dragging the Game up or down in the Game table. You can also edit the Game setup, change the status of the Game or delete the Game from the module by clicking on the '...' icon in the table.

Store Module A store module is a place where the players can purchase items in your Game Center with the currency they earn by playing Games in the Game Center. You can add any number of stores and store items and they can be e.g discounts, digital and physical products. How to set up a Store Module Make sure you have 'wallet' activated in Game Center Header settings. Click on 'Add Module' and select Store Module from the popup Name your Module (optional) Add a Text Header and Description text and style them (optional) Select the status for the Store module through the Visible/Hidden toggle. As soon as the status is set to Visible, your players will be able to see it in the Game Center. Select if you want a Start - and/or End date to the Store module to control when it will appear in the Game Center and for how long it should be available. Keep in mind that if you have set a Start/End Date at the module level, it will override any Start/End Date set at the Store Item level. When an End Date has passed, the status is automatically changed to Hidden. How to set up a Store Item: Click on 'Add Store Item' Add a Text Header and Description text and style them (optional) Select the status for the Store Item through the Visible/Hidden toggle. As soon as the status is set to Visible, your players will be able to see it in the Game Center. Select if you want a Start - and/or End date to the Store Item to control when it will appear in the Game Center and for how long it should be available. Keep in mind that if you have set a Start/End Date at the module level, it will override any Start/End Date set at the store item level. When an End Date has passed, the status is automatically changed to Hidden. Set an item description to the Store Item that players can read before the Store Item is purchased. Choose the size for the Store Item Image. Sizes to choose between are full size and half size. Once you have set the size, you can upload an image that will represent the Store Item in the Game Center. The recommended image size will be visible above the file drop/upload box. Set a Price for the Store Item. The price determines how much the Reward will cost for players to purchase in the currency you have selected (e.g. coins). Select if you want the reward to have a cooldown period (optional), meaning a period when players are unable to purchase the same Store Item more than once. Select the number of days you want the cooldown to last and upload an image to replace the Store Item image during the cooldown period. If the user tries to buy the Store Item during the cooldown period, a popup will appear. The text for the popup is set in the popup messages section Select if you want the reward to have a Store Item Lock (optional) if you don't want it to be available to players straight away. This will add a lock icon and a countdown to when the Store Item will be unlocked. Select the number of days you want the countdown to last and upload an image if you want to replace the Store Item image during the countdown period. This is great for retention. If the user tries to buy the Store Item during the locked period, a popup will appear. The text for the popup is set in the popup messages section Select a reward type that should trigger when the Store Item is purchased. You can read more about the different Store Item types below. Add the needed information to the selected Store Item type, e.g a coupon code, if that is the selected Store Item type Select if you want to set a limited stock or not for the Store Item. You will be able to keep track of the stock in the Store Item Table. Setup the text for the email that the Store Item is gonna be attached to. Email is always the distribution method for all Store Items. Save and its completed. You can change the order the Store Items appear in the module by dragging the Store Item up or down in the Store Item table. You can also edit the Store Item setup, see any uploaded coupons, change the status of the Store Item or delete the Store Item from the module by clicking on the '...' icon in the table. Store Item Types All Rewards are distributed via email. The different Reward types available are Coupon Code - same for everyone: This Store Item type will distribute a generic coupon code for all players who buy the Store Item. You can set the code to be distributed in the Coupon Code input field. Coupon Code - Unique for everyone: This Store Item type enables you to upload a set of unique coupon codes to be distributed to the players who purchase the Store Item. Add your unique codes in the input field, separated by a comma, and upload the codes. Make sure you upload enough codes to cover the purchases of the code. If they are all used up, new players won't be able to buy a code, as they are unique to each player. The codes can be viewed or edited from the Store Item Table in the module settings. URL - Same for everyone: This Store Item type will create a CTA button in the Store Item email with one generic destination for all purchases of the Store Item. You can set the destination URL you want to use in the Destination URL input field. URL - Unique for everyone: This Store Item type will generate a CTA button that is unique for every player who purchases the Store Item. You can upload an unlimited number of URLs, just make sure there are enough URLs for each player. If they are all used up, new players won't be able to gain a URL, as they are unique to each player who has purchased the Store Item. Form - Ask users for data: This Store Item type will trigger a form where the players that have purchased the Store Item will be able to fill in the form with the specific data parameters that you choose to set up. The data will then be added to the user’s ID and gathered in the User Base. This Store Item type is mainly used to gather addresses to send physical Store Item, such as merchandise. Store Data In Game Center Store data you can view the number of Store Item that have been distributed through the game center and how many unique players have claimed the Store Item. Through the Store Item table, there is also a list of the users that have claimed said Reward.

Wallet The Game Center enables users to collect currency for their account which they can in turn exchange for different rewards. Users collect currency by participating in different competitions and most commonly, playing games. The amount of currency that the users get is determined by the amount of points they score in the different games. By utilizing Gamification you can also allow users to earn coins in other ways, for example by reaching a score in a game or by performing an external action. To enable wallet and currency in your Game Center, simply activate the wallet by toggling the switch to ON. Add any image for your currency. You can also set a cooldown if you want limit how much currency you want a player to be able to earn each day.

Game Center A Game Center is like a digital arcade—a central hub where all your games and rewards come together in one place, making it easy for users to explore and engage. With a Game Center, you can gather your Games, set up a Reward store, and connect ads to external URLs to boost engagement and retention. By activating the Wallet feature, users can earn in-Game currency while playing, which they can spend on Rewards in the store you set up within the Game Center. This makes gameplay more interactive and encourages repeated visits. Game Centers can be used with any type of game setup and shared via a URL, QR code, or seamlessly integrated into an app, offering a flexible and engaging experience for your audience. General Settings This section controls the status, Start - and End Dates, as well as the general look and feel of your Game Center. Here you will find everything from background images and text styling. You will be able to decide the different backgrounds and colours as well. Game Center Status Game Center Status defines if a Game Center should be considered active or not. The status can be toggled between the following statuses: Active: This means that the Game Center counts as an active Game Center link. Game Centers also need to be active to work in Gamification scenarios and/or to send payloads if added to webhooks. Draft: The Game Center is currently only a draft and will be populated with banners notifying you that the game is still in draft mode. It is not counted as an active Game Center link. For licenses where Game Center is not included, the status will always be draft. Expired: This status will automatically appear if a Game Center has been populated with specific start and end dates. Once the Game Center passes the end date, the Game Center status is changed to Expired by the system.

Email Design This section determines the design of all emails that are sent out by the system, e.g Account Verification emails or Reward Emails. The user can add a top image and a bottom image, style text and buttons and specify what the sender of the e-mail should be. Set your email sender so that the user knows that you are the sender. The email sender will be defaulted to your brand name. Set the text and style of your email. You can use the Send Test Email function to send a preview of the mail that will be distributed to the players. Tips: In Assets & Settings → Email, you can set the email sender and style of email beforehand and save time on future Emails you create.

Data Collection & Login By activating the Data Collection & Login functionality you automatically add a login flow to your Game Center. This section dictates the styling and texts for the login - and registration flow for new and existing users. This is also where you will decide what type of information you want to collect from new users, as well as setting up your terms and conditions. The main thing that you will select in the Data Collection section is the type of player identifier that you want the Game Center to have. This is what identifies the users when they return to the Game Center. There are two available Identifiers: Different types of identifiers User Input: The user will provide information through a form. You will then set custom parameters deciding which information you wish to collect from the user. There are several different parameters available in the “+Add Parameters”-section URL Parameter: With this option, you can add player information to the game URL. Add the desired parameters below and append them to your URL. Example:https://your-game-url.com?{parameter}={your_value} If you need to add an extra layer of security, you can use the Authenticated UUID feature, requiring a signed JWT (JSON Web Token) containing the player's UUID, to ensure that only verified users can access the game. Learn more about how to implement this here: Authenticated UUID Tutorial You can also set custom parameters deciding which additional information, if any, you wish to collect from the user. There are several different parameters available in the “+Add Parameters”-section Select whether you want the parameter to be based on User input through a Form, or a URL parameter, which will be appended to your Game URL. Select one of the parameter types from the drop-down. If you have selected User Input”, make sure you add a descriptive name in the Input Field Text so that the player can easily understand what information to provide. (optional)If you have added custom parameters to your 'Brand Settings', they will also be available hereTo avoid forcing your users to fill out multiple forms or provide the same information multiple times we suggest you do not enable Data Collection in any of your Games and only use the User Base functionality in Game Center to identify players and collect user data. Proceed to set the texts for the login emails. The emails will follow the styling you have set up in 'Email Design' section or your 'Assets & Settings'. You can determine the text color and background color of the login flow, as well as add a logo if you wish. All texts for your login flow, as well as Terms texts, are available under Login Text

User Base Who can use this feature: Admin, Manager The User Base page provides a comprehensive overview of all User data collected from your Games and Game Centers. On this page, you can view the total number of users and track the number of new users added to the User Base. Additionally, you can access and filter user data based on various parameters or search for specific users. You can filter the data on Date, specific Games or Game Centers, or the parameters you have collected through your Games and Game Centers. All user data can be exported to a CSV file for further analysis or use in other applications. The User Base also includes a built-in "Send Email" feature. This allows you to send emails with various content to users who have opted in to receive marketing emails. You can choose to schedule emails for a later date or send them immediately.

Coins Distribution First, make sure you have already prepared a Game Center and set it to 'Active' Navigate to Gamification in the menu and click on 'Create Gamification'. Then pick 'Coins Distribution' from the scenarios. Name your Gamification scenario. (Optional) Set your gamification status to Active. You can change the status at any time but the Gamification needs to be Active in order for it to work. Select the Game Center you want the players to gain coins in Set an Internal or External Condition. How to set an Internal Condition for Coins Distribution An Internal Condition can be set up with Attempts/Unlock games. Select 'Reach Score in Game' in the Internal Scenario dropdown for the set condition. Select the Game that the user needs to play to gain coins. Only Games in the selected Game Center can be picked. Set a Target Score that the players need to reach Set the amount of coins the user should get for reaching the score. The user is only able to receive the Reward once per game period on the same game. Save the Gamification How to set up an External Condition for Coins Distribution. Select 'External' in the set condition for the Gamification Scenario. Set the amount of coins the user should gain from triggering the external condition. Save the Gamification If this is your first time setting up an external condition make sure to generate an Access Key for your brand: Expand the See External API Guide and navigate to the access key, or navigate to Integration → Access Keys. Generate and copy the key to your API. If an API Access key has already been generated, generating a new one will invalidate the old key.

Attempts/Unlock Games First, make sure you have already prepared at least one Active Game to be used in the gamification scenario. Navigate to Gamification in the Meny. Click on 'Create Gamification' and then pick Attempts/Unlock Games. Name your gamification scenario. (optional) Set your Gamification status to active. You can change the status at any time but the Gamification needs to be Active in order for it to work. Click on 'Add Games' in the Game Table, and add the Game/s that you have prepared to be included in the Gamification scenario. Select 'Internal' or 'External' condition, depending on what the plan for the Gamification is. How to set an internal condition for attempts/unlock games Two different Internal Conditions can be set up with Attempts/Unlock Games. Reach score in game Select 'Reach score in Game' in the internal scenario dropdown for the set condition. Select the Game that the player has to play to gain Attempts Set a score the player has to reach to gain the Attempts Set the amount of Attempts the player will gain when reaching the set score. If you select 'Unlimited', the Game will be unlocked, once the player reaches the score. Save the condition and add more conditions, if needed. Save the Gamification Buy attempts in Game Center First, make sure you have prepare an Active Game Center with a Reward to connect the condition with. Select 'Buy Attempts in Game Center' in the internal scenario dropdown for the set Condition Select the Game Center that the user needs to purchase the Reward in. Select the Reward that needs to be purchased to gain the Attempts. Set the amount of Attempts the user should gain from purchasing the Reward. If you select unlimited, then the Game will be fully unlocked after the player purchases the Reward. Save the Condition and add more Conditions, if needed. Save the Gamification. How to set an external condition for Attempts/Unlock Games Select 'External' in the set condition for the Gamification scenario. Set the amount of Attempts the user should gain from triggering the External Condition. Save the Condition and add more Conditions, if needed. If this is your first time setting up an external condition make sure to generate an Access Key. Expand the See External API Guide and navigate to the access key, or navigate to Integration → Access Keys. Generate and copy the key to your API. If an API Access key has already been generated, generating a new one will invalidate the old key.

Unlock Rewards in Game Center First, make sure you have already prepared an Active Game Center with Rewards in it. Navigate to Gamification in the menu and click on Create Gamification and then pick Unlock Rewards. Name your Gamification scenario. (Optional) Set your Gamification status to 'Active'. You can change the status at any time but the Gamification needs to be Active in order for it to work. Select the Game Center users should unlock Rewards in In the Reward, table click 'Add Rewards' and add the rewards. Only Rewards from the selected Game Center will be available to select (Optional) Write a custom popup text for if players click on the locked Reward. Set an Internal or External condition. How to set an Internal Condition for Unlock Rewards Two different kinds of Internal conditions can be set up with Attempts/Unlock Games. Buy Reward in Game Center Prepare another Reward, excluding the ones in the reward table to connect the condition with. Select 'Buy Reward' in the Game Center in the internal scenario dropdown for the set condition. Select the Reward that needs to be purchased to unlock the Reward in Reward table. Save the Gamification Reach Game Score in Game Prepare a Game in the selected Game Center to connect the scenario with. Select 'Reach Score in Game' in the internal scenario dropdown for the set condition. Select the Game that the player has to play to gain Attempts Only Games from the selected game center are available to select Set a score that the player has to reach to unlock the Reward. Save the Gamification How to set an External Condition for Unlock Rewards Select 'External' in the set condition for the Gamification scenario. Save the Gamification If this is your first time setting up an external condition make sure to generate an Access Key for your brand. How to: Expand the See External API Guide and navigate to the access key, or navigate to Integration → Access Keys. Generate and copy the key to your API. If an API Access key has already been generated, generating a new one will invalidate the old key.

API Access Key Who can use this feature: Admin, Manager Your API access key is required to authenticate with the Flarie API and should be included as the accessKey parameter in the payload. For webhook requests sent from Flarie, a Bearer token can be added in the Authorization header, formatted as Bearer by setting the Request Configuration to "Flarie Authentication". While optional, verifying this token on your server adds a layer of security by confirming that the request originated from Flarie. How to create an API Access Key. Navigate to 'Access Keys' in the menu. Click on 'Generate Key' to generate a key. If an API Access Key has already been generated, generating a new one will invalidate the old key. Webhook Secret Key Who can use this feature: Admin, Manager Your Webhook Secret Key plays a crucial role in securing your webhook payload by generating a hash, ensuring the request originates from Flarie and remains unaltered. This hash, formulated as SHA-256 (payload + secretKey) is included in the headers under the X-Signature attribute, providing an added layer of verification and integrity protection. The Webhook Secret Key is optional and you can enable it on your webhooks under "Custom Headers". How to get a Webhook Secret Key. Navigate to Access Keys by expanding the menu. Generate and copy the key to use it If a Webhook Secret Key has already been generated, generating a new one will invalidate the old key. UUID Secret Key Who can use this feature: Admin, Manager Your UUID Secret Key is essential for authenticating access to your Game and Game Center. When you enable URL Parameter as the Player Identifier, it allows you to enable an additional authentication layer using JWT (JSON Web Token). When Authenticated UUID is enabled, your Game and Game Center requires the uuid query parameter to be a signed JWT token. The UUID Secret Key is optional. How to get an UUID Secret Key. Navigate to Access Keys by expanding the menu. Generate and copy the key to use it If a UUID Secret Key has already been generated, generating a new one will invalidate the old key.

Introduction to Webhooks in Flarie Studio Who can use this feature: Admin, Manager Flarie Studio’s Webhook feature gives you the power to respond to in-game events in real time and integrate seamlessly with your own systems. Whether you're triggering rewards, tracking engagement, or syncing player data to your analytics stack - webhooks make it easy and flexible. By configuring a webhook, Flarie Studio will automatically send event data to your specified endpoint whenever the conditions you’ve selected are met. You have full control over the events, the data structure, and how it connects to your games or rewards. To get started, we recommend reviewing the following: 🔐 Authentication & Headers— How to secure and configure your webhook 📦 Events & Payload — Explore available webhook triggers and payload formats 🛠️ GUIDE: Create your first webhook — Step-by-step instructions to set up your first webhook

Web Integration This guide will walk you through how to integrate a Flarie game into your website or web app. This page covers two main approaches to web integration: Embed Code - a simple script tag you can drop into your site for a responsive game view with optional fullscreen capabilities. Fullscreen iframe - for a more immersive experience, launch your game in a fullscreen iframe using a minimal HTML template. In addition to embedding, we support callbacks and methods for deeper integration. These let you build custom experiences around the game, such as your own loading screens, custom restart views, or popup and events that appears based on gameplay. Let’s dive in. Embed Code Optional attributes Attribute Description top Set an optional marginTop to the gameView.Example: top='50px'. Default is 0px. height Set an optional height to the gameView. Example: height='90vh'. Default is 100%. width Set an optional width to the gameView.Example: width='50vw'. Default is 100%. expander Activate an expander button that will trigger fullscreen mode. Example: expander='true'. Default value is false. expander-img-minimize Override the default expander minimize image. Example: expander-img-minimize='your-image-url.png' expander-img-fullscreen Override the default expander fullscreen image. Example: expander-img-fullscreen='your-image-url.png' Fullscreen iframe Callbacks Flarie games support several callbacks that allow your website or app to listen for specific events during gameplay. These can be used to trigger custom functionality - like creating a custom loading screen, saving game data, or triggering something based on gameplay. All callbacks are delivered via the window.postMessage API from the embedded iframe. You can listen for them using the message event on the window object. Example Listener Callback: Loading Triggered as the game is loading. You can use this to display or update a custom loading screen.When value reaches 100, your game is fully loaded and ready to display. {"loading": {"progress": value}} Parameter Type Description value int Progress of your loading, 0-100. Callback: Game Started Fired when a player begins a game round. Useful for tracking engagement or updating UI elements. {"gameStarted": {"state": true}} Parameter Type Description state Bool State is sent as true Callback: Game Over Triggered when a game round ends. This includes the player's score and time spent, so you can store or display the results. {"game": {"time": time, "score": score}} Parameter Type Description time int Time spent of the game round (seconds) score int Score of the game round Callback: Game Click Fired when a user taps a call-to-action (CTA) inside the game. {"gameClick": {"state": true}} Parameter Type Description state Bool State is sent as true Methods If you're integrating a Flarie game in a web environment (e.g. via iframe), you can trigger certain game actions from your parent page using the postMessage API. These methods allow you to control aspects of the game like starting a round, ending it, toggling sound, or showing the pause menu. Make sure to target the iframe element where your game is loaded using contentWindow.postMessage(). Example Setup Available Methods START_GAMETriggers the game to start. document.getElementById("iframe-id").contentWindow.postMessage({ type: "START_GAME" }, "*"); GAME_OVERManually ends the current game round. You might use this if the player exits or you want to force end the session and retrieve game data. document.getElementById("iframe-id").contentWindow.postMessage({ type: "GAME_OVER"}, "*"); TURN_SOUND_ONEnables in-game sound. Ideal for implementing custom sound toggle controls in your app. document.getElementById("iframe-id").contentWindow.postMessage({ type: "TURN_SOUND_ON" }, "*"); TURN_SOUND_OFFDisables in-game sound. document.getElementById("iframe-id").contentWindow.postMessage({ type: "TURN_SOUND_OFF" }, "*"); SHOW_PAUSE_CONTROLLERDisplays the pause controller UI within the game. This lets users pause, view instructions, and resume or end the game. The pause controller will automatically hide when the game ends. document.getElementById("iframe-id").contentWindow.postMessage({ type: "SHOW_PAUSE_CONTROLLER" }, "*"); UI Examples Game with full width of the container Game placed as part of the container

App Integration App To run Flarie Studio games in your app you need to create a webview that supports custom interfaces and load your game url in the webview. WKWebView would be our recommended option for iOS. [recommendation] - in Flarie Studio you can enable Instruction Views. These Instruction View may include tutorial videos. set allowsInlineMediaPlayback in order to prevent the video going into full screen mode. [App] iOS - Swift import WebKit class webGames: UIViewController, WKScriptMessageHandler, WKUIDelegate { var webView: WKWebView! var contentController = WKUserContentController() override func viewDidLoad() { // this will add support for the callbacks, meaning you will receive a notification with json data for all callbacks contentController.add(self, name: "callback") let config = WKWebViewConfiguration() config.allowsInlineMediaPlayback = true // recommended to prevent full screen video config.userContentController = contentController webView = WKWebView(frame: CGRect(x: 0, y: 0, width: view.frame.width, height: viewm.frame.height), configuration: config) self.view.addSubview(webView) // don’t forget to set the WKUIDelegate otherwise the target='_blank' won’t work webView.uiDelegate = self let gameUrl = Foundation.URL(string: "YOUR_GAME_URL") let gameUrlRequest = URLRequest(url: gameUrl!, cachePolicy: NSURLRequest.CachePolicy.reloadIgnoringCacheData, timeoutInterval: 20) webView.load(gameUrlRequest) } func userContentController(_ userContentController: WKUserContentController, didReceive message: WKScriptMessage) { print("data: \(message.body)") } // allow target _blank for external urls func webView(_ webView: WKWebView, createWebViewWith configuration: WKWebViewConfiguration, for navigationAction: WKNavigationAction, windowFeatures: WKWindowFeatures) -> WKWebView? { if let frame = navigationAction.targetFrame, frame.isMainFrame { return nil } if let url = navigationAction.request.url { // this will allow target _blank on urls UIApplication.shared.open(URL(string: "\(url)")!) } else { webView.load(navigationAction.request) } return nil } } [APP] Android - Java public class Demo { WebView webView; private void setupWebView() { webView = findViewById(R.id.webView); webView.getSettings().setJavaScriptEnabled(true); webView.getSettings().setDomStorageEnabled(true); webView.addJavascriptInterface(new WebAppInterface(context), "Android"); webView.loadUrl("YOUR_GAME_URL"); } private Handler handler = new Handler(); public class WebAppInterface { @JavascriptInterface public void callback(final String message) { handler.post(new Runnable() { @Override public void run() { Log.d("", "Data: " + message); } }); } } } [APP] React Native import React, { useRef } from 'react'; import { SafeAreaView, StyleSheet, Linking } from 'react-native'; import { WebView, WebViewNavigation } from 'react-native-webview'; const App = () => { const webViewRef = useRef(null); // Handle post messages (callbacks) sent from the webView const onMessage = (event: any) => { const message = event.nativeEvent.data; console.log(message); if (message === 'game') { console.log('the game has ended'); } }; // allows external links (target='_blank') always open in the default browser const handleExternalLink = (event: WebViewNavigation) => { if (event.navigationType === 'click') { Linking.openURL(event.url); return false; } return true; }; return ( ); }; const styles = StyleSheet.create({ container: { flex: 1, backgroundColor: '#fff', }, }); export default App; [APP] Flutter // in pubspec.yaml add dependency for webview // webview_flutter: ^4.10.0 import 'dart:convert'; import 'package:flutter/material.dart'; import 'package:webview_flutter/webview_flutter.dart'; import 'package:webview_flutter_wkwebview/webview_flutter_wkwebview.dart'; class MyGameView extends StatefulWidget {   const MyGameView({super.key});   @override   State createState() => MyGameViewState(); } class MyGameViewState extends State {   late final WebViewController controller;   late final WebViewWidget webViewWidget;   @override   void initState() {     super.initState();     initializeWebView();     loadGameUrl();   }   void initializeWebView() {     final PlatformWebViewControllerCreationParams params = getWebViewParams();     controller = WebViewController.fromPlatformCreationParams(params)       ..setJavaScriptMode(JavaScriptMode.unrestricted)       ..addJavaScriptChannel("Flutter", onMessageReceived: handleCallback)       ..enableZoom(false);     webViewWidget = WebViewWidget(controller: controller);   }   PlatformWebViewControllerCreationParams getWebViewParams() {     // For ios devices     if (WebViewPlatform.instance is WebKitWebViewPlatform) {       return WebKitWebViewControllerCreationParams(         allowsInlineMediaPlayback: true,         mediaTypesRequiringUserAction: const {},       );     }      // For android devices     return const PlatformWebViewControllerCreationParams();   }   Future loadGameUrl() async {     const String url = "{YOUR_GAME_URL}";     await controller.clearCache();     controller.loadRequest(Uri.parse(url));   }   void handleCallback(JavaScriptMessage message) {     try {       final Map data = jsonDecode(message.message);       final String callback = data.keys.first;       switch (callback) {         case 'loading':           loadingCallback(data['loading']);           break;         case 'game':           gameOverCallback(data['game']);           break;         default:           print('callback: $callback');           break;       }     } catch (e) {       print('Error parsing JavaScript callback: $e');     }   }   void loadingCallback(dynamic payload) {     final Map? loadProgress = payload as Map?;     final int? progress = parseInt(loadProgress?['progress']);     if (progress != null) {       if (progress == 100) {         print('callback loading: game finished loading, progress 100');       } else {         print('callback loading: progress: $progress');       }     }   }   void gameOverCallback(dynamic payload) {     final Map? gameData = payload as Map?;     final int? time = parseInt(gameData?['time']);     final int? score = parseInt(gameData?['score']);     print('Game Over callback: Time: $time, Score: $score');   }   int? parseInt(dynamic value) {     if (value is int) return value;     if (value is double) return value.floor();     if (value is String) return int.tryParse(value);     return null;   }   @override   Widget build(BuildContext context) {     return Scaffold(       body: webViewWidget,     );   } } Best Practices Since the games are integrated within a WebView, you have complete control to add optional elements and functionalities on top of the WebView to enhance the overall experience. For instance, you can introduce custom controls to improve user interaction during gameplay, such as a custom close button or dynamic functionality that adapts based on whether the user is actively playing the game. See example below. Learn more how to work with Callbacks and Methods here.

Callbacks & Methods We support callbacks and methods for app integrations. You can use these callbacks and methods to create more customization in your app, for example your own loading screen or a custom restart view for your game. You can also use them to save data passed back to you from the game to create custom experiences in your app, such as unlocking certain features of your apps using games. Callbacks Callbacks contain an interface name that you may listen to. Once the data is being sent the body of the message will contain the json data passed to your interface. Callback: Loading If you wish to build a custom loading screen for your game you can use our callback for Loading. When the progress value reaches 100 you are ready to hide your custom loading screen and present the game. Note! This callback should not be used as a listener for when to call startGame(). Instead use the gameReady-callback. Example: {"loading": {"progress": value}}; Parameter Type Description value int Progress of your loading, 0-100. Callback: Game Ready When the game along with all components has finished loading and the game is ready to be started. Use this callback if you wish to call startGame-method programmatically. Example: {"gameReady": {"state": true}}; Parameter Type Description state Bool State is sent as true Callback: Game Started When the user starts a game round the data will be passed to your app’s interface. Example: {"gameStarted": {"state": true}}; Parameter Type Description state Bool State is sent as true Callback: Game Over When the user completes a game round the data will be passed to your app’s interface. Save the game data as you see fit and use it to build gamified solutions within your app. Example: {"game": {"time": time, "score": score}}; Parameter Type Description time int Time spent of the game round (seconds) score int Score of the game round Callback: Game Click When the user clicks on a CTA within a game this event will be called. Example: {"gameClick": {"state": true}}; Parameter Type Description state Bool State is sent as true Methods Can be called from your app to trigger actions in the game. Method: Start Game If you wish to build your custom Start Game-button in your own restart view. Example: iOS Swift: yourWebView.evaluateJavascript("startGame()"); Android Java: yourWebView.loadUrl("javascript:startGame()"); Method: Game Over If you wish to manually end a game round for the user, e.g. when the user closes or leaves your app and you wish to retrieve the game data for that current round you can manually call the endGame method. Example: iOS Swift: yourWebView.evaluateJavascript("gameOver()"); Android Java: yourWebView.loadUrl("javascript:gameOver()"); Method: Turn Sound On You can set if the sound should be on or off as default on the Settings page in Flarie Studio. If you want to create your own custom restart view with sound settings in your app you can use this method to turn the sound on. Example: iOS Swift: yourWebView.evaluateJavascript("turnSoundOn()"); Android Java: yourWebView.loadUrl("javascript:turnSoundOn()"); Method: Turn Sound Off You can set if the sound should be on or off as default on the Settings page in Flarie Studio. If you want to create your own custom restart view with sound settings in your app you can use this method to turn the sound off. Example: iOS Swift: yourWebView.evaluateJavascript("turnSoundOff()"); Android Java: yourWebView.loadUrl("javascript:turnSoundOff()"); Method: Pause Controller You can call this method to display the pauseController. With the pauseController the user can pause the game to see game instructions and also resume or end the game round. The pauseController will automatically hide again when the game ends. Example: iOS Swift: yourWebView.evaluateJavascript("showPauseController()"); Android Java: yourWebView.loadUrl("javascript:showPauseController()");

[POST] Trigger Gamification events This guide is for external Gamification Condition - events created in Flarie Studio. Example / Use Case Company X run an e-commerce selling clothes online and want to increase their sales on t-shirts. To do so they incentives Customers by giving out 5 game attempt to a promotional competition with great prizes every time a Customer buy a t-shirt. Company X has created a Gamification Condition in Flarie Studio that is configured to give 5 game attempts to the customer every time this api is called. When the Customer purchase a t-shirt, Company X will trigger the api from their backend. Company X has a unique identifier on their end on every Customer. This is passed as the playerIdentifier in the api. When it’s time for the Customer to play in the competition the same playerIdentifier is passed to the game as a URL Parameter. [POST] https://prod-api.flarie.com/v1/public/gamification Payload { "accessKey": "string", "gamificationConditionId": "string", "playerIdentifier": "string" } Name Type Description accesskey string Brand Access Key. You can generate your accessKey in Flarie Studio → Manage Brand Assets gamificationConditionId string Gamification Condition Id. You will find your gamificationConditionId in your Flarie Studio Gamification Condition. playerIdentifier string Player unique identifier Response Message Status code Message 201 Created 400 Bad Request Your accessKey / gamificationConditionId / playerIdentifier is invalid. 403 Forbidden Your accessKey isn't permitted to access the gamificationConditionId 500 Internal Server Error

[GET] Gamification This guide is for getting the number of attempts for a single playerIdentifier in a gamification. [GET] https://prod-api.flarie.com/rest/gamification-service/v1/player-gamifications/player-identifiers/{playerIdentifier}/gamifications/{gamificationId} URL Parameters Name Type Description playerIdentifier string The unique identifier of the player gamificationId string The gamificationId of your gamification setup Note! you need gamificationId, not the gamificationConditionId. You can locate your gamificationId in the URL on the edit gamification page. Response(200) { "playerIdentifier": "demo-player-identifier", "entityType": "PLAYER_GAMIFICATION", "gamificationId": "xxxxx-xxxxxx-xxxxxx-xxxxxxxx", "updatedAt": "2023-11-10 12:58:14", "createdAt": "2023-11-10 12:57:37", "SK": "xxxxx-xxxxxx-xxxxxx-xxxxxxxx", "attempts": 4, "PK": "PLAYER_GAMIFICATION#demo-player-identifier", "id": "090cb380-2663-4cae-a20d-85967d03c78c

Receipts Scan Who can use this feature: Admin, Manager, Designer. Analyst has access to analytics data. Receipt scan enables Gamification of receipts. By setting up the Receipts Scan, you can connect it to a Gamification scenario to incesitsise users to purchase a product, scan it with the receipt scan and then gain attempts or coins, depending on the Gamification scenario you have set up.Gamification of receipts is a great and fun way for the consumers to engage with your brand and products. How to setup a receipt scan? Make sure you have Gamification set up with at least one External Condition. Navigate to receipts in the navigation bar, if you don’t see it available it could be that the feature is not a included in your License Plan Click on 'Create New Receipt Scan'.In the 'General Settings' tab, set an internal name for the Receipt Scan. This will make it easier to identify in the table later. (Optional) Add a 'Start and End Date' for the Receipt Scan. Users will only be able to access it during the specified dates. Outside of these dates, the Receipt Scan will be unavailable. Define a 'Player Identifier' to ensure the system recognizes users across features. For Gamification to work properly, the same type of Identifier needs to be set on both features. Adjust the 'Style and Terms' of the Receipt Scan to align with your brand guidelines and specific needs. Add a Condition Go to the 'Condition' tab in the left navigation menu and click 'Add Condition'. In the 'Add Condition' popup: Select the currency you’re using. If your currency is not listed, contact Flarie for assistance. Set the 'minimum amount' the customer needs to spend. Choose a 'pre-made gamification scenario' to link the Receipt Scan to your campaign. 8. Navigate to the styling tab in the left navigation and adjust the styling to suit your brand. 9. Add Products Go to the 'Product' tab and click 'Add Products'. In the 'Add Product' popup: Add products either 'one at a time' or 'multiple products at once'. Provide an 'internal name' for the product to help recognize it in analytics. Include possible 'name variations' of the product as listed by stores (this ensures the scanner correctly identifies the product on receipts). 10. Add Stores Go to the 'Store' tab and click 'Add Store'. In the 'Add Store' popup: Add stores either 'one at a time' or 'multiple stores at once'. Enter store details manually, or follow the provided template to upload multiple stores in bulk. The system will then recognize these stores during receipt scanning. The receipt scan is now ready for distribution and you can copy the link to distribute the URL through QR-codes or social media etc.

Uploaded Receipts In uploaded receipts you can view data and search all the receipts that have been uploaded to the system.

Receipt Analytics In receipt analytics you can sort the analytics data depending on what market/currencry you have selected in the receipt condition and filter on a certain time period. Analytics data that you can see are: Total receipt Total products Total purchase Avg purchase Top chains Top stores Top product

Manage Winners The tables shows all the people who have completed the competitions set up in your Game. The tables are only visible if you have activated settings within that specific competition (Challenge, Luck Based Winns, Winners & Prizes) Randomize Winners This functionality will enable you to manually generate winners from the users who have completed your challenge. By clicking the “Randomize Winners” button , you will get a pop-up where you are asked what terms you want to randomize and also to enter three different values. Once you have done this and generated your winners, you can download the CSV file which contains a list of your winners. Randomize by min. high score: Enables you to select winners based on their minimum high score. Randomize by probability (multi-entry): If you have toggled on the multi-entry, this enables you to randomly select winners based on probability rather than a minimum high score. Number of winners: Select the number of winners that you wish to generate Min points: The minimum number of points. Max points: The maximum number of points. The winners will be randomly selected from the players that qualify in the competition you have set up. Should you, for any reason, want to swop a randomized winner for some other player, you can click on 'Change' and the winner will be replaced by another player. Challenge Winners The table shows the the automatically generated winners based on the settings in your Challenge setup. You can search for a player, parameter or download the list as a CSV. Luck Based Winners The table shows the luck based winners determined by your settings in Luck Based Wins.You can search for a player, parameter or download the list as a CSV. Prizes Winners The table shows the luck based winners determined by your settings in Luck Based Wins.You can search for a player, parameter or download the list as a CSV.

Welcome to Flarie Studio Help Station 🚀 This is your go-to resource for learning how to get the most out of our platform. Whether you’re just starting or looking to refine your skills, the Help Center is here to guide you at your own pace. We’ve organized everything to make it as simple and straightforward as possible to find the help you need. Here you can find Step-by-Step Guides with clear instructions to walk you through every feature and setting, one step at a time. New to the platform? Watch our Tutorial Video: Our goal is to support you in using Flarie Studio with ease and confidence. Whether you’re tackling a new project, streamlining a workflow, or simply exploring what’s possible, the Help Center is here to help you along the way. ✨ We’re excited to help you get started!