Adding a Custom Loading Animation to the Customer Profile

Overview

Custom loading animations can be added to the Customer Profile to create a more engaging and on-brand digital experience. By uploading branded Lottie animations, you can replace the default loading visuals with custom designs that reflect your restaurant’s identity and personality. This allows you to maintain a consistent look and feel from the moment guests access the profile through every interaction within it.

Follow the steps below to upload and apply custom loading animations in Tabit Office

  1. In Tabit Office, go to Loyalty > Settings > Customer Profile

    image-20260502-225921.png
  2. Select Design Settings under Brand Skin

    image-20260502-225936.png
  3. Select the Branding tab

    image-20260502-225952.png
  4. Here you can upload an animation for when the Customer Profile is initially loading

    image-20260502-230008.png
  5. Or one for whenever something is loading once the customer has logged into the Customer Profile

    image-20260502-230033.png
  6. Select Upload File and upload a Lottie file that is no more than 0.5 megabytes

    image-20260502-230101.png
  7. Then select Save

    image-20260502-230120.png
  8. Now in the Customer Profile, we can see the uploaded initial loading animation and the new internal loading animation.

    Customer-Profile-custom-loading-animation.gif