App Builder
The App Builder is where you control everything your patients see in the Glovora mobile app. From a single place you can add treatments and services, create membership plans, set up promotional offers, configure the loyalty points programme, define the rewards catalogue, and customise your clinic's visual branding — logo, colours, and theme mode. Changes made here are reflected directly in what patients see the next time they open the app.
Where to find it: In the left-hand sidebar, click App Builder.
The eight tabs
The App Builder has eight tabs along the top of the page:
| Tab | What it manages |
|---|---|
| Setup | Launch checklist and recent activity feed |
| Treatments | Services and retail products visible in the app |
| Memberships | Recurring membership plans |
| Offers | Time-limited promotions and sign-up incentives |
| Points | Loyalty points rules — earning, referrals, reviews, and expiry |
| Rewards | The redemption catalogue patients spend their points on |
| Branding | Logo, cover image, colours, theme, address, and currency |
| Preview | A simulated phone screen showing your published content |
Each tab is described in full below.
Setup tab
The Setup tab is a launch checklist. It shows you which steps must be completed before your app is ready for patients, and tracks your progress with a progress bar.
Setup progress bar
At the top of the tab is a progress bar labelled "Setup progress" with a counter showing "X of Y required steps". The bar fills as you complete required steps. Optional steps do not count towards this progress.
Checklist items
There are five checklist items. Each one turns green with a tick when it is complete, and shows an unfilled circle when it is still to be done. Clicking any item takes you directly to the relevant tab or settings page.
| Item | Required? | Done when… | Goes to |
|---|---|---|---|
| Clinic Branding | Required | Your clinic logo has been uploaded | Branding tab |
| At least 1 treatment published | Required | At least one treatment or service is published | Treatments tab |
| Booking mode configured | Required | Booking mode is set to anything other than "Disabled" | Clinic Settings page |
| Membership plan | Optional | At least one membership plan is published | Memberships tab |
| First offer | Optional | At least one offer is published | Offers tab |
The three required steps — Clinic Branding, At least 1 treatment published, and Booking mode configured — are what the progress bar counts. The two optional steps (Membership plan and First offer) are encouraged but do not block your launch.
The "Booking mode configured" item links to Clinic Settings, not to a tab within the App Builder. If this step is showing as incomplete, navigate to Clinic Settings and confirm that your booking mode is set to a value other than Disabled.
Recent Activity feed
Below the checklist is a Recent Activity feed that automatically refreshes every 30 seconds. It shows the last 20 changes made to your app content by any staff member, including what was created, updated, published, unpublished, or deleted, along with the staff member's name and how long ago the action occurred. For "updated" entries, the specific fields that changed are listed beneath the action description.
This feed covers all content types — treatments, memberships, offers, and rewards — so you can see at a glance who has been editing the app and what has changed.
Treatments tab
The Treatments tab embeds the full Products page. From here you can create, edit, publish, and unpublish the treatments, services, and retail products that patients can browse in the app.
A blue banner at the top of this tab reads: "Add your treatments, services, and retail products here. These appear in your app's treatment menu so patients can browse and book."
Only published treatments appear in the patient app and in the Preview tab. Unpublished treatments are saved but hidden from patients.
For full documentation on creating and managing treatments, see the Shop article.
Memberships tab
The Memberships tab embeds the full Memberships page. From here you can create and manage recurring membership plans that patients can subscribe to through the app.
A purple banner at the top reads: "Create membership plans for recurring revenue. Once published, patients can view and subscribe through the app. Remember to click 'Publish' to make a membership visible."
Only published memberships appear to patients. A membership must be explicitly published before it shows in the app or in the Preview tab.
For full documentation on membership plans, benefits, pricing, and Klarna buy-now-pay-later options, see the Memberships article.
Offers tab
The Offers tab embeds the full Offers page. From here you can create time-limited promotions and sign-up incentives — for example, a new patient discount or a seasonal treatment bundle.
Only published offers appear in the patient app. Published offers appear as banner cards on the patient's home screen.
For full documentation on creating offers, setting expiry dates, and configuring sign-up incentives, see the Offers article.
Points tab
The Points tab contains the Loyalty Settings — the rules that govern how patients earn and spend loyalty points. There are four cards, each with its own controls.
All settings on this tab are saved together by clicking the Save Settings button at the bottom of the page.
Welcome Vouchers card
Controls whether new patients automatically receive points when they first sign up.
| Field | What it does | Default |
|---|---|---|
| Enable Welcome Vouchers (toggle) | When on, new patients are awarded welcome points when they first check in | On |
| Welcome Points (number field) | The number of points awarded at first sign-up | 100 |
The welcome points are given to the patient automatically — there is no manual step required from clinic staff. This ties directly to the new patient onboarding flow described in the Notifications article (the welcome_new_patient push notification is triggered at the same moment).
Referral Rewards card
Controls what happens when a patient successfully refers a friend who joins the app.
| Field | What it does | Default |
|---|---|---|
| Enable Referral Rewards (toggle) | When on, both the referrer and the new patient receive a reward when a referral is completed | On |
| Referral reward type (dropdown) | Choose between "Loyalty points" or "Account credit (money)" | Loyalty points |
| Points awarded to referrer and referee / Credit amount in cents (number field) | When type is "Loyalty points": the number of points both parties receive. When type is "Account credit (money)": the credit amount in cents (e.g. 500 = £5.00 or equivalent in your clinic's currency) | 0 |
When a referral is completed, both the patient who made the referral and the newly joined patient receive the reward. Changing from points to credit means the reward is added to their Beauty Bank wallet instead. For more on the Beauty Bank and wallet credits, see the Beauty Bank article. Once enabled, referrals are handled automatically — no action is required from clinic staff.
Review Rewards card
Controls whether patients earn points for leaving a Google review.
| Field | What it does | Default |
|---|---|---|
| Enable Review Rewards (toggle) | When on, patients can earn points for verified Google reviews | On |
| Points Per Review (number field) | The number of points awarded for each approved review | 60 |
| Google My Business Review URL (text field) | The link patients tap to leave a Google review directly from the app. Paste your Google review link here (e.g. https://g.page/r/your-clinic/review) | Empty |
The Google review URL is shown to the patient inside the app as a direct link. If you leave this field blank, the review rewards option will still show as enabled but patients will not have a link to tap.
General Settings card
Controls the overall earn rate and point expiry across the whole loyalty programme.
| Field | What it does | Default |
|---|---|---|
| Points Earn Rate (number field) | How many points a patient earns per currency unit spent. 1 = 1 point per £1 spent; 2 = 2 points per £1 spent | 1 |
| Points Expiry (days) (number field) | How many days until a patient's unspent points expire. Leave blank for points that never expire | 365 |
The Points Earn Rate applies to all purchases made through the app. If you set it to 2, a patient spending £50 would earn 100 points.
For more on how patients redeem their points, see the Rewards article.
Rewards tab
The Rewards tab embeds the full Rewards page. From here you can create the items that patients redeem their loyalty points for — for example, a free treatment, a product sample, or a discount voucher.
An orange banner at the top reads: "Set up your reward catalogue. Patients redeem their loyalty points for rewards you define here."
Only published rewards appear in the patient app. For full documentation on creating rewards, setting point costs, and publishing, see the Rewards article.
Branding tab
The Branding tab is where you set your clinic's visual identity inside the app. It contains five separate sections, each with its own save mechanism.
A blue banner at the top reads: "Customise your app's look and feel — logo, colours, and theme. This is what your patients see when they open your clinic's app."
Colors & Theme card
| Field | What it does | Default |
|---|---|---|
| Primary Color | The main brand colour used for buttons, highlights, and key UI elements. Set with a colour picker or by typing a hex value | #E91E63 |
| Secondary Color | A supporting colour used alongside the primary | #9C27B0 |
| Accent Color | A third colour for contrast elements and call-to-action areas | #FF5722 |
| Theme Mode | Controls whether the patient app uses a light or dark background. Options: Light, Dark, Auto (System) — Auto matches the patient's device setting | Light |
Below the colour controls is a Quick Presets section with 18 pre-configured colour combinations. Clicking a preset instantly populates all three colour fields without overwriting your theme mode. The available presets are:
Rose Gold · Blush · Deep Rose · Sage · Forest · Mint · Lavender · Plum · Lilac · Champagne · Warm Sand · Terracotta · Slate · Charcoal · Pearl · Coral · Peach · Gold
Presets are a quick starting point — after applying one you can fine-tune each colour individually.
Save: Click the Save Theme button (top-right of the Branding tab) to save colour and theme mode changes.
Typography & Branding card
| Field | What it does | Notes |
|---|---|---|
| Clinic Logo | The logo shown in the patient app header and profile area. Upload by clicking the upload zone or dragging a file on to it | Recommended: PNG or WebP format, max 200px height. Saved immediately on upload — no need to click Save Theme. |
| Clinic Cover Image | The full-width banner image shown as the homepage hero background in the patient app | Recommended: 1200×600px, JPG or PNG. Saved immediately on upload — no need to click Save Theme. |
Logo and cover image uploads are saved the moment the upload completes. They do not wait for the Save Theme button.
Uploading a logo also marks the "Clinic Branding" step on the Setup tab as complete.
Live Preview card
Below the two main cards is a Live Preview section that updates as you change colours and theme mode. It shows:
- Your clinic name or logo if one is uploaded
- Three colour dots representing the primary, secondary, and accent colours
- A "Primary Button" sample in your primary colour
- An "Accent Button" sample in your accent colour
- The background and text rendering in the selected theme mode (light or dark)
This preview updates in real time as you adjust values. It does not require saving first.
App Builder — Clinic Address card
The Address card lets you set your clinic's physical address so that patients can find you on the discovery map and in search results.
- Type your address into the search field. The field supports addresses in Ireland, Northern Ireland, Australia, and New Zealand.
- Click Search or tab away from the field.
- A list of matching addresses appears. Click the correct one to select it.
- The address saves automatically — there is no separate save button for this card.
The current address is shown above the search field as "Current: [address]" once one has been saved.
Currency card
The Currency card lets you set which currency is used across the CRM and the patient app for all prices, balances, and monetary values.
| Option | Description |
|---|---|
| EUR — € (Ireland) | Euros |
| GBP — £ (UK / Northern Ireland) | Pounds sterling |
| AUD — A$ (Australia) | Australian dollars |
| NZD — NZ$ (New Zealand) | New Zealand dollars |
Click Save Currency to save your selection. The button is disabled if the selected currency matches the one already saved.
Changing the currency after you have already processed transactions will change how all existing monetary values are displayed across the CRM and app. The underlying figures are not converted — only the currency symbol and code change. Set your currency before processing your first real transaction.
Preview tab
The Preview tab shows a simulated mobile phone screen (320×640 pixels with a phone bezel) displaying how the patient app currently looks with your published content and branding.
The phone screen shows:
- Your clinic's brand colour in the header, with your logo (or clinic name initial) and a "Welcome back!" greeting
- Up to 2 published Offers as banner cards
- Up to 3 published Treatments as a list with name, category, and price
- Up to 2 published Memberships with name, price per month, and benefits count
- A bottom navigation bar with five tabs: Home, Shop, Scan, Rewards, Profile
To the right of the phone is a Published Content summary panel showing the total count of published Treatments, Memberships, and Offers.
If nothing has been published yet, the phone screen shows the message "Add and publish content to see a preview" and a warning card reads: "Nothing published yet. Go to the Treatments, Memberships, or Offers tabs and publish some content to see it in the preview."
The preview uses your live published data and branding settings. It refreshes automatically each time you navigate to the Preview tab.
How changes are saved
Different sections of the App Builder have different save mechanisms:
| Section | How it is saved |
|---|---|
| Colours and theme mode (Branding tab) | Click Save Theme button |
| Clinic logo | Saved immediately on upload |
| Clinic cover image | Saved immediately on upload |
| Clinic address | Saved immediately when you click an address suggestion |
| Currency | Click Save Currency button |
| Loyalty points settings (Points tab) | Click Save Settings button |
| Treatments, memberships, offers, rewards | Each embedded page has its own save and publish controls |
There is no single "publish all" or "go live" step for the App Builder as a whole. Content becomes visible to patients as soon as it is individually published on the relevant tab. Branding changes (colours, logo, cover image) take effect immediately after saving — there is no separate deployment or publish step.
There is no draft mode that batches changes for a scheduled release. Each change is live as soon as it is saved and published.
Role permissions
Access to the App Builder is controlled by the "Access app builder" permission in Staff → Permissions.
| Role | Default access |
|---|---|
| Owner | Yes |
| Manager | Yes |
| Practitioner | Yes |
| Receptionist | No |
| Staff | No |
The clinic owner can change this default for any role from the Permissions tab on the Staff page. If a staff member cannot see the App Builder in the sidebar, they do not have this permission.
All tabs within the App Builder are accessible to anyone who has the App Builder permission. There is no tab-level permission restriction within the App Builder itself.
What each field means
| Field | What it means |
|---|---|
| Clinic Branding (Setup checklist) | Complete when at least a logo has been uploaded via the Branding tab |
| At least 1 treatment published (Setup checklist) | Complete when any product/treatment has been published on the Treatments tab |
| Booking mode configured (Setup checklist) | Complete when Clinic Settings has a booking mode other than "Disabled" set |
| Membership plan (Setup checklist) | Optional. Complete when any membership plan is published |
| First offer (Setup checklist) | Optional. Complete when any offer is published |
| Primary Color | Main brand colour: buttons, highlights, key elements in the patient app |
| Secondary Color | Supporting colour for secondary elements |
| Accent Color | Contrast colour for call-to-action elements |
| Theme Mode | Light / Dark / Auto — controls background and text rendering in the patient app |
| Welcome Points | Points given automatically when a patient signs up for the first time |
| Enable Referral Rewards | Whether both referrer and new patient receive a reward on successful referral |
| Referral reward type | Whether the referral reward is in loyalty points or account credit (Beauty Bank) |
| Points awarded to referrer and referee | Number of points both parties receive per completed referral |
| Credit amount in cents | When referral reward type is "Account credit": the value in pence (e.g. 500 = £5.00) |
| Enable Review Rewards | Whether patients earn points for leaving a verified Google review |
| Points Per Review | Points awarded for each approved Google review |
| Google My Business Review URL | The direct link patients tap to leave a Google review from the app |
| Points Earn Rate | Points earned per £1 (or equivalent) spent on a purchase |
| Points Expiry (days) | Days after which unspent points expire. Leave blank for no expiry |
Common mistakes
Publishing individual items but forgetting the Setup checklist The Setup checklist only marks "At least 1 treatment published" as done when a treatment is genuinely published — saving a draft treatment does not count. If the checklist item is still showing as incomplete, go to the Treatments tab and confirm that the treatment's published toggle is actually on.
Clicking Save Theme before the logo has uploaded Colour and theme mode changes require clicking Save Theme. However, the logo and cover image are saved instantly when they are uploaded — they do not wait for that button. If you upload a logo and then immediately click Save Theme before the upload has finished, you may save an empty logo URL. Wait for the upload confirmation before clicking Save Theme.
Setting the referral reward value and leaving it at zero The referral reward value field defaults to 0. If you enable referral rewards but do not set a value above zero, patients will earn nothing when they refer a friend — the feature will appear active but reward no one. Always set a meaningful value (e.g. 200 points or 500 pence in credit) before enabling referral rewards.
Assuming Preview shows unpublished content The Preview tab only shows content that has been published. If you have created a treatment or offer but not yet published it, it will not appear in the phone preview. The Published Content summary to the right of the phone shows a count of published items only — it does not count drafts.
Changing currency after going live Changing the currency code changes the symbol displayed throughout the CRM and patient app, but does not convert any stored monetary values. A clinic that started with EUR and processed transactions in euros will see those same numbers displayed with a £ symbol after switching to GBP. Set the correct currency before accepting any real payments.
The Setup tab is the best starting point for a new clinic. It tells you exactly what is needed before your app is patient-ready, and each item is a clickable shortcut to the right place. Complete the three required steps first — branding, at least one treatment, and booking mode — before adding optional content like memberships and offers.
The Preview tab renders a simplified representation of your app using CSS and SVG inside a web browser. It is useful for checking that your branding colours and published content look reasonable together, but it is not a full simulation of the Flutter mobile app. Some layout details, animation, and feature interactions visible on a real device will not be present in the Preview tab. Always test on a real device or via TestFlight/Play Store before announcing the app to patients.