Console
  • Introduction
  • Helpful Resources
    • Quick Start Guide
    • FAQ
      • Custom Attributes
      • Programs
      • Recipes
      • Rules
  • Manage Users
  • User Management
    • Create a User
    • Deactivate a User
  • Roles and Permissions
  • Accessing the Console
    • Login and logout to the Console
    • Navigating the Console
      • Home Page
      • Managing Programs
        • Create a Program
        • Edit a Program
        • Activate/Deactivate a Program
        • Manage predefined nutritional programs
      • User Segments
        • Create a Segment
          • Custom Attributes
      • Ingredient Groups
        • Create Ingredient Groups
        • Edit a Ingredient Group
      • Mealplan Playground
      • Customize your mobile App
    • Advanced Options
      • Manage Macro Settings
      • Manage Rules
Powered by GitBook
On this page
  • Access the customize your mobile app option
  • Characteristics
  • Customize your brand's image
  • Upload your logo
  • Background gradients
  • Primary and Secondary Color
  • Select your desired features

Was this helpful?

  1. Accessing the Console
  2. Navigating the Console

Customize your mobile App

PreviousMealplan PlaygroundNextAdvanced Options

Last updated 2 years ago

Was this helpful?

The Customize your mobile App feature allows business owners to get a real-time visual prototype of how the Suggestic app will look by using new features, components, and their own branding.

Access the customize your mobile app option

To access the Customize your mobile app option, go to the home page and click on the Start button:

The following options are displayed:

Characteristics

  • Upload your logo. Upload PNG images of no more than 100k.

  • An app viewer will display automatically the user's selection (logo, colors, modules)

  • If the user selects more than two modules, the app viewer will display a carousel to visualize the selected modules.

Start creating your prototype by following the steps below

Customize your brand's image

Upload your logo

Upload a background logo of no more than 100kb. Click on the + sign, and choose an image from your device:

The app viewer visualizes the uploaded logo:

Background gradients

Choose the background gradients to display smooth transitions between two or more specified colors. Pick the colors by using either one of the following 3 codes:

  • RGB (red, green, blue) notation

  • HSL (hue, saturation, lightness) values

  • HEX (hexadecimal) values.

Check the example below:

Primary and Secondary Color

Use the primary color to highlight the titles of the modules and the secondary color to change the icons' colors.

Pick the colors by using either one of the following 3 codes:

  • RGB (red, green, blue) notation

  • HSL (hue, saturation, lightness) values

  • HEX (hexadecimal) values.

See the example below:

Select your desired features

Add one or more of the following modules to your app experience:

Meal Planner

Recipe Finder

Restaurants

Progress Tracker

Food Logging

Weight Goals

Subscriptions

Notifications

Appointments

Grocery List

Chat

Video Calls

Programs

Lab tests

Nutrition Dashboard

Preferences

Onboarding

When a user places the cursor over one of the modules, the app viewer will display it. Mark the checkbox to keep the module selected: