Achieve Client App: Making customizations

If you upgraded your subscription plan for the Achieve Client App to Premium or White Label, you can customize your logo and splash screen, adjust the app’s appearance, change button styles, and adjust your clients’ profile screens. With the White Label plan, you can also customize the icon, background, and name of your app. Our live preview tool will let you view your changes as you make them.

Some customization options require a rebuild of your app, which has a customization fee of $159 USD. The options that require your app to be rebuilt are indicated by a red asterisk (*). If any of these options have been selected when you click SAVE & BUILD APP, a popup will be displayed for you to confirm paying the $159 USD customization fee before proceeding.

If your Premium or White Label Achieve Client App is already published in Google Play and the App Store:

Any changes made to the app icon, app name, or splash screen on the App Design page must be emailed to achieve@wellnessliving.com for the changes to be published.

All other changes are immediately displayed to your clients when they use your Achieve Client App. However, these changes are not reflected in the preview images displayed for your app in Google Play or the App Store.

See Achieve Client App: Understanding the differences between plans to see which plan is right for you.

CautionClicking RESET will discard all customizations you made and return the app to its default state.

Note The content and organization of the navigation bar cannot be changed because it has been specially formatted for mobile devices. Any changes to these properties could affect the functionality of your app; therefore, only the style of the navigation bar can be customized.

To customize your Achieve Client App:

  1. Click the App Drawer button .
  2. In the App Drawer, click Achieve.
  3. Under Thumbnail Icon And Name, configure the icon, background, and name of your app.
    • Icon – To display your logo on the app icon, click the ICON IMAGE thumbnail. Drag and drop your logo on the dialog box or click Select a photo from your computer and browse to your file. The app icon must be a PNG file with a minimum resolution of 150 x 150 pixels.
    • Background – To add a background image to your app icon, click the BACKGROUND IMAGE thumbnail. Drag and drop your image on the dialog box or click Select a photo from your computer and browse to your file. To apply a color screen on your background image, click the FROM and TO color chips and select a color from the Color Picker. Select two different colors to apply a gradient effect.
    • App Name – To name your app, enter the name in the APP NAME box. The app name should not contain more than 30 characters.
  4. Under Splash Screen, configure the splash screen displayed when launching your app.Splash Screen Setup
    • Logo – To display your logo in the splash screen, click the LOGO IMAGE thumbnail. Drag and drop your logo on the dialog box or click Select a photo from your computer and browse to your file. The logo image must be a PNG file with a minimum resolution of 150 x 150 pixels.
    • Background – To use an image for your splash screen, click the BACKGROUND IMAGE thumbnail. Drag and drop your image on the dialog box or click Select a photo from your computer and browse to your file. The background image must be a PNG file with a minimum resolution of 150 x 150 pixels.
    • Background color – To apply a color screen on your image, click the FROM and TO color chips and select a color from the Color Picker. Select two different colors to apply a gradient effect.
  5. Under General Elements, select the appearance of your Achieve Client App. Under both Header and Buttons, choose the font face, font color, font style, and background color. Click the icons underneath the live preview to see how these changes affect other pages in your app.
  6. Under Location Page, select which elements to display on the Location page.
    • Logo – To add a Logo to your location page, click the LOGO IMAGE thumbnail. This logo does not need to be the same as the logo that appears on your splash screen. Drag and drop your logo onto the dialog box, or click Select a photo from your computer and browse to your file. The logo image must be a PNG file with a minimum resolution of 150 x 150 pixels.
    • Placeholder Shape – The placeholder shape changes the way that the logo appears on the top of the screen. Click the dropdown menu and select square, round, or rectangle.
    • Background Image – To display an image in the background, click the BACKGROUND IMAGE thumbnail. Drag and drop your image onto the dialog box, or click Select a photo from your computer and browse to your file. The background image must be a PNG file with a minimum resolution of 150 x 150 pixels.
    • Background Color – To apply a color screen on your image, click the FROM and TO color chips and select a color from the Color Picker. Select two different colors to apply a gradient effect.
    • Buttons – Decide whether to display the name of your location, the Call button, and Write Review buttons. Change the settings to ON or OFF.
  7. Under Navigation Button Style, select the color and style for your buttons.
    • Default Button Style – Select the default style of your buttons when they are not active. Click the color chip and select a color from the Color Picker.
    • Active Button Style – Select the style of the active button. Click the color chip and select a color from the Color Picker.
  8. Under Profile and Confirmation Screen, set the elements displayed in your confirmation screen. This screen appears after a client books a service.
    • Booking Confirmation Message – Enter a message to display to your clients after they book a service.
    • Font – Select a font face and color for the confirmation message.
    • Background Color – To select a background color, click the FROM and TO color chips and select a color from the Color Picker. Select two different colors to apply a gradient effect.
    • Earned Points Background – Click the EARNED POINTS BACKGROUND color chip and select a color from the Color Picker.
  9. When your changes are complete, click SAVE AND BUILD APP
    • If any changes you requested require a customization fee, a confirmation popup will be displayed. Click CONFIRM to accept the charges.
Was this article helpful?
(156 out of 156 people found this article helpful)
Cancel