This section states the purpose of each page.
In this summary, we will describe each page and its content. The Page Element is the fundamental one that contains all the other elements.
Tip: See Bubble Reference for more information about Pages element https://bubble.io/reference#Elements.Page 🙂
This is the main page typically encountered first on the web app that usually contains links to the other pages of the site. A homepage includes a variety of menus that make it easy for users to find the information they need.
The index page shows a slide of users' profiles. A swipe to the left indicates a dislike, while a swipe to the right goes for a like for the user.
On the user's slide, you can see their photo, name, age, location, and how far they are. Clicking on the “exclamation mark” icon will follow you to the user profile page, where you will find a photo gallery and a short bio of the selected user.
The "star" icon allows you to give a Super Like to a user. Besides the swipe to the left and right, there are buttons that "duplicate" swiping - the "heart" icon and "cross" icon buttons.
In the interface, besides the swipe to the left and right, the buttons that correspond to this functionality are buttons with the "heart" icon and "cross" icon.
Tip: To view additional information about the user, click on the info icon.
On the Edit profile tab the user can not only change his information, but also customize the search on the Match Preferences tab by the following parameters:
- Maximum Distance
- Preferred gender
- Age Range
To apply changes, don't forget to click the "Save" button 🙂
If another user has already swiped you to the right, and you did the same, the following message will appear with the option to start a conversation right now.
The platform has a limit on the maximum number of profile photos equal to six.
Super Likes give the user possibility to start the conversation with another one without an actual match taking place (without mutual likes).
Tip: To initiate a discussion after Super Like was given, both users should have an active subscription. If the person who was given Super Like has no subscription or bundles of Super Likes purchased, he will not be able to see details or send a message to the person who gave the Super Like until paying for the subscription or a bundle. The author of Super Like will be displayed in the Matches tab as an unidentified user with the Super Like icon.
Also, another scenario is possible. If you super liked someone, and this user gave you a Like then, in any case, a standard mutual like (match) will happen.
To use the functionality of the Super Likes, you need to purchase them in bundles or get a subscription (it gives you a monthly amount of super likes) on the Subscriptions tab. Also, you can check the remained amount of Super Likes there.
On the Payment Information tab, you can bind your credit cards to your account, and set a default card (to pass payments through). Please note, that adding a new card will automatically bond it to your application account and Stripe Payment System. You can also modify the data of the card you already added, by selecting it and opting for the "Edit card" option. If you want to unbind your card - click the cross icon available in the right upper corner of the bank card image.
In this tab, you can find the history of all payments for this account. Each payment includes the following information:
- Name of the purchase
- Description (if any)
- Amount of payment
- Date of payment
- Purchased product logo
The subscription allows you to interact with users who super liked you. Also, a subscription gives you a certain amount of Super Likes monthly. You can purchase a subscription or find the details on the current one in the Subscriptions tab. The payments are powered by Stripe. If you have already added your credit card to the account earlier, then it will be charged automatically.
On the Matches tab you can see two types of users:
- Users with which you have mutual likes
- Users who super liked you (displayed within a starred tab)
If you got a Super Like from someone, and don’t have the active Subscription at the moment, your “secret admirer” will not be visible to you until you get any type of Subscription.
Types of interaction with users (those visible to you):
- Seeing their profile
- Starting a conversation
- Deleting a user from your list of matches
On the Inbox tab, you can see users with whom the conversation is started (the list of chats displays only conversations having at least one message).
This page is designed to manage platform data, e.g. Users, Items, Payments… and others. Only users with admin rights are able to access this page (in read-only mode), and those users who have access rights can edit or delete anything here. The dashboard allows the admin to see a list of users, a list of conversations, and general statistics with graphics.
Tip: Initially, the design elements might be hidden in the editor.
Here is how to unhide 👀 them:
In this tab, the admin sees the whole list of application users, which can be filtered. The administrator can change user data: edit or delete the user and see their list of conversations from the profile.
In this tab, the admin can view the conversations, participants, and number of their likes, users' profiles, and the conversation themselves. Also, through the search field, you can search conversations by the name of users that are within this chat.
In this tab, the admin can view information about the total number of users, categorized and displayed by month/year. The number of users that are on annual subscription. The number of all subscriptions for a year and the total amount paid for them.The information can be filtered by the following types:
- By year or month
Users who are administrators of the platform can not only change information about users, but also permanently delete them from the platform.
Read about how to get administrator access and remove the ability to log in a demo user in the Admin Rights guide.
This page is used for creating an account or logging in to an existing one. Besides standard registration, users can also use Facebook account to register or log in.
When logging in with Facebook, the app extracts the user's first name, last name, and profile photo from his Facebook profile.
On this page, users are offered a demo user to log in and test all the template features. For detailed information on how to remove this button, see the Remove Demo Login section.
Tip: After logging in, the users can change their first name, last name and photo.
Also from this page, you can access the admin panel (or dashboard page) as a demo user.
Read about how to get administrator access and remove the ability to log in as a demo user in the guides:
This page contains a simple form used for resetting the password.
When the user confirms a new password, the old one is reset based on the input values:
This is a custom-designed page for 404 redirect errors, informing a user that the web page he or she is looking for cannot be found.
The design of this page consists of only two text fields. Therefore, there are no workflows in the "Workflows" tab.