Why: Enhance your members' cooking experience with a distraction-free, step-by-step guide that keeps them focused and engaged while preparing recipes.
Navigate: App Station > Page Builder > Recipe Steps block > Show Cooking Mode Button toggle
Quick Start
Open the Page Builder in App Station.
Select the Recipe Steps block you want to edit.
Find the Show Cooking Mode Button option.
Toggle it on to enable Cooking Mode.
Save your changes.
What is Cooking Mode?
Cooking Mode provides a full-screen, distraction-free environment that guides members through recipes step-by-step. This feature is designed to help members focus on cooking without interruptions, ensuring they can easily follow along with each recipe.
Key Features
Step-by-Step Navigation
Members can navigate through recipe steps using swipe gestures or keyboard arrows. This allows for a smooth and intuitive cooking experience.
Full-Screen Display
Each step is displayed in full-screen mode, featuring prominent images or videos that enhance the cooking process. This visual support helps members understand each step clearly.
Inline Ingredients with Automatic Scaling
Ingredients are displayed inline with each step and automatically scale based on the number of servings selected. This ensures that members have the right quantities at their fingertips.
Quick Ingredient Reference
A slide-in drawer provides easy access to the full ingredient list, allowing members to quickly check what they need without losing focus on the current step.
Wake Lock Feature
Cooking Mode includes a wake lock feature that prevents the device screen from sleeping during cooking. This means members won't have to worry about their screen turning off while they are in the middle of preparing a recipe.
Enabling Cooking Mode
To enable Cooking Mode for your app, follow these steps in the Page Builder:
Open the Page Builder in App Station.
Select the Recipe Steps block you want to edit.
Locate the Show Cooking Mode Button option.
Toggle it on to enable the feature (default is enabled).
Save your changes.
Once enabled, a "Start Cooking" button will appear in the recipe steps header, allowing members to enter Cooking Mode easily.
Member Experience
When members click the "Start Cooking" button, they will enter Cooking Mode, where they can:
View each recipe step one at a time.
Swipe or click to navigate through the steps.
Access the ingredient list by tapping the "Ingredients" button.
Exit Cooking Mode by clicking the close button.
Scaling and Preferences
Cooking Mode respects members' preferences, including:
Servings selection from the recipe URL.
User measurement system preference (metric or imperial).
Ingredient display preferences (e.g., fractions or decimals).
These settings ensure that the cooking experience is tailored to each member's needs.
Related Features
Recipe Steps Block
Ingredient Management
Translation System
By enabling Cooking Mode, you provide your members with a powerful tool that enhances their cooking experience, making it easier and more enjoyable to follow your recipes.