# DailyPlay — Complete Documentation > This file contains the full DailyPlay documentation concatenated into a single Markdown file for LLM and AI agent consumption. --- ## DailyPlay Documentation ## Quick Links Follow our [Quick Start guide](/getting-started/quick-start/) to create a game in minutes. Browse [60+ game templates](/creating-games/templates/) from arcade to lucky-draw. Create an [organization](/organizations/overview/) to collaborate with your team. Add [prizes and vouchers](/rewards/overview/) to incentivize players. Connect your apps via the [API](/api/overview/) to create one-time game sessions. ## What is DailyPlay? DailyPlay is a **mobile-first mini-games platform** that enables brands to create engaging games for their customers. Choose from professionally designed templates, customize with your brand assets, and publish — all without writing code. ### Key Features - **60+ Game Templates** — Arcade, puzzle, action, casual, and lucky-draw games - **Easy Customization** — Upload assets or generate images with AI - **Prize System** — Vouchers, prizes, and automatic distribution - **Team Collaboration** — Organizations with role-based permissions - **Multi-Language** — 9 languages supported out of the box - **Analytics** — Track plays, engagement, and prize claims --- ## Introduction to DailyPlay DailyPlay is a **mobile-first mini-games platform** that enables brands to create engaging games for their customers — no coding required. ## What is DailyPlay? DailyPlay provides a library of polished game templates that brands can customize with their own branding, assets, and prizes. Whether you're running a marketing campaign, building customer loyalty, or just adding some fun to your brand experience, DailyPlay makes it easy. ## Key Features ### Easy Game Creation Choose from 60+ professionally designed game templates spanning multiple genres: - **Arcade** — Basketball, Soccer Penalty, Fruit Slice - **Puzzle** — Match-3, Memory Cards, Grid Box - **Action** — Space Shooter, Racing, Platformer - **Lucky Draw** — Spin the Wheel, Gachapon, Grid Box ### Organization Management Collaborate with your team using organizations: - Create organizations for your brand, agency, or studio - Invite team members with role-based permissions - Track analytics across all your games ### Rewards & Prizes Incentivize players with built-in reward systems: - Configure prizes for lucky-draw games - Manage voucher codes for promotions - Track prize distribution and claims ### Mobile-First Design All games are optimized for mobile devices with responsive layouts that work seamlessly on desktop too. ### Multi-Language Support DailyPlay supports 9 languages out of the box: - English, Spanish, French, German, Portuguese - Japanese, Korean, Chinese, Thai ## Who is DailyPlay For? - **Brands** looking to engage customers through gamification - **Marketing agencies** creating campaigns for clients - **Game studios** needing a quick way to deploy branded games - **Event organizers** wanting interactive experiences ## Next Steps Ready to get started? Head to the [Quick Start guide](/getting-started/quick-start) to create your first game in minutes. --- ## Quick Start This guide walks you through creating your first game on DailyPlay. ## Prerequisites - A DailyPlay account (sign up at [app.dailyplay.ai](https://app.dailyplay.ai)) - Your brand assets (logo, images) — optional but recommended ## Step 1: Sign In 1. Go to [app.dailyplay.ai](https://app.dailyplay.ai) 2. Click **Sign In** in the navigation 3. Create an account or sign in with your existing credentials ## Step 2: Choose a Template 1. Click **Create** in the navigation menu 2. Browse the available game templates 3. Click on a template to select it :::tip[Choosing the Right Template] Consider your campaign goals: - **Spin the Wheel** — Great for giveaways and promotions - **Match-3** — High engagement, longer play sessions - **Basketball Hoop** — Simple, quick, and addictive ::: ## Step 3: Customize Your Game After selecting a template, you'll enter the game editor with multiple customization options: ### Basic Settings - **Game Title** — Give your game a unique name - **Description** — Describe your game for players ### Visual Customization - Upload your own images and branding - Generate AI images using text prompts - Customize colors and themes ### Game Settings - Adjust difficulty level - Set game duration - Configure scoring options ## Step 4: Preview Your Game Click the **Preview** button to test your game before publishing. Make sure to: - Play through the entire game - Check that all assets display correctly - Test on mobile if possible ## Step 5: Publish Once you're happy with your game: 1. Click **Create Game** (or **Save as Draft** to continue later) 2. Your game will be created and you'll receive a shareable link 3. Share the link or embed the game on your website ## What's Next? - Learn more about [Game Templates](/creating-games/templates) - Set up an [Organization](/organizations/overview) to collaborate with your team - Configure [Prizes and Vouchers](/rewards/overview) for your games --- ## Creating Games Overview DailyPlay makes game creation simple with a template-based approach. You don't need any coding knowledge — just select a template, customize it with your brand assets, and publish. ## The Creation Process ### 1. Select a Template Browse our library of 60+ game templates. Each template is a fully functional game that you can customize with your own branding and assets. ### 2. Customize Use the game editor to: - Edit the game title and the game description - Upload or generate game assets - Configure game settings (difficulty, duration, etc.) - Set up prizes for lucky-draw games - Configure post-game actions (email capture, CTAs) #### Creating a Casual Game Pick a template, set your title and description, upload your assets — and you're ready to go. #### Creating a Prize Game For lucky-draw games, you'll also configure prizes, win probabilities, and claim settings. ### 3. Preview & Test Test your game in the preview mode before publishing. Play through the entire experience to ensure everything works as expected. ### 4. Publish Publish your game to get a shareable link. You can also embed games directly on your website. ![Publishing your game](/img/create-game/publish-creategame.jpg) ## Game Types DailyPlay games fall into several categories: ### Skill Games Games where the player's score depends on their actions: - **Basketball Hoop** — Shoot hoops with drag-and-release controls - **Fruit Slice** — Swipe to slice flying fruits - **Match-3** — Connect matching tiles to clear the board - **Space Shooter** — Destroy enemies and collect power-ups ### Lucky Draw Games Games of chance where prizes are randomly awarded: - **Spin the Wheel** — Classic prize wheel - **Gachapon** — Capsule machine experience - **Grid Box** — Tap to reveal prizes ### Casual Games Simple, engaging games for all audiences: - **Memory Cards** — Match pairs of cards - **Catcher** — Catch falling items - **Tap Flyer** — Tap to keep flying ## Creation Methods ![Creation methods](/img/create-game/chooseguide-creategame.png) ### Guided Creation The default creation flow walks you through each step: 1. Choose template 2. Set basic info 3. Customize assets 4. Configure settings 5. Preview and publish ### Quick Create For experienced users, jump directly to the full editor with all options available at once. ## Tips for Success :::tip[Brand Consistency] Use consistent colors, fonts, and imagery that match your brand guidelines. ::: :::tip[Mobile Testing] Always test your games on mobile devices — most players will be on phones. ::: :::tip[Clear Instructions] Make sure game instructions are clear. Players should understand how to play within seconds. ::: ## Next Steps - Explore available [Game Templates](/creating-games/templates) - Learn about [Customization Options](/creating-games/customization) - Understand the [Publishing Process](/creating-games/publishing) --- ## Game Templates DailyPlay offers a growing library of professionally designed game templates across multiple categories. Each template is fully customizable with your brand assets. ## Template Categories ### Arcade Games Sports and skill-based games with intuitive controls. **Popular templates:** Basketball Hoop, Soccer Penalty, Golf 3D, Hockey 3D ### Action Games Fast-paced games for exciting campaigns. **Popular templates:** Space Shooter, Racing 3D, Lane Shooter 3D ### Puzzle Games Engaging brain teasers for longer play sessions. **Popular templates:** Match-3, Memory Card, Assembly Puzzle ### Casual Games Easy-to-play games for broad audience appeal. **Popular templates:** Fruit Slice, Catcher, Balloon Pop, Block Stacker ### Lucky Draw Games Prize-based games perfect for giveaways and promotions. **Popular templates:** Spin the Wheel, Gachapon, Grid Box ### Special Games Unique experiences with innovative mechanics. **Popular templates:** Expression Hero (facial recognition), Snow Globe (seasonal) --- ## Choosing the Right Template | Factor | Recommendation | | ----------------- | -------------------------------------------------- | | **Campaign Goal** | Lucky draw for giveaways, skill games for contests | | **Audience** | Casual games for broad appeal | | **Duration** | Quick games for high volume participation | | **Brand Fit** | Match game theme to your brand identity | :::tip Browse all available templates directly in the [DailyPlay app](https://app.dailyplay.ai) when creating a new game. New templates are added regularly! ::: ## Next Steps - Learn how to [Customize Your Game](/creating-games/customization) - Configure [Prizes](/rewards/prizes) for lucky-draw games --- ## Customizing Your Game DailyPlay's game editor gives you full control over your game's appearance and behavior. This guide covers all customization options. ## The Game Editor The editor is organized into sections: 1. **Basic Info** — Title, description, thumbnail 2. **Visual Assets** — Images, backgrounds, game elements 3. **Prizes** — If you enable the **Enable Prize System** toggle, a prize configuration step will appear where you can set up prizes, win probabilities, and claim settings 4. **Game Configuration** — Difficulty, duration, primary color (used for buttons and key UI elements), secondary color (used for accents and highlights), make your game discoverable, and optionally enable **Call to Action Configuration** via the toggle to capture emails #### Customizing a Casual Game Pick a template, set your title and description, upload your assets — and you're ready to go. #### Customizing a Prize Game For lucky-draw games, you'll also configure prizes, win probabilities, and claim settings. ## Basic Information ### Game Title Give your game a clear, descriptive name. This appears: - In the game's header - On shared links - In your game management dashboard ![Game title setup](/img/create-game/title-creategame.jpg) ### Game Description A brief description of your game. Keep it concise — 1-2 sentences that explain what the game is about. ![Game description setup](/img/create-game/game-description-creategame.jpg) --- ## Visual Assets Each game template has customizable visual elements. Common assets include: ### Thumbnail The preview image shown when your game is shared. Upload a custom image or use the auto-generated one. ![Thumbnail setup](/img/create-game/thumbnail-creategame.jpg) ### Background The main game background. Options: - **Upload Image** — Use your own image - **AI Generate** — Describe what you want and generate an image :::note Not all game templates support a background image. The background option will only appear in the editor for templates that include it. ::: :::tip[Background Tips] Use images that don't distract from gameplay. Subtle patterns or gradients work well. ::: ### Game Elements Depending on the template, you can customize: - **Characters/Avatars** — The player's character - **Objects** — Items to collect, obstacles to avoid - **UI Elements** — Score displays, buttons - **3D Textures** — For 3D game templates, customize textures on planes, walls, and spheres. Upload your own texture or use AI Generate ### Uploading Images Supported formats: PNG, JPG, WEBP, GIF For best results: - Use high-resolution images (at least 512x512) - PNG with transparency for overlays - Keep file sizes under 5MB ### AI Image Generation DailyPlay includes AI image generation: 1. Enter a text prompt describing your desired image 2. Click **Generate** 3. Wait 30-60 seconds for generation 4. Preview the result 5. Regenerate if needed, or accept and continue :::note[Generation Tips] Be specific in your prompts. Include: - Style (cartoon, realistic, flat design) - Colors (brand colors) - Subject (what should be in the image) - Mood (playful, professional, exciting) ::: :::tip[Refresh Live Preview] After uploading an image or generating one with AI, click the **Refresh** button on the Live Preview overlay to see your new image applied in the game. ::: ### Reference Image When using AI generation, you can provide a **Reference Image** to guide the style and content of generated assets. This is optional but helps produce more consistent results. - **Upload** — Select an image from your device (PNG, JPG, or WEBP, max 5MB) to use as a reference - **Gallery** — Browse and pick from your organization's previously uploaded images The reference image influences the AI output so generated assets match your brand's look and feel. ![Reference image setup](/img/create-game/reference-creategame.jpg) --- ## Game Configuration ### Difficulty Control how challenging the game is: | Level | Description | | ----------- | ------------------------------- | | 1 (Easiest) | Very forgiving, great for demos | | 2-3 | Casual difficulty | | 4-5 | Moderate challenge | | 6-7 | Challenging | | 8+ (Hard) | Expert level | ### Duration Set how long the game lasts (in seconds). Common settings: - **30 seconds** — Quick engagement - **60 seconds** — Standard gameplay - **90-120 seconds** — Extended sessions ### Primary & Secondary Color Customize your game's color scheme to match your brand: - **Primary Color** — Used for buttons, headers, and key interactive elements - **Secondary Color** — Used for accents, highlights, and supporting UI elements These colors apply across the game interface, ensuring a consistent branded experience. ### Discoverable Choose whether your game appears in public searches: - **On** — Anyone can find and play your game - **Off** — Only accessible via direct link --- ## Post-Game Configuration ### Call-to-Action (CTA) After the game ends, show players a CTA screen: #### Email Capture Collect player emails with a customizable form: - **Title** — e.g., "Thanks for playing!" - **Message** — Explain what they'll receive - **Consent Checkbox** — For marketing opt-in #### Custom CTA Display a message with optional action button: - Link to your website - Show a promotional offer - Direct to social media :::note For campaign-level lead forms on streams (email, name, phone, before/after timing, and highscore name reuse), see [Lead Capture](/streams/lead-capture/). ::: ### Post-Game Redirect URL Optionally show a link popup after the game ends — useful for sending players to a landing page, store, or survey: 1. In the game editor, enable **Post-Game URL** 2. Enter the destination URL 3. Optionally set a title, description, and button label --- ## Prize Configuration Some game templates **require** prizes (Spin the Wheel, Gachapon, Grid Box, Claw Machine, Scratch Card), while others make it **optional**. For optional games, enable the **Enable Prize System** toggle to add prizes. ### Prize Slots Each game has a minimum and maximum number of prize slots depending on the template: | Game | Slots | | ---- | ----- | | Spin the Wheel | 3–10 segments | | Gachapon | 3–10 capsules | | Grid Box | Exactly 9 boxes | | Claw Machine | 3–10 items | | Scratch Card | 1–10 cards | ### Prize Slot Fields For each prize slot, configure: - **Prize Name** — What the player sees (max 50 characters) - **Description** — Optional details about the prize (max 200 characters) - **Prize Image** — Upload an image for the prize (256×256 recommended) - **Probability** — Chance of winning as a percentage (all slots must total 100%) - **Min Score** — Minimum score required to win (only available on supported game templates) ### Prize Types Each slot must have one of the following types: | Type | Description | | ---- | ----------- | | **Item** | A physical or digital item (e.g., "32\" TV", "Free Coffee") | | **Voucher** | A single static voucher code shown to the winner | | **Voucher Set** | Pulls from a managed pool of voucher codes — codes are auto-distributed to winners | | **External Link** | A URL for off-platform redemption | | **No Prize** | A "Try again" slot (hidden in single-prize mode) | ### Prize Claim QR Use **Show Prize QR** to control whether winners see a scannable QR code for the claim/voucher code. The toggle defaults to **on**. Turn it off when you only want the code shown as text (for example, when players must type the code into another system). ### Voucher Set Integration To use the **Voucher Set** type: 1. Go to the **Vouchers** page and create a voucher set 2. Upload or generate voucher codes in that set 3. Back in the prize editor, select **Voucher Set** as the type 4. Choose your voucher set from the dropdown — it shows the available code count 5. Codes are automatically distributed to winners one at a time :::note If you don't have any voucher sets yet, the editor will show a link to create one. ::: See [Voucher System](/rewards/vouchers) for more details. ### Reordering and Managing Slots - Use the **up/down arrows** to reorder prize slots - Click **Add** to add more slots (up to the template maximum) - Click **Remove** to delete slots (down to the template minimum) :::caution Total probability across all prize slots must equal 100%. A warning will appear if the total is off. ::: --- ## Preview Mode Always preview your game before publishing: 1. Click **Preview** in the editor 2. Play through the entire game 3. Check: - All images load correctly - Game difficulty feels right - Post-game CTA displays properly - Mobile layout works :::caution[Test on Mobile] Most players will be on mobile devices. Always test on a phone before publishing. ::: ## Next Steps - Learn about [Publishing Your Game](/creating-games/publishing) - Set up [Prizes and Vouchers](/rewards/overview) --- ## Publishing Your Game Once you've customized your game, it's time to publish and share it with the world. ## Publishing Options ![Publishing options](/img/create-game/publish-creategame.jpg) ### Save as Draft Not ready to publish yet? Save your work as a draft: - Click **Save as Draft** - Access drafts from **Manage Games** - Continue editing anytime ### Create Game (Publish) Ready to go live: 1. Click **Create Game** 2. Your game is created and becomes playable 3. You'll be shown sharing options with your game link --- ## Game States Games can be in one of these states: | Status | Description | | ------------- | ----------------------------------------- | | **Draft** | Work in progress, not publicly playable | | **Published** | Live and playable via link | | **Archived** | Hidden from public, preserved for records | You can change a game's status from the **Edit Game** page: | Current Status | Available Actions | | -------------- | ----------------- | | Draft | **Publish Game** or **Archive** | | Published | **Unpublish** (back to Draft) or **Archive** | | Archived | **Restore to Draft** | --- ## Managing Your Games Access your games from the **Manage Games** page (via the sidebar menu): ### View All Games See all games you've created with: - Thumbnail - Status badge (Draft / Published / Archived) - Play count - Title and description - Search, sort by title, creation date, or play count ### Game Actions Each game card has four action buttons: | Action | Description | | ------ | ----------- | | **View** | Opens the game in a new tab | | **Edit** | Opens the game editor to update assets, settings, and prizes | | **Share** | Opens the share modal with link, QR code, and embed options | | **Delete** | Permanently deletes the game (cannot be undone) | ### Edit a Game Click **Edit** to: - Update visual assets - Change game configuration - Modify prize configurations - Update post-game CTAs - Change game status (publish, unpublish, archive) :::note[Live Changes] Changes to published games take effect immediately. Players will see the updated version. ::: ### Delete a Game To permanently delete a game: 1. Click the **Delete** button 2. Confirm the deletion in the dialog :::caution[Warning] Deletion is permanent and cannot be undone. All play data and analytics will be lost. ::: --- ## Sharing Your Game After publishing, a sharing screen appears with multiple ways to distribute your game: ### Direct Link Every game gets a unique URL that you can copy and share anywhere. ### QR Code Generate and download a QR code for physical marketing: - Click **Generate QR Code** - Download as PNG - Use in print materials, posters, or displays ### Embed on Your Website Two embedding options: - **Simple iframe** — Copy the ` ## Embed Methods DailyPlay offers two embed formats in the Share/Embed panel: | Format | Description | | ------ | ----------- | | **Simple iframe** | Inline game on your page (this guide) | | **[Floating Play button](/sharing/floating-play-button)** | Fixed button that opens the game in an overlay — ideal for [Shopify](/sharing/shopify) and [Shopline](/sharing/shopline) storefronts | ### iframe Embed The simplest way to embed your game: ```html ``` ### Responsive Embed For responsive layouts that adapt to screen size: ```html
``` --- ## Getting the Embed Code ### From the Game Page 1. Open your published game 2. Click **Share/Embed** 3. Select the **Embed** tab 4. Copy the embed code ### From Manage Games 1. Go to **Manage Games** 2. Find your game 3. Click **Share/Embed** 4. Copy the embed code --- ## Embed URL Format ### Standard Embed ``` https://app.dailyplay.ai/embed/[game-id] ``` ### With Parameters Add query parameters for customization: ``` https://app.dailyplay.ai/embed/[game-id]?hideHeader=true&theme=light ``` Available parameters: | Parameter | Values | Description | | ------------ | -------------- | ------------------------ | | `hideHeader` | `true`/`false` | Hide the game header | | `hideFooter` | `true`/`false` | Hide the footer | | `autoplay` | `true`/`false` | Start game automatically | --- ## Sizing Guidelines ### Mobile-First (Recommended) For mobile-optimized games: | Dimension | Value | | --------- | ------- | | Width | 400px | | Height | 700px | | Ratio | ~1:1.75 | ### Desktop Display For wider layouts: | Dimension | Value | | --------- | ----- | | Width | 500px | | Height | 800px | ### Full-Width Responsive ```html
``` --- ## Platform-Specific Instructions ### WordPress **Using HTML Block:** 1. Add a new block 2. Select **Custom HTML** 3. Paste the embed code 4. Preview and publish **Using Shortcode (if available):** Some themes support shortcodes for iframes. ### Shopify For a floating Play button on your storefront, see the dedicated [Shopify guide](/sharing/shopify). For an inline iframe on a page or product: 1. Go to your page/product in Shopify admin 2. Click **Show HTML** in the editor 3. Paste the iframe embed code 4. Save ### Shopline For a floating Play button, see the [Shopline guide](/sharing/shopline). For an inline iframe, add the embed code in a Custom HTML section in the theme editor. ### Squarespace 1. Add a **Code Block** 2. Paste the embed code 3. Apply changes ### Wix 1. Add an **HTML iframe** element 2. Paste the iframe code 3. Adjust size as needed ### Webflow 1. Add an **Embed** element 2. Paste the embed code 3. Style the container as needed --- ## Styling the Embed ### Container Styling Wrap the iframe in a styled container: ```html
``` ### Centered Layout ```html
``` --- ## Permissions ### Required Permissions Include these in the `allow` attribute for full functionality: ```html allow="camera; microphone" ``` | Permission | Needed For | | ------------ | --------------------------------------- | | `camera` | Expression-based games, video recording | | `microphone` | Voice-controlled games | ### If Features Aren't Used If your game doesn't use camera/mic, you can omit the `allow` attribute: ```html ``` --- ## Security Considerations ### HTTPS Requirement Your website must use HTTPS to embed DailyPlay games. The embed won't work on HTTP-only sites. ### Content Security Policy If your site has a CSP, add DailyPlay to your allowed sources: ``` frame-src https://app.dailyplay.ai; ``` ### Cross-Origin DailyPlay games work within iframes across different origins. No special configuration needed. --- ## Testing Your Embed 1. **Local Testing** — Use a local server (http://localhost) 2. **Check Sizing** — Verify the game displays correctly 3. **Mobile Test** — View on mobile devices 4. **Feature Test** — Confirm game plays properly --- ## Troubleshooting ### Game not loading - Verify the game ID is correct - Check the game is published - Ensure HTTPS is used ### Wrong size - Check width/height attributes - Use responsive wrapper - Test on target devices ### Camera not working - Add `allow="camera"` attribute - Ensure HTTPS (required for camera) - User must grant permission ### Blocked by CSP - Add `frame-src https://app.dailyplay.ai` to your CSP - Check browser console for specific errors ## Next Steps - [Track Analytics](/sharing/analytics) for embedded games - [Share via Link](/sharing/share) for other channels --- ## Floating Play Button The **Floating Play button** embed adds a fixed button to the bottom-right corner of your site. When a visitor clicks it, the game opens in a modal overlay — no need to dedicate page space to an iframe. Use it when you want games available on every page (for example, a storefront homepage or campaign landing page) without changing your layout. ## When to Use It | Approach | Best for | | -------- | -------- | | [Simple iframe](/sharing/embed) | A dedicated game section on a single page | | **Floating Play button** | Site-wide access from any page; ecommerce storefronts | --- ## Getting the Embed Code 1. Open your published game (or stream share dialog) 2. Click **Share/Embed** 3. Select the **Embed** tab 4. Choose **Floating Play button** (instead of Simple iframe) 5. Pick your platform — [General HTML](#general-html), [Shopify](/sharing/shopify), or [Shopline](/sharing/shopline) 6. Copy the generated snippet --- ## Customize the Button In the Share/Embed panel, you can adjust: | Setting | Default | Description | | ------- | ------- | ----------- | | **Play button text** | `🎮 Play` | Label shown on the floating button | | **Play button color** | Your org brand color | Background color (hex, rgb, or hsl) | Changes update the embed code immediately — copy again after editing. --- ## General HTML For any website that accepts raw HTML before ``. ### Hosted assets (recommended) Loads CSS and JavaScript from DailyPlay — a short snippet: ```html
``` **Important:** Replace `https://your-site.com` in the widget URL with your site's origin (scheme + hostname, no trailing slash). The `origin` parameter is used for analytics and domain validation. ### Inlined CSS (WordPress-safe) Some CMS platforms (notably WordPress Custom HTML blocks) strip external `` tags. Choose **Inlined CSS (WordPress-safe)** in the embed panel — the same CSS is embedded inline in a `