eCommerce
Restaurant
Grocery
Pickup & Delivery
Online Courses
Employee Communication
Content Creators
Bookings
Newspaper
Radio
Schools
Events
Travel guide
Faith
Organizations
Custom apps
PRODUCT RESOURCES
TOPICS
TECHNOLOGY
MOBILE APPS RESELLERS
DISCOVER
Enable the In-App login with the new GoodBarber User Authentication feature
Written by Arianna Testi on
Our new User Authentication feature is the first step to make your app more social. From now on your app will represent not only your voice and ideas, but those of your users as well. In the new Add-Ons store you can see it alongside two other new social features, Community and User Groups. But today we'll focus on Authentication, with the Login and Profile page.
Where to find it?
Go to the Add-Ons store. By clicking on More Info, under the feature's display, you can enter a detailed description page which will allow you to discover everything about the section before even adding it.
Then to enable it, you will just have to click on the green [+Free] button. Please note: this feature is only included in the Advanced plan.
Then to enable it, you will just have to click on the green [+Free] button. Please note: this feature is only included in the Advanced plan.
How does it work?
Once you have enabled the User Authentication feature add-on, you will automatically be redirected to the App menu, where a green tooltip will show you the two new sections that have been added to your sections list.
On the right menu, another tooltip will alert you of four new menus that have been added to your back office.
On the right menu, another tooltip will alert you of four new menus that have been added to your back office.
The new sections added are called : Login Box and Profile.
The Login Box is not actually a section, but just a layer, which is why it's not possible to drag and drop it and move it, as with the other sections.
This layer offers 3 different templates, with different customization tools as always, and an alternative display of the sign-up/log in information.
The Login Box is not actually a section, but just a layer, which is why it's not possible to drag and drop it and move it, as with the other sections.
This layer offers 3 different templates, with different customization tools as always, and an alternative display of the sign-up/log in information.
The Profile Section, in addition to all the usual design tools, offers a very interesting feature that gives you the option to separate the Profile page from the navigation mode.
The profile display will depend on the type of navigation mode, for example:
- For the mode Swipe or Little Swipe, the profile section will stay in the menu but with a different look. Instead of the icon it will have the user's profile picture.
- For the mode TabBar, Typo and Large Typo, the profile icon will be moved to the top right corner of the app.
- For the mode Grid and Slate, the profile will be moved to the bottom of the screen.
Here are some pictures...
The profile display will depend on the type of navigation mode, for example:
- For the mode Swipe or Little Swipe, the profile section will stay in the menu but with a different look. Instead of the icon it will have the user's profile picture.
- For the mode TabBar, Typo and Large Typo, the profile icon will be moved to the top right corner of the app.
- For the mode Grid and Slate, the profile will be moved to the bottom of the screen.
Here are some pictures...
The new menus...
Now that I have shown what the Login and Profile pages can look like in your app, it's time to see how to set the profile information, the app restrictions, and most importantly, where you will be able to find the information about your users.
Users > Public/Private
When you activate the User Authentication Add-Ons in your back office, we automatically lock the access to the entire app. If you want to restrict the access only to certain sections, you will have to go to the Public/Private menu of your back office and set the access to your sections as you want.
User > Settings
In this menu you can set the Sign up option of your Login layer and the information your users will be able to put in their profiles.
You can choose to authorize people to sing up in your app, or if you are creating an internal app just for your company for example, to enable just the login, so external users will not be able to create a new profile without your authorization.
You can also decide to allow users to visit the app without been forced to sign up, allowing them to skip the registration process.
Last but not least, the login through Facebook and Twitter. This is a very popular option, which is simple to configure but that will be much appreciated by your users.
You can choose to authorize people to sing up in your app, or if you are creating an internal app just for your company for example, to enable just the login, so external users will not be able to create a new profile without your authorization.
You can also decide to allow users to visit the app without been forced to sign up, allowing them to skip the registration process.
Last but not least, the login through Facebook and Twitter. This is a very popular option, which is simple to configure but that will be much appreciated by your users.
On the second page of this menu, you will find the User Profile configuration where you will be able, as with the Form section, to add different kinds of fields, as well as give the user the option to include his social profile and profile picture.
User > List
Once the feature has been published in the app and your users start creating their profiles, you will be able to consult the list of your users, as well as the data, in the List menu.
Through this same page, you will even be able to manually add a new profile, and very soon to automatically import a list of profiles.
Through this same page, you will even be able to manually add a new profile, and very soon to automatically import a list of profiles.
Now you know everything you need to know, but remember that the hands-on experience is better then any lesson written in a book. So roll up your sleeves and start making your own app!