Ubidots not only provides an ingestion back-end to receive and store data, a neat and easy-to-use front-end to create Dashboards or User Management capabilities to administer how and who should have access to the data but also the ability to brand the End-User Application with your company’s look and feel, hence, completing the cycle of Ubidots IoT Enablement platform.

An Ubidots powered application login screen and App could look like this:

Requirements

Table of Contents

  1. White and Grey Label Branding
  2. Brand the End-user Application
  3. Access Branded Application

1. White and Grey Label Branding

Ubidots powered applications come in 2 flavors: White- label and Grey-label apps. While the first option allows complete branding, that is, look and feel customization, proprietary domain and Email sender address, the second allows only for look and feel changes, and it preserves Ubidots subdomain with the structure {APP_NAME}.iot.ubidots.com as well as the default Email sender notifications@ubidots.com.

Differences also account in terms of pricing. All Ubidots licenses include 1 application but it is only from the Professional tier that full white-label capabilities are included. Furthermore, starting from that same plan, a user is allowed to create additional applications (for more information about additional apps and when you might need one, see Section 5 of this article) and choose whether or not they’re going to be White- or Grey-labelled. The pricing schedule for additional apps is as described below:

  • Additional White-label app: $49/mo
  • Additional Grey-label app: $19/mo

2. Brand the End-user Application

To access the Branding section of each of your Ubidots powered applications, go to the Apps section accesible at the right-most option in the NavBar

Once in the Apps’s module, follow the below steps:

Step 1: Click the “Edit” button, located to the right, of the app to brand
Step 2: Enter the “Branding” sub-section located in the left panel

NOTE: The branding section includes Previews, placed at the bottom, that will change as new elements are customized.

Step 3: Update the Branding elements based on your company’s look and feel, and then save the changes
– Header Logo: Recommended resolution is 630x132 or proportion 1:6. Accepted formats JPEG or PNG
– Login Screen Logo: Recommended resolution is 630x126 or proportion 1:6. Accepted formats JPEG or PNG. Additionally, this logo will be used in the invitation emails sent to your users.
– Loader Logo: Accepted format GIF and SVG
– Background Image: Recommended resolution is 1920x1080 or proportion 16:9
– Favicon: Recommended resolution is 48x48 or proportion 1:1. Accepted formats JPEG or PNG

Step 4: Update the Color Palette to customize the application colors, and then save the changes

Step 5: Click the “Save changes” button.

3. Access Branded Application

There are 2 options to access your Ubidots’ powered application in order to check how it actually looks beyond the Previews at the bottom.

– From the Apps section: Click the “Go to App” button. It will redirect you to the App’s login page.

– From the Users section: Click the “Login as user” button. It will automatically sign in to this user’s account in the App.

Other users also found helpful:

Did this answer your question?